@charset "utf-8";
/* CSS Document */
#bigcontent{position: relative;}
.contant{min-width: 100%; overflow: hidden;}
/*相同的样式*/
.center{width: 100%; height: 100%; position: relative; margin: 0 auto;}
.title_h img{margin: 0 auto; display: block;}
.con{background:no-repeat center; width: 100%; background-size: auto 100%; position: relative;}
.motai{ width: 100%; height: 100%; position: absolute; left: 0; top:0; background: rgba(0,0,0,0.5);}
.motai .i_warp{ width: 60px; height: 60px; position: absolute; top:0; left: 0; right: 0; bottom: 0; margin: auto;}
.motai .bf_item{display: block; position: absolute; top:0; left: 0; right: 0; bottom: 0; margin: auto; }
.motai .i_video{background: url(/sw/up2018/images/i_video.png) no-repeat center;height:60px;width:60px;cursor: pointer; 
-webkit-animation: zhuanbox_two 5s linear infinite;-moz-animation: zhuanbox_two 5s linear infinite;}
.motai .u_video{background: url(/sw/up2018/images/u_video.png) no-repeat center;height:35px;width:27px;cursor: pointer; left: 8px; top:5px; 
}
@keyframes zhuanbox_two{
	0% {   -webkit-transform: rotate(0deg);}
   100% {-webkit-transform: rotate(-360deg);}
}

