@charset "UTF-8";
/* CSS Document */
.live-wrp{float:left;width:640px;background:#000}

/* 直播区节目表 */
.playlist{float:right;width:335px;height:510px;
          background:url(schedule-bg.png) #030303  0 50px; overflow:hidden;position:relative;z-index:90;}

.channel-selector li a{display:block;width:40px;height:49px;padding:3px 0;background:#232323;color:#fff;}
.channel-selector li a:hover{background:#701a18;color:#fff;text-decoration:none;}
.date-selector ul{ background:#f8f8f8; display: flex;justify-content: space-around; height:.4rem; border-bottom:1px solid #dcdcdc;}
.date-selector ul li a{ color:#aaa;}
.date-selector li a:hover{color:#fff;text-decoration:none;}
.date-selector li a span{display:block;font-size:0.12rem; color: #999; line-height:.4rem; }

.playlist{
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 30px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND: #500f0b repeat-x; HEIGHT: 30px; COLOR: #fff; PADDING-TOP: 0px; box-shadow: 0 3px 5px #000
}
.bar{
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 30px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND: #500f0b repeat-x; HEIGHT: 30px; COLOR: #fff; PADDING-TOP: 0px; box-shadow: 0 3px 5px #000;margin-top:10px;
display: none;
}
.bar A {COLOR: #83595a}
.bar A:hover {
	COLOR: #fff; TEXT-DECORATION: none
}
.playlist{
	COLOR: #83595a
}
.playlist .bar A:hover {
	COLOR: #fff; TEXT-DECORATION: none
}
.playlist .bar .sub-link {
	FLOAT: right
}
.playlist .bar .sub-link A.golive {
	PADDING-LEFT: 25px; BACKGROUND-POSITION: -180px -46px
}
/* 滚动条 */
.jspContainer{overflow:hidden;position:relative;}
.jspPane{position:absolute; width:100%;}
.jspHorizontalBar .jspCap{float:left;}
.jspTrack{position:relative;}
.jspDrag{position:relative;cursor:pointer;background:#6F6F6F;}
.jspVerticalBar{position:absolute;top:0;right:0;width:16px;padding:0 1px;height:100%;background:#C3C3C3;}
.jspVerticalBar .jspArrow{display:block;height:13px;cursor:pointer;background:url(up.gif) no-repeat -1px;}
.jspVerticalBar .jspArrowDown{background:url(down.gif);margin:1px -1px 0 0;}
.jspDragTop,.jspDragBottom{position:absolute;width:100%;height:1px;overflow:hidden;background:#101f2f;}
.jspDragBottom{bottom:0;}

.schedule{ height:100%; overflow:hidden; outline:0; position:relative; overflow: hidden; padding: 0px; width: 100%;}
.schedule ul li{overflow:hidden; height:.4rem; line-height:.4rem; cursor:pointer; font-size:0.15rem; border-bottom:1px solid #dcdcdc; color:#000; }
.schedule ul li a{ display:block; }

.schedule ul li.current{ color:#178EEB;}

.schedule .time{ padding:0 .1rem 0 .15rem;}
.schedule .tip{float:right;font-weight:normal;color:#ddf4fc;}
.schedule ul li.onair .tip{ color: transparent; background: url(../images/play.png); width:.17rem; height:.18rem; background-size:cover;  font-size: .1rem; margin:0 .15rem 0 0; }
.schedule ul li.future{color:#bababa;cursor:default;}
.jspContainer{ width: 100%; height: 7rem; overflow-y:auto;}
.ti{position: absolute; width: 640px; height: 475px; z-index: 999; top: 40px; padding:10px;}

.date-selector li{ font-size:.12rem; color:#aaa; line-height:.25rem;      text-align: center; flex: 1;}
.date-selector li.current{ border-bottom: 1px solid #178EEB;}
.date-selector li.current a span, .channel-selector li.current a span{ color:#178EEB;}

/*直播网络电视台台标覆盖*/
.zhlo{position:absolute;top:37px;left:47px;z-index:999;}

                                                                      
                                                                      #playerDrag{ background:#000;}
.live-wrp{position:relative;}
.hidden{display:none;}
#m2o_picswf{position:absolute;top: 480px;left: 0;z-index: 1000;}
.m2o-pic-item{position:relative;width:160px;height:140px;background:#333;}


#back{ background:url(http://www.hhek.cn/t/icon/201809/20180906161500bt2t.png) no-repeat left top transparent; width:.22rem; height:.35rem; background-size:cover;}