@charset "UTF-8";
/* CSS Document */

.live-wrp{float:left;width:640px;background:#000}


/* 直播区节目表 */
.zb{ padding-bottom:10px;}
.playlist{float:right;width:360px;height:600px;background:url(schedule-bg.png) #282828  0 50px;overflow:hidden;position:relative;z-index:90;}
#playlistLoader{background-color:#020101;}
.date-selector{text-align: center;background: #414142;overflow: hidden;}
.date-selector li,.channel-selector li{position:relative;float:left;margin-right:2px;width: 141px;}
.zbnews_list li.current{ margin-right:0;}
.date-selector li a,.channel-selector li a{display:block;width:100%;background: #020101;color: #fff;font-size: 18px;}
.date-selector li a:hover,.channel-selector li a:hover{background:#282828;color:#1b9bdf;text-decoration:none;}
/*.date-selector li.current a,.channel-selector li.current a{background:#282828;}*/
.date-selector li a span{display:block;}
.date-selector li.current a{color:#056bf6;}
.date-selector li a span.day{font-size:18px;}
.date-selector li a span.month{font-size:18px;}
.bar_nav{background:#ff6800;background-repeat:repeat-x;height:30px;line-height:30px;padding:0 10px;color:#fff;box-shadow:0 3px 5px #000;}
.bar_nav a{color:#ccc;}
.bar_nav a:hover{color:#fff;text-decoration:none;}
.bar_nav .sub-link{float:right;}
.bar_nav .sub-link a.golive{background:url(liveicon.png) no-repeat 0 1px;padding:2px 0 2px 25px;}
#liveChannelName{color: #fff;font-size: 14px;}
/* 滚动条 */
.jspContainer{overflow:hidden;position:relative;}
.jspPane{ background:#2e2e2e;position: absolute;}
.jspHorizontalBar .jspCap{float:left;}
.jspTrack{position:relative;}
.jspDrag{position:relative;cursor:pointer;background:#333;}
.jspVerticalBar{position:absolute;top:0;right:0;width:12px;padding:0 1px;height:100%;background:#1a1a1a;}
.jspVerticalBar .jspArrow{display:block;height:13px;cursor:pointer;background:#333;}
.jspVerticalBar .jspArrowDown{background:#333;}
.jspDragTop,.jspDragBottom{position:absolute;width:100%;height:1px;overflow:hidden;background:#101f2f;}
.jspDragBottom{bottom:0;}

.schedule{height:677px;overflow:hidden;outline:0;}
.schedule ul li{color:#fff;line-height:36px;padding:0 8px;overflow:hidden;cursor:pointer;font-size: 14px;}
.schedule ul li a{display:block;}
.schedule ul li.current,.schedule ul li:hover{/*background:rgba(255,255,255,0.1);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#11ffffff',EndColorStr='#11ffffff');*/ border:1px solid #056bf6;}
:root .schedule ul li.current,:root .schedule ul li:hover{filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#00000000'); }
.schedule ul li:hover{background: #4e4e4e;}
.schedule ul li.current{color:#056bf6;}
.schedule ul li.onair{background-image:url(liveicon.png);background-position:215px -22px;background-repeat:no-repeat;}
.schedule .time{/*float:left;padding:0 45px 0 0;font-weight:normal;*/    position: absolute;left: 68px;top: 8px; font-size:14px;}
.schedule .tip{float:right;font-weight:normal;}
.schedule ul li.onair .tip{padding: 0 330px 0 0;}
.schedule ul li.future{color:#868585;cursor:default;}
.schedule ul li.future:hover{background:none;filter:none;}


#playerDrag, #player {position: relative;z-index: 100;}
#lightBg{position:fixed;_position:absolute;top:0;left:0;z-index:99;width:100%;height:100%;background:#000;}
.light-on{display:none;}
.light-off{display:block;}


.ti{position: absolute; width: 640px; height: 475px; z-index: 999; top: 40px; padding:10px;}

/* 直播区节目表另加样式 */
.bar .sub-link a.golive{color:#aeaeae;font-size: 14px;}


/* 页脚三列布局及样式 */
.footer {
  background: #4986d6;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 40px 0 20px 0;
  gap: 60px;
  width: 100%;
  max-width: none;
  margin: 0 auto;
  box-sizing: border-box;
}
.footer-inner {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1208px;
  margin: 0 auto;
  gap: 60px;
  align-items: stretch;
}
.footer-col {
  flex: 1 1 200px;
  min-width: 180px;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  height: 230px;
}
.footer-col h4 {
  font-size: 20px;
  margin-bottom: 18px;
  color: #fff;
  border-bottom: 1px solid #555;
  padding-bottom: 8px;
}
.footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-col ul li a {
  color: #fff;
  text-decoration: none;
  transition: color 0.2s;
}
.footer-col ul li a:hover {
  color: #474747;
}
/* 页脚第一列图片居中样式 */
.footer-col-img {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-right: 2px solid #fff;
  height: 230px;
}
.footer-img-center {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 80px;
}
.footer-img-center img {
  width: 250px;
  height: auto;
  max-width: 100%;
  display: block;
}

/* 页脚第二三列文字左对齐 */
.footer-col:not(.footer-col-img) {
  align-items: flex-start;
  text-align: left;
  display: flex;
  flex-direction: column;
}
.footer-col:not(.footer-col-img) ul {
  align-items: flex-start;
  text-align: left;
}
.footer-col-img {
  align-items: center;
  justify-content: center;
  border-right: 2px solid #fff;
}
.footer-col:nth-child(2) {
  border-right: 2px solid #fff;
}
.footer-inner {
  align-items: stretch;
}

@media (max-width: 800px) {
  .footer {
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    padding: 30px 10px 10px 10px;
  }
}