.con1{background-image:url(/sw/up2018/images/con1.jpg) ; height: 1220px;}
.con1 video{ position: absolute; top:0; left: 0; width: 100%; }
.con1 .logo1{display: block; position: absolute; right: 440px; top:158px;}
.con1 .logo2{display: block; position: absolute; right: 0px; top:180px;}
.con1 .center1{height: 400px;}
  .nav{ position: fixed; left: 0; top: 0; background: #160427; height: 64px; color: #fff; font-weight: bold; width: 100%; z-index: 100; display: none;}
  .nav li{ float: left; padding: 0 22px; font-size: 27px; line-height: 64px; height: 64px; margin: 0 10px; cursor: pointer;}
  .nav li a{color: #fff;}
  .nav .on{ background: #390ebc;}
  .nav li:hover{background: #390ebc;}
/*向爱而生*/
.con2{background-image:url(/sw/up2018/images/con2.jpg) ; height:709px;}
.warp2{ padding-top: 60px;}
.warp2 .lef{ float: left; width: 640px; height: 505px; position: relative; overflow: hidden;}
.warp2 .lef .bj{position: absolute; top:0; left: 0; bottom: 0; right:0px;margin: auto; height: 100%; width:100%;}
.warp2 .lef .box{ width: 100%; height: 100%; position: absolute; top:0; left: 0; background:#000;display: none;}
.warp2 .rit{ width: 550px; height: 505px; float: right;}
.warp2 .rit .bt{ height: 49px; line-height: 49px; color: #fff; width: 100%; font-size: 28px;}
.warp2 .rit .hd_item1{width: 550px; height: 455px; overflow: hidden;}
.warp2 .rit .hd_item1 ul, .warp2 .rit .hd_item1 li{width: 110%;}
.warp2 .rit .hd_item1 ul li .a_list{display: block; float: left; width: 178px; height: 223px; margin: 0 8px 11px 0;}
.warp2 .rit .hd_item1 ul li a img{width: 100%; height: 100%;}

/*新闻*/
.con3{background-image:url(/sw/up2018/images/con3.jpg) ; height:622px;}
.con3 .warp3{height: 411px; padding-top:50px;}
.con3 .warp3 .hd_item2{float: left; width: 600px; height: 100%; position: relative; overflow: hidden;}
.con3 .warp3 .hd_item2 .bd{ position:relative; height:100%; z-index:0; overflow: hidden; } 
.con3 .warp3 .hd_item2 .bd li{ width:600px; height:411px; } 
.con3 .warp3 .hd_item2 .bd li a,.con3 .warp3 .hd_item2 .bd li img{display: block; width: 100%; height: 100%;}
.con3 .warp3 .hd_item2 .hd{height: 10px;  overflow: hidden; position: absolute; right: 6px;bottom: 10px; z-index: 1;}
.con3 .warp3 .hd_item2 .hd ul{zoom:1; overflow: hidden; float: left; zoom: 1;}
.con3 .warp3 .hd_item2 .hd ul li{float: left; margin-right: 11px; width: 10px; height: 10px; border-radius: 50% ; background: #fff; opacity: 0.5; cursor: pointer;}
.con3 .warp3 .hd_item2 .hd ul .on{background: #ff6d00;opacity: 1;}
.con3 .warp3 .rit2{ height: 410px; width: 588px; overflow: auto; float: right;}
.con3 .warp3 .rit2::-webkit-scrollbar { width: 6px; height: 6px; background: transparent; }
.con3 .warp3 .rit2::-webkit-scrollbar-button { width: 0; height: 0; }
.con3 .warp3 .rit2::-webkit-scrollbar-button:start:decrement, .Min_3 .M3_R ::-webkit-scrollbar-button:end:increment { display: block; }
.con3 .warp3 .rit2::-webkit-scrollbar-button:vertical:start:increment, .Min_3 .M3_R ::-webkit-scrollbar-button:vertical:end:decrement { display: none; }
.con3 .warp3 .rit2::-webkit-scrollbar-corner { display: block; }
.con3 .warp3 .rit2::-webkit-scrollbar-thumb { background-clip: padding-box; background-color: rgba(64, 19, 56, 0.7); border-radius: 10px; }
.con3 .warp3 .rit2::-webkit-scrollbar-thumb:hover { background-clip: padding-box; background-color: rgba(64, 19, 56, 0.7); border-radius: 10px; }
.con3 .warp3 .rit2::-webkit-scrollbar-track:hover { background-clip: padding-box; background-color: rgba(0, 0, 0, 0.1); }
.con3 .warp3 .rit2 a{display: block; color: #fff;}
.con3 .warp3 .rit2 .item{height: 200px; margin-bottom: 10px; width: 100%; overflow: hidden;}
/*.con3 .warp3 .rit2 .img{float: left; width: 50%; height: 100%; overflow: hidden;}*/
.con3 .warp3 .rit2 .img{float: left; width: 50%; overflow: hidden;}
.con3 .warp3 .rit2 .img img{height: 100%;}
.con3 .warp3 .rit2 .text{background: #8b390f;color: #fff; width: 50%; float:left; height: 100%; position: relative;}
.con3 .warp3 .rit2 .text .bt{ font-size: 18px; color: #fff; line-height: 20px; height: 20px; width: 280px; padding: 10px 7px 0 7px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.con3 .warp3 .rit2 .text .p{padding: 0 7px; line-height: 29px; font-size: 16px; width: 280px; height: 141px; overflow: hidden;}
.con3 .warp3 .rit2 .text .a{display: block; background: url(/sw/up2018/images/ico_img.png) no-repeat center;height:14px;width:48px;background-position: 0 -22px;  position: absolute; right: 10px; bottom: 12px;}
.con3 .warp3 .rit2 .text .p:hover{text-decoration: underline;}
/*直播*/
.con4{background-image:url(/sw/up2018/images/con4.jpg) ; height:717px;}
.con4 .warp4{ width: 100%; height:480px; padding-top: 40px;}
.con4 .warp4 .zhibo{ width: 740px; height:100%; float: left; position: relative; overflow: hidden; background: url(/sw/up2018/images/zb_bj.jpg) no-repeat center;}
/*.con4 .warp4 .zhibo .motai i{display: block; position: absolute; top:0; left: 0; right: 0; bottom: 0; margin: auto; background:url(/sw/up2018/images/ico_img.png) no-repeat center;height:69px;width:258px;background-position: 0 -96px; cursor: pointer;}
.con4 .warp4 .zhibo .motai i{-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
.con4 .warp4 .zhibo .motai i:hover{transform:scale(1.03);-ms-transform:scale(1.03); -moz-transform:scale(1.03); -webkit-transform:scale(1.03); -o-transform:scale(1.03);}*/
.con4 .warp4 .zhibo .zb_box{width: 100%; height: 100%; position: absolute; top:0; left: 0; background:#000;display: none; text-align: center; line-height: 480px; color: #fff; font-size: 30px;}
.con4 .warp4  .cunfell{width: 428px; height: 100%; overflow: hidden; color: #fff; float: right;}
.con4 .warp4  .cunfell .bt{ width: 390px; height: 30px; line-height: 30px;}
.con4 .warp4  .cunfell  span{display: block;float: left; text-align: center; font-size: 16px;}
.con4 .warp4  .cunfell .time{width: 140px;}
.con4 .warp4  .cunfell .nex{width: 250px;}
.con4 .warp4  .cunfell .infor{width:425px; height: 448px; overflow: hidden; position: relative;}
.mCSB_container{width: 390px;}
.con4 .warp4  .cunfell .infor ul{width: 390px; margin-top: 7px;border-top:3px solid #3a1a22; background: #230c20;}
.con4 .warp4  .cunfell .infor ul li{width: 100%; line-height: 50px; height: 50px;}
.con4 .mCSB_scrollTools .mCSB_draggerRail { width: 18px;background: #22062e; border-radius: 1px;}
.con4 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 18px;  background: #401338;  border-radius: 1px;}
/*主题解读*/
.con5{background-image:url(/sw/up2018/images/con5.jpg) ; height:738px;}
.con5 .title_h{ padding-bottom: 50px;}
.warp5{width: 100%; height: 424px; background: url(/sw/up2018/images/warp5.png) no-repeat center; }
/*新品大作*/
.con6{background-image:url(/sw/up2018/images/con6.jpg) ; height:628px;}
.warp6{height: 414px; width: 100%; overflow: hidden; padding-top: 50px;}
.warp6 ul{ width: 110%;}
.warp6 ul li{width: 286px; height: 197px; overflow: hidden; margin: 0 17px 18px 0; float: left;}
.warp6 ul li a,.warp6 ul li img{width: 100%; height: 100%; display: block;}

/*精彩·视频*/
.con7{background-image:url(/sw/up2018/images/con7.jpg) ; height:654px;}
.warp7{height:390px; width: 100%; overflow: hidden; padding-top: 75px;}
.warp7 ul{ width: 110%;}
.warp7 ul li{width: 283px; height: 184px; overflow: hidden; margin: 0 23px 23px 0; float: left; position: relative;}
.warp7 ul li img{width: 100%; height: 100%;}
.warp7 ul li i{display: block;background: url(/sw/up2018/images/ico_img.png) no-repeat center;height:60px;width:60px;background-position: 0 -36px; position: absolute; top:0; left: 0; right: 0; bottom: 0; margin: auto; cursor: pointer;}
.warp7 ul li i{-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
.warp7 ul li i:hover{transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}

/*关于up*/
.con8{background-image:url(/sw/up2018/images/con8.jpg) ; height:352px;}
.warp8{padding-top: 45px;}
.warp8 p{ text-indent: 2em; line-height: 29px; color: #fff; padding-bottom: 25px; width: 100%; font-size: 16px;}

/*弹框*/
@keyframes tan_data{	
	0% {  opacity: 0;-webkit-transform: scale(.8);}
	50% {  opacity: 1; -webkit-transform: scale(1.01);}
	70% {  -webkit-transform: scale(.99);}
	100% {-webkit-transform: scale(1);}
}
.tanshow{ width: 100%; height: 5800px; overflow: hidden;position: absolute; top:0; left: 0;z-index: 1000; background:rgba(0,0,0,0.8);display: none;}
.tanshow .tab_tan{-webkit-animation: tan_data .8s .2s ease both;-moz-animation: tan_data .8s .2s ease both;-webkit-box-shadow: 1px 6px 36px rgba(0,0,0,.5);
			    -moz-box-shadow: 1px 6px 36px rgba(0,0,0,.5);
			    box-shadow: 1px 6px 36px rgba(0,0,0,.5);
			    -webkit-border-radius: 5px 5px 3px 3px;
			    -moz-border-radius: 5px 5px 3px 3px; position:fixed; left: 50%; top:50%;}
.tanshow .tab_tan .img{ position: absolute;right: 10px; top:10px; overflow: hidden; cursor: pointer;}
.tanshow .tan1{ width: 378px; height: 557px; margin-left:-189px; margin-top:-278px; background:url(/sw/up2018/images/tan_box.jpg) no-repeat center; display: none;}
.tanshow .tan1 .img img{width: 22px; height: 22px;}
.tanshow .tan1 .box{width: 100%; height: 237px; position: absolute; left: 0; bottom: 0; }
.tanshow .tan1 p{text-align: center; color: #ffddc0; font-size: 34px; width: 100%; height: 40px; line-height: 40px;}
.tanshow .tan1 .btn{ display: block;text-align: center; width: 191px; height: 50px; line-height: 50px; color:#fff; font-size: 20px; border-radius: 30px; background:#8a3d0b; opacity: 0.8; margin:0 auto; margin-top: 65px; cursor: pointer;}
.tanshow .tan1 .btn:hover{opacity: 1;filter:alpha(opacity=100);   }
.tanshow .tan_video{width: 750px; height: 450px; margin-left:-375px; margin-top:-225px; background: #000; display: none; }
.tanshow .tan_video .img img{ width: 30px; height: 30px; }
.tanshow .tan_video .img{right: -35px;}
.tanshow .tan_video .video_box{ width: 100%; height: 100%;}