ul li{ list-style:none;}
ul {padding:0; margin:0;}
.img-middle{ display: table-cell; }
.img-middle img {vertical-align:middle;display:block;}
.mt20{ margin-top:20px;}
.container{ width:1200px;position:relative;}
.container .span4{ width:330px; margin-left:0;}
.container .span8{ width:820px;}

/*header*/
.container .brand{width:180px; margin-top:13px;padding:0;}
.navbar .nav{ margin-left:10px;}
.navbar .nav > li > a{padding:25px 30px; font-size:1.2em;}
.navbar .nav > li > a:hover{ background:#3f3f3f;}
.btn-navbar{ padding-top:15px 10px;}

.navinfo{position:absolute;right:0px;bottom:0px;color:#999;font-size:13px;}
.navinfo li{float:left;margin-left:15px;line-height:70px;}
/*con*/

. img-zfb { width:70px; height:22px; background:url(alipay.png) center top no-repeat;}

.banner{width:100%;margin-top:70px;background-repeat:no-repeat;background-position:center center;background-color:#164e8c;position:relative;}
/*.banner .yinying{position:absolute;left:0;top:0;width:100%;height:320px;background:#000;opacity:0.3;filter:alpha(opacity=30);}*/
.banner .bannerText{width:100%;*margin-top:35px;}
.container-con{width:1200px; margin:0 auto;}
.container-con .hero-unit{padding:40px 60px;margin:0;}
.container-con h1{font-size:50px;line-height:1.5em;ext-align: justify;}

.danmu{ background:#999999; color:#fff; font-size:14px; line-height:21px;}
.zhubo{ height:100px;}
.zhubo h2{ /*display:inline-block; */height:30px; line-height:30px;}
.zhubo h2 span{ display:inline-block; width:110px; margin-right:10px; padding-left:5px; background:#FF3333; color:#FFFFFF; font-weight:bold;}
.zhubo p{ /*display:inline-block;*/line-height:22px;}
.zhubo p span{ display:inline-block; width:110px;  height:30px; line-height:30px; color:#333;margin-right:10px; padding-left:5px; background:#FF3333; color:#FFFFFF; font-weight:bold;}


/*content*/
.brline{ border-right:1px #E8E8E8 solid; }
.timeline { margin: 20px 0 0 0; padding: 0; list-style: none; position: relative;  } 
 /* The line */
        .timeline:before
        { content: '';position: absolute;top: 0;
            bottom: 0;width: 2px; background: #f1f1f1; left: 26px;  margin-left: -10px;
        }
		
        .timeline > li
        { position: relative;  *border-left:1px solid #ccc!important; }
 /* The date/time */
        .timeline > li .tmtime
        {
            display: block;
            width:100px;;
            padding-right: 40px;
            position: absolute;
        }
        
        .timeline > li .tmtime span
        {
            display: block;
            text-align: right;
        }
        .timeline > li .tmtime span:first-child
        {
            font-size: 0.9em;
            color: #1d67d6; } 
        .timeline > li .tmtime span:last-child
        {
            font-size: 1em;
            color: #1d67d6;
        }
        
        .timeline > li:nth-child(odd) .tmtime span:last-child
        {
            color: #1d67d6;
        }
        
 /* Right content */
        .timeline > li .tmlabel
        {margin: 0px 20px 10px 50px; color: #333;padding: 0px 0px 20px 0px;font-size: 1em;
            font-weight: 300;line-height:26px; border-bottom:1px solid #dcdcdc;
            position: relative;}		
        .timeline > li .tmlabel p img{max-height:50px;}
		 .timeline > li .tmlabel:last-child{ border-bottom:none;}
		 .tmlabel li{ float:left; margin:0px 20px 20px 0px;}
		 .timeline  li .tmlabel span{display:inline-block}
		.timeline  li .tmlabel .img1 span{margin-top:10px;width:740px;height:416px;}
		.timeline  li .tmlabel .img1 img{max-width: 740px;display: block;margin: 30px auto 0 auto;max-height: 800px;}
		.timeline  li .tmlabel .imgou span{width:360px; margin:10px 10px 0px 0px;height:202px;}
		.timeline  li .tmlabel .img3 span{margin:10px 10px 0px 0px; width:233px;height:131px;}
		
		 .tmlabel .tmlabel-img img{ }
      /* The icons */
        .timeline > li .tmicon
        {
            width: 10px;
            height: 10px;
            font-family: 'ecoico';
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal; 
            text-transform: none;
            font-size: 1.4em;
            line-height: 30px;
            -webkit-font-smoothing: antialiased;
            position: absolute;
            color: #fff;
            background: #1d67d6;
            border-radius: 50%;
            text-align: center;
            left:0px;;
            top: 27px;
            margin: 0 0 0 12px;* margin: 0 0 0 -5px!important;
        }
		
	.list_more{width:100px;height:27px;line-height:25px;margin:0px 0px 30px 50px;background:#1d67d6;color:#fff;border:none;font-size:14px;}
	.loading{margin:0px 0px 30px 50px;text-align:center;width:100px;display:none;}
	#loadCom{width:100px;height:27px;margin:15px auto 0px 200px;}
	#list_more,#com_more{display:none;}
.zhuchi	{ width:100%;height:80px; line-height:60px; overflow:hidden;}
.zhuchi-pic	{ float:left; width:80px; padding-top:0px; }
.zhuchi-pic  img{ width:60px; height:60px; border-radius:50%;}
.zhuchi-name { float:left;min-width:140px; height:60px; line-height:60px; font-size:1.1em; color:#0066FF;font-weight:600;}
.zhuchi-time { float:left;padding-left:10px;font-size:1.1em; line-height:60px; color:#Ff6666;font-weight:600; }
.zhiding{float:right;width:90px;margin-right:15px;}
.jiabin{ color:#67bf62;}
.tmlabel h3{font-size:20px;line-height:20px;}
.tmlabel p.playBoxCon{width:730px;height:410px;position: relative;}
.tmlabel p.playBoxCon span{content: '';position: absolute;z-index:1;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 70px;height: 70px;background: url('http://live.cnwest.com/resource/phone/images/play.png') no-repeat center center / cover;}
.tmlabel p.playBoxCon video{position: absolute;z-index: 2;top: 0;left: 0;width: 100%;height: 100%;}

/*right*/
.righth2 .pl{ border-bottom:2px #1d67d6 solid;height:37px;overflow:hidden;}
.righth2 .pl h2{float:left;padding-left:10px;  color: #2a2a2a;font-size:18px; line-height:37px;height:37px; line-height:15px\9; *line-height:30px!important;}
.righth2 .pl h2 i{color:#1d67d6;font-size:14px;}
.righth2 .pl span{ float:right; margin-right:5px; font-size:12px; line-height:37px; color:#999999;}
.righth2 .pl span img{width:25px;height:25px;border:1px #e5e5e5 solid;border-radius:50%;vertical-align:middle;}
.righth2 .pl span em{font-style:normal;margin-left:5px;}
.righth2 .pl span strong{ color:#6699FF;margin-left:5px;}
.righth2 .pl span strong:hover{  color:#3366FF;cursor:pointer}

.chat-box{ margin:10px 0px 0px 20px; }
.buttonDiv{clear:both;margin-top:15px; position:relative;}
.chat-box em{cursor:pointer;margin-right:8px;position:relative;}
.chat-box em form{display:inline;width:18px;height:18px;}
.chat-box em input{position:absolute;left:0px;top:0px;opacity:0;filter:alpha(opacity=0);font-size:18px;width:18px;height:18px;cursor:pointer;overflow:hidden;}
.chat-box .faceBtn{display:inline-block;width:11px;height:6px;background:url("../images/jt.png") no-repeat 100% 0;background-size:11px 12px;vertical-align:middle;}
.chat-box .infoDiv{font-size:13px;color:#FF6600;line-height:25px;font-weight:bold;display:inline-block;width:120px;text-align:center;}

.chat-box .chat-btn,.chat-con .chat-btn{ width:100px; height:27px; line-height:25px;  background:#1d67d6; color:#fff; font-size:14px; border:none;text-align:center;float:right;margin-right:10px;}/*margin-left:125px;*/

.bmList{position:absolute;z-index:2;left:-15px;top:40px;width:332px;border:1px solid rgba(67, 152, 237, 0.6);box-shadow:0 0 5px #ddd;padding:18px 10px 10px 10px;background:#fff;display:none;text-align:center;}
.bmList:before ,.bmList:after{content:"";position:absolute;}
.bmList:before {top:-8px; left:20px; border-right:8px solid transparent;border-bottom:8px solid rgba(67, 152, 237, 0.6);border-left:8px solid transparent;}
.bmList:after {top:-6px; left:22px;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent;}

.bmList li{float:left;width:31px;height:31px;padding:0 5px 5px 0;position:relative;cursor:pointer}
.bmList li p{position:absolute;z-index:2;left:10px;top:30px;margin:0;font-size:12px;color:#888;border:1px solid #888;background:#fff;padding:1px 4px;border-radius:3px;display:none;}
.bmList li p.smallimg{white-space:nowrap;}
.bmList li p.bigimg{width:71px;}
.bmList li p.bigimg img{width:70px;height:70px;border:none}
.bmList li img{border:1px dashed #E8E8E8;width:26px;height:26px;}

.faceDivX{position:absolute;z-index:3;right:10px;top:10px;width:12px;height:12px;background:url("../images/close-btn-2.png");background-position:0px 0px;cursor:pointer}
.faceDivX:hover{background-position:0px 12px;}

/*评论添加图片——大图-没有使用*/
.pic_tit_sum li{width:94%;border:1px solid #c8c8c8;margin:20px auto;position:relative;}
.pic_tit_sum img{width:100%;height:auto;}
.pic_tit_sum .remove{position:absolute;right:2px;top:2px;width:12px;height:12px;border-radius:50%;background:rgba(0, 0, 0, 0.5) url(../images/close-btn-2.png);background-position:0px 0px;}
.pic_tit_sum .remove:hover{background-position:0px 12px;}

/*添加评论图片——小图*/
.addComImg{width:100%;}
.addComImg li{width:20%;float:left;padding:8px 12px 8px 4px;box-sizing:border-box;position:relative;}
.addComImg li div{width:100%;height:0;padding-top:100%;border-radius:10px;}
.addComImg li .remove{position:absolute;right:6px;top:6px;background:rgba(186, 186, 186, 0.6) url(../images/close-btn-2.png);background-position:0px 12px;width:12px;height:12px;border-radius:50%;}
.addComImg li .remove:hover{background:rgba(254, 127, 5, 0.9) url(../images/close-btn-2.png);background-position:0px 0px;}
.chat-box  .imgload{
	width:20px;height:20px;margin:20px auto auto 15px;display:none;
	background-position:right top;
	-webkit-animation-name:rotateRight;
	-webkit-animation-duration:1s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear
}
@-webkit-keyframes rotateRight{
	from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}
	}

/*图片+标题（一行两个） 列表*/
.pic_tit{padding:0px 5px;}
.pic_tit ul li{width:50%;float:left;}
.pic_tit ul li a{display:block;padding:0px 5px;position:relative;}
.pic_tit ul li img{width:100%;}
.pic_tit p{font-size:14px;line-height:1.4em;height:58px;overflow:hidden;}
.pic_tit .tag{position:absolute;left:5px;bottom:63px;background:rgba(0, 0, 0, 0.5);color:#fff;display:block;font-size:11px;padding:1px 7px;}

.zhibo h2{padding-left:10px;  color: #2a2a2a;font-size:18px; line-height:37px;height:37px; border-bottom:2px #1d67d6 solid;}

.chat-con{ padding:0px 0px 0px 20px;}
.chat-con ul{ padding-right:10px;}

a.hostList{text-decoration:none;}
/*first hostList css*/
.hostList{width:calc(100% - 30px);margin:0px auto;padding:15px 0px;overflow:hidden;background:url(../../phone/images/borderBottom.png) no-repeat left bottom;background-size:100%;display:block}
.hostList:last-child{background:none;}
.hostList img{width:50px;height:50px;border-radius:50%;vertical-align:top;margin-right:15px;border:1px solid #f0f0f0; float: left;}
.hostList p {word-wrap: break-word;overflow: hidden;margin:0;color:#333;}
.hostList p span{display:block}
.hostList p span.name{line-height:30px;font-size: 16px;}
.hostList p span.info{line-height:20px;font-size:11px;color:#999999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.btn-large {
    border-radius: 0;
    height: 40px;
    line-height: 40px; *-height: 35px!important;
    *margin: 0 15px!important;
    padding-top: 0;
    *width: 80px!important;
}
.chat-con li{ border-bottom:dotted #CCCCCC 1px;}
.chat-con li:last-child{ border-bottom:none;}
.form-con{ width:300px;height:100px; padding:10px; border-radius:0px; font-size:14px; line-height:24px; color:#999999;}

.chat-con li h3{ font-size:14px; color:#1d67d6;position:relative; margin-bottom:5px;}
.chat-con li h3 span{position:absolute;right:10px;font-size:12px;color:#FF6600;}
.chat-con li p{font-size:14px; color:#666666; margin-top:0;word-wrap:break-word;}   
.chat-con li p img{max-width:25px;}   

.btn-large{ width:110px; height:40px; padding-top:0px;line-height:40px; border-radius:0; margin:0px 15px;}
.wq-con h3{width:320px; padding:0px 10px 0px 20px; line-height:21px; font-size:16px;font-weight:normal;margin-bottom: 2em;margin-top:10px;}
.wq-con img{ padding:0px 15px ; width: }
.wq-con h3 a{ color:#0066FF}
.wq-con h3 a:hover{color:#FF3300;}
/*直播预告*/
.wq-con .zbyg li{position:relative;}
.wq-con .zbyg div{position:absolute;z-index:2;bottom:45px;right:15px;background:#53b373;color:#fff;border-radius:12px;padding:3px 12px;}

.footer{background:#1b1b1b;color:rgb(153, 153, 153);padding:10px 0px }
.footer div{width:1000px;margin:0 auto;line-height:25px;text-align:center;}

/*图文直播频道页*/

.top-list { width:100%; background:#FF6666; color:#fff; height:40px; line-height:40px; padding-left:10px; font-size:1em;}
.top-list span{ padding:0 5px;}
.top-list span a{ color:#fff;}
.top-list span a:hover{ color:#00CCFF;}
.zb-list{ padding:20px 0px; background:#F9F9F9;}
.zb-list li{ border-bottom:1px solid #eeeeee ; margin-bottom:20px;}
.zb-time{ height:40px; overflow:hidden;}
.zb-list li h3 { float:left;display:inline-block; color:#FF6666; width:auto;  line-height:26px; font-size:1.2em; margin:0; padding:0;}
.zb-list li span{ float:left;display:inline-block; width:3px; height:26px; background: #FF6666; margin-right:10px;}
.zb-list-con { padding:0px 20px;}
.zb-list-con img{ width:840px; height:260px;}      
.zb-list-con h2{ margin-top:10px;  color:#2070c9;}
.zb-list-con h2 a{color:#2070c9;}
.zb-list-con h2 a:hover{ color:#FF6666;}
.zb-list-con  p{ line-height:1.6em;} 

/*遮罩*/
#shadow_all{position:fixed;z-index:4;opacity:0.8;filter:alpha(opacity=80);width:100%;height:200%;bottom:0;left:0;background:#000;display:none;}

/*login弹窗*/
.loginDiv{position:fixed;z-index:5;top:30%;left:37%;width:400px;background:#fff;margin:0 auto;border-radius:10px;font-size:14px;font-family:"Microsoft YaHei";color:#bababa;display:none;}
.login-top{position:relative;width:100%;text-align:center;}
.login-top img{margin:25px auto 30px auto;width:38%;}
.login-top span{position:absolute;right:20px;top:20px;width:12px;height:12px;background:url("../images/close-btn-2.png");background-position:0px 0px;cursor:pointer}
.login-top span:hover{background-position:0px 12px;}
.split-hr{position:relative;width:90%;border-top:1px solid #e5e5e5;text-align:center;margin:0px auto;}
.split-hr span{position:absolute;padding:0 12px;background:#fff;margin-top:-12px;margin-left:-55px;top:50%;left:50%;}

.loginDiv p{text-align:center;margin:15px 0px;color: #ebba16;height:17px;}

/*nickname*/
.nickBox{width:270px;margin:0px auto;padding:30px 0px;}
.nickInput{width:200px;margin:20px auto 15px auto;border-bottom: 1px solid #dedee4;border-top: 1px solid #dedee4;}
.nickInput input{border:none;box-shadow:none;outline:0;font-size:17px;width:100%;height:50px;text-align:center;padding:0;margin:0;}
.nickInput input:focus{border: none;box-shadow:none;}
.btnBox{width:100%;overflow:hidden;}
.nickBtn{width:100px;height:25px;line-height:25px;text-align:center;color:#fff;background:#4bb1f2;font-weight:bold;font-size:14px;float:left;cursor:pointer;border-radius:3px;}
.cancle_btn{background:#dfdfdf;float:right;}

/*vedio*/
.videocss{margin:3px auto 20px 10px;height:430px;width:770px;}
.id_test_video{height:430px;width:770px;}
.color{background:red;}
.changeSmall{position: fixed;top: 100px;right:50%;margin-right:-635px;z-index:1;width:400px;height:300px;box-shadow:0 1px 13px rgba(34,25,25,0.8)}

/*多个大图切换*/
.black_show2 {background: rgba(0, 0, 0, 1) none repeat scroll 0 0; display:none; bottom: 0; height: 100%; left: 0; position: fixed;right: 0;top: 0;width: 100%;text-align: center; z-index: 10000; vertical-align: middle;}

.slideBox{ position:relative; overflow:hidden; text-align: center;}
.slideBox{ position:absolute; width:100%;  height:27px; bottom:0; left:0; z-index:1; }
.slide_text{box-sizing:content-box;display: flex;height: 100%;position:relative;transition-property: transform;width: 100%;z-index: 1;display:-moz-box;/* Firefox */ display:-ms-flexbox;/* IE10 */ display: -webkit-flex;/* Chrome, WebKit */ display: box;  display: flexbox;display:flex;display:-webkit-box;/* Safari */}
.slide_text li{ position:relative; text-align: center;}
.slide_text li img{display:block; margin: 0 auto;}
.slide_text li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
.slide_text a,.tit{ display:block; width:100%; text-indent:10px; height:24px; line-height:24px; left: 0px;  text-align:center;  color:#fff; position: absolute; bottom: 10px;}

.backonepic {position: fixed;right: 0px;top: 0px;display: inline-block;width:75px;height: 77px;background: url(../images/X0.png) no-repeat;display: none;z-index: 10000;}

.my_slide {align-items: center;background: #000000;display: flex;font-size: 18px;justify-content: center;text-align: center;}
.my_slide{flex-shrink: 0;position: relative;width: 100%;}


/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

/*scrollbar*/
.chat-con{overflow:hidden;margin-top:40px;}
.chat-con .viewport {height:500px;overflow:hidden;position:relative;}
.chat-con .overview {position:absolute;left:0;top:0;padding:0;margin:0;width:100%}
.chat-con .scrollbar{background:#eee;position:relative;float:right; width:5px;}
.chat-con .track{background:#eee;height:100%;width:5px;position:relative;padding:0px;}
.chat-con .thumb{background:#1d67d6;webkit-border-radius:3px;border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;height:0px;width:5px;cursor: pointer;overflow:hidden;position:absolute;top:0;left:0px;}
.chat-con .thumb .end{background:#1d67d6;webkit-border-radius:3px;border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;overflow:hidden;height:5px;width:5px;}
#noCOM{font-size:13px;color:#aaa;margin-bottom:20px;display:block}
#noLive{font-size:13px;color:#aaa;margin-bottom:20px;margin-left:20px;display:block}

/*20230202*/
.dsjBox{width:790px;height:100px;margin:20px auto 50px 10px;overflow:hidden;position:relative;} 

.dsjBox .hd .prev,.dsjBox .hd .next{display:block;width:25px;height:42px;cursor:pointer;position:absolute;top:25px;z-index:10;} 
.dsjBox .hd .prev{background:url(../images/left-icon.png) no-repeat;left:10px;} 
.dsjBox .hd .next{background:url(../images/right-icon.png) no-repeat;right:25px;} 

.dsjBox  .bd li{position:relative;width:25%;float:left; }
.dsjBox  .bd li:after{content: '';position:absolute;top:0;left:0;width:90%;height:100%;z-index: 1;background: linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0.1),rgba(0,0,0,0.3),rgba(0,0,0,0.5));}
.dsjBox  .bd li .img{width:90%;height:100px;}
.dsjBox  .bd li p{position: absolute;bottom: 0;left: 0;color: #fff;font-size: 14px;width: 90%;text-align:left;margin:0;padding:5px 10px;z-index: 2;}
.dsjBox  .bd li span{position: absolute;top: 3px;right: calc(10% + 3px);background: #1d67d6;padding: 0px 5px;font-size: 10px;color: #fff;display: none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.dsjBox  .bd li span img {width: 9px;}
.dsjBox  .bd li span.show{display: block;}