html{width: 100%;}
body{width:100%;background: #fff6e9 url(../images/bg.jpg) no-repeat top center;background-size: 100% 100%;}
a:hover{color: #954617;}
/*banner*/
.banner{width: 1200px;height: 280px;margin: 0 auto;position: relative;}

.banner .logo{height: 84%;float:left;}
.banner .logo img{height: 100%;}
.date{width: 280px;float: left;margin-top:72px;margin-left:-128px;position: relative;}
.date img{width:100%;}
.date .number{font-size: 42px;color: #e64767;font-family: helvetica;position: absolute;bottom:-18px;left: 80px; display:none;}
.date .day{font-size: 20px;color: #e64767;margin-left: 3px;}

.share-btn{ position:absolute; bottom:25px; right:55px; margin-right:0;}
#o-weixin:hover{background-position: 0 -47px!important;}
#o-sina:hover{background-position: -44px -47px!important;}
#lifahui_facebook:hover{background-position: -88px -47px!important;}
#lifahui_twitter:hover{background-position: -133px -47px!important;}
/*wrapper*/
.wrapper{width: 1200px;margin: 0 auto 100px;}
.wrapper .wrap-l{width: 670px;float: left;}
.wrapper .wrap-r{width: 525px;float: right;}
/*左侧 底部三个按钮*/
.bottom-l{width: 675px;height:180px;margin-left: -5px;line-height: 180px;margin-top: 5px;}
.bottom-l .box{float: left;width: 220px;height:100%;text-align:center;margin-left: 5px;}
.color-red{background-color: #e43551;}
.color-red1{background-color: #ed3b5b;}
.color-blue{background-color: #1499e3;}
.color-yellow{background-color: #e9ae27;}
.color-org{background-color: #f1783a;}
.color-green{background-color: #00b4bd;}
/**/
.wrap-r .right-box{width: 529px;margin-left: -4px;}
.wrap-r .box{float: left;margin-left: 5px;margin-bottom: 5px;text-align: center;}
.wrap-r .box.box-row1{width: 259px;height: 180px;line-height: 180px;}
.wrap-r .box.box-row1:first-child{width: 260px;}
.wrap-r .box.box-row2{width: 524px;height: 110px;line-height: 110px;}
.wrap-r .box.box-row3{width: 171px;height: 261px;line-height: 261px;}
.bottom-l .box a,.wrap-r .box a{width: 100%;height: 100%;display: block;}
.bottom-l .box a img,.wrap-r .box a img{transition: all 1s;}
.bottom-l .box a:hover img,.wrap-r .box a:hover img{transform: scale(1.1);}
.copyright{background: none;border-color: #954617;}
.copyright a,.copyright span{color: #954617;}
/*图片轮播样式*/
.swiper-container {
	width: 100%;
	height: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px,0,0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px,0,0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px,0,0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px,0px);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px,0,0);
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0px,0,0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-wp8-horizontal { -ms-touch-action: pan-y;}
.swiper-wp8-vertical {-ms-touch-action: pan-x;}
.swiper-slide {
    width: 845px;
    height: 475px;
	float: left;
    /*opacity: 0.4;*/
    position: relative;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}
/*滚动图文*/
.pics_scroll_wrap{ height:670px;height: 375px;background:#fff;}
.pics_scrolling{width:100%; height:375px; position:relative; overflow:hidden;}
.pics_scrolling .arrow_left_scroll{ width:30px; height:60px; background: url(../images/arr-left.png) center center no-repeat; position:absolute; left:0; top:50%;margin-top: -30px; z-index:9; cursor:pointer;}
.pics_scrolling .arrow_right_scroll{ width:30px; height:60px; background:url(../images/arr-right.png) center center no-repeat; position:absolute; right:0; top:50%;margin-top: -30px; z-index:9; cursor:pointer;}
.pics_scrolling .pics_hk_scroll{ margin-left:0;}
.pics_scrolling .slide_scroll{ width:670px; height:375px;}
.pics_scrolling .slide_scroll img{ width:670px; height:375px;}
.pics_scrolling .notes_scroll{ width:650px; height:24px; padding:48px 10px 8px; display:block; background:url(http://r.takungpao.cn/t/index/images/bg_black_2.png) repeat-x; _background:none; font-size:18px; color:#fff; text-align:center; position:absolute; left:0; bottom:0; overflow:hidden;}

.sideRight{ right:20px;bottom:200px;position: fixed;}
@media screen and (min-width: 320px) and (max-width: 640px) {
	.banner{width: auto;height: auto;padding: 0 20px 30px;}
	.banner .logo{width:50%;height: auto;float:left;}
	.banner .logo img{width: 100%;height: auto;}
	.date{width: 30%;float: left;margin-top:10px;margin-left:10px;position: relative;}
	.date img{width:100%;}
	.date .number{font-size: 24px;color: #e64767;font-family: helvetica;position: absolute;bottom:-7px;left: 53px;}
	.date .day{font-size: 15px;color: #e64767;margin-left: 3px;}
	.wrapper{width: auto;margin: 0 10px;margin-bottom: 20px;}
	.wrapper .wrap-l,.wrapper .wrap-r{float: none;width: auto;}
	.wrapper .wrap-r{margin-top: 5px;}
	/*滚动图文*/
	.pics_scroll_wrap{ padding:0;height: auto; border:none; margin-bottom:10px;}
	.pics_scrolling{ width:100%; height:210px;}
	.pics_scrolling .pics_hk_scroll{ margin-left:0;}
	.pics_scrolling .slide_scroll{ height:210px;margin-left: 0;}
	.pics_scrolling .slide_scroll img{ width:100%; height:100%;}
	.pics_scrolling .notes_scroll{ width:94%; height:auto; padding:24px 3% 8px; background-size:100% 100%; font-size:16px;}	
	.bottom-l{width: auto;height: 140px;margin-left: -2%;line-height: 140px;}
	.bottom-l .box{width: 31%;margin-left: 2%;}
	.bottom-l .box:last-child{margin-left: 3%;}
	.bottom-l .box:first-child a img,.bottom-l .box:nth-child(2) a img{width: 60%;}
	.bottom-l .box a img{width: 90%;}
	.wrap-r .right-box{width: auto;margin-left: -2%;}
	.wrap-r .box.box-row1,.wrap-r .box.box-row1:first-child{width: 48%;height: 140px;line-height:140px;margin-left: 2%;}
	.wrap-r .box.box-row1 img{width: 40%;}
	.wrap-r .box.box-row2{width:99%;float: none;}
	.wrap-r .box.box-row2 img{width: 40%;}
	.wrap-r .box.box-row3{width: 31%;height:200px;line-height:200px;margin-left: 2%;margin-top: 5px;}
	.wrap-r .box.box-row3:last-child{margin-left: 3%;}
	.wrap-r .box.box-row3 img{width: 35%;}
	.share-btn,.sideRight{display: none;}	
	
}

@media screen and (max-width:414px){
.focus_photos{ height:221px;}
.swiper-slide{ height:221px;}
.pics_scrolling{ height:221px;}
.pics_scrolling .slide_scroll{ height:221px;}
}

@media screen and (max-width:375px){
.focus_photos{ height:199px;}
.swiper-slide{ height:199px;}
.pics_scrolling{ height:199px;}
.pics_scrolling .slide_scroll{ height:199px;}
}

@media screen and (max-width:360px){
.focus_photos{ height:191px;}
.swiper-slide{ height:191px;}
.pics_scrolling{ height:191px;}
.pics_scrolling .slide_scroll{ height:191px;}
}

@media screen and (max-width:320px){
.focus_photos{ height:168px;}
.swiper-slide{ height:168px;}
.pics_scrolling{ height:168px;}
.pics_scrolling .slide_scroll{ height:168px;}
}