#watchtv .top-sx-wrap{background:#2e2e36;height:auto}
.header,.top-nav{position:static!important}
.player-inner{margin-top:20px}
.top-wrap{background:#2e2e36;height:auto}
#player ._tdp_ptime{display:none}
.play-container #palyer{width:800px;height:540px;background:#000}
.player-contanier{background:#2e2e36}
.tv-channel-date{font-size:32px;color:#fff;letter-spacing:0;padding:35px 0 30px 0;display:none;}
.tv-channel-date h4{float:left}
.tv-channel-date .channel-list{width:119px;height:40px;float:right;font-size:14px;line-height:40px;text-align:left;background-color:#000;padding:0 25px 0 7px;position:relative;cursor:pointer}
.tv-channel-date .channel-list .triangle-down{width:14px;height:14px;position:absolute;right:8px;top:12px;background:url(../images/sx-arrow-down.png) no-repeat}
.tv-channel-date .channel-list p{width:100%;height:40px}
.tv-channel-date .channel-list ul{position:absolute;left:0;top:40px;background:#000;width:100%;display:none}
.tv-channel-date .channel-list ul li{line-height:29px;height:29px;padding:0 7px;cursor:pointer}
.tv-channel-date .channel-list ul li.ac{background:#1951fc}
.tv-channel-date .channel-list ul li.on{background:#1951fc}
.tv-channel-date .program-date{margin-left:40px}
.program-date{float:right;font-size:14px}
.program-date h4{font-size:30px}
.program-date .date-list{width:71px;height:34px;float:left;font-size:14px;line-height:34px;text-align:left;background-color:#000;padding:0 20px 0 7px;position:relative;cursor:pointer;margin-left:5px;margin-top:6px}
.program-date .date-list .triangle-down{width:14px;height:14px;position:absolute;right:7px;top:9px;background:url(../images/sx-arrow-down.png) no-repeat}
.program-date .date-list p{width:100%;height:40px}
.program-date .date-list ul{position:absolute;left:0;top:34px;background:#000;width:100%;z-index:1000;display:none}
.program-date .date-list ul li{line-height:29px;height:29px;padding:0 7px;cursor:pointer}
.program-date .date-list ul li.ac{background:#1951fc}
#showplayerbox{z-index:999;width:100%;height:100%}
.program-box{width:900px;height:600px;float:left}
.program-box-name{height:48px;background:#000;font-size:20px;line-height:48px;font-weight:500;padding-left:16px;color:#fff}
#player{width:900px;height:552px;background:#000}
#program-list{float:left;width:300px;height:600px}
#program-list .list-top{height:42px;background:#3fcdc9;line-height:42px;color:#fff;overflow:hidden;font-size:16px}
#program-list .list-top .jm{float:left;width:107px;padding-left:25px}
#program-list .list-top .tm{float:right;width:80px}
#program-list .list-box{width:300px;height:558px;position:relative;background:#222;overflow-y:auto}
#program-list .list-box .left-col{height:100%;width:1px;background:#383838;position:absolute;left:10px;top:0;z-index:0}
#program-list .list-box ul{position:relative;z-index:10}
#program-list .list-box ul li{line-height:32px;height:32px;margin-bottom:5px}
#program-list .list-box ul li .pro-text{display:block;color:#fff;float:left;width:260px;height:32px;line-height:32px;cursor:pointer;font-size:14px}
#program-list .list-box ul li.cur .pro-text{color:#3fcdc9}
#program-list .list-box ul li .live-state{width:17px;height:9px;margin:8px 2px;background:#3fcdc9;background:url(../images/live-icon.png) no-repeat;float:left;visibility:hidden}
#program-list .list-box ul li.live .live-state{visibility:visible}
#program-list .list-box ul li.live .pro-text{background:#1951fc}
#program-list .list-box ul li.gray .pro-text{color:#929292}
#program-list .list-box ul li .pro-text span.program-name{float:left;padding-left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:190px}
#program-list .list-box ul li .pro-text span.program-time{float:right;padding-right:10px}
#watchtv .news-title{color:#222;margin-bottom:20px}
#watchtv .news-title h2{width:790px;display:inline-block;font-size:30px;line-height:40px;color:#fff;padding:10px 20px;background:url(/images/title_bg.png) no-repeat center center}
#watchtv .news-title span{font-size:14px;line-height:19px;margin-left:10px}
#watchtv .news-title a{font-size:14px;color:#fff;line-height:14px;height:14px;padding-top:12px;padding-left:10px}
.tvbrilliant-wrap{margin-bottom:20px;padding-top:16px}
.tvbrilliant-wrap .tvbrilliant-left{width:830px;float:left}
.tvbrilliant-wrap .tvbrilliant-left .tvbrilliant-news{margin-left:-15px}
.tvbrilliant-wrap .tvbrilliant-left .video-news{position:relative;width:266px;height:234px;float:left;margin-left:15px;background:#fff;margin-bottom:20px}
.tvbrilliant-wrap .tvbrilliant-left .video-news .vplay-box{width:266px;height:190px;overflow:hidden;position:relative}
.tvbrilliant-wrap .tvbrilliant-left .video-news .vplay-box .vplay-icon{display:inline-block;width:42px;height:42px;position:absolute;left:10px;bottom:11px}
.tvbrilliant-wrap .tvbrilliant-left .video-news .vplay-box .live-icon{position:absolute;right:5px;top:5px;font-size:12px;line-height:19px;color:#fff;background:#d709ff;padding-right:5px;border-radius:3px}
.tvbrilliant-wrap .tvbrilliant-left .video-news .vplay-box .live-icon img{display:inline-block;width:10px;height:12px;min-height:0;margin-top:-4px;margin-right:3px;padding-left:4px}
.tvbrilliant-wrap .tvbrilliant-left .video-news p{font-size:14px;letter-spacing:0;line-height:22px;height:44px;padding:0 10px;margin:5px 0;overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}
.tvbrilliant-wrap .tvbrilliant-left .video-news .view-num{font-size:12px;padding:0 10px;height:auto;line-height:14px;color:#999;text-align:right;margin:20px 0 10px 0}
.tvbrilliant-wrap .tvbrilliant-left .video-news .view-num i{display:inline-block;width:15px;height:10px;background:url(../images/view.png) no-repeat;margin-right:5px}
.tvbrilliant-wrap .tvbrilliant-right{width:335px;float:right}
.tv-channel{margin-top:25px}
#watchtv .tv-channel .news-title{color:#fff;position:relative;padding-top:14px}
#watchtv .tv-channel .news-title h2{width:1160px;color:#fff;font-size:30px;padding:10px 20px;background:url(/images/title_bg.png) no-repeat center center;margin-bottom:10px}
.tv-channel .tvbrilliant-news{margin-left:-5px;position:relative}
.tv-channel .tvbrilliant-news.tvbrilliant-banner{margin-left:0}
.tv-channel .video-news{position:relative;height:204px;float:left;margin-left:5px;background:#fff}
.tv-channel .tvbrilliant-banner .video-news{margin-left:0}
.tv-channel .tvbrilliant-banner .video-news a{display:block}
.tv-channel .video-news .vplay-box{width:196px;height:123px;overflow:hidden;position:relative}
.tv-channel .video-news .vplay-box .vplay-icon{display:inline-block;width:42px;height:42px;position:absolute;left:10px;bottom:11px}
.tv-channel .video-news .vplay-box .live-icon{position:absolute;right:5px;top:5px;font-size:12px;line-height:19px;color:#fff;background:#fe2042;padding-right:5px;border-radius:3px}
.tv-channel .video-news .vplay-box .live-icon img{display:inline-block;width:20px;height:20px;min-height:0}
.tv-channel .video-news p{font-size:16px;letter-spacing:0;line-height:22px;width:176px;margin:5px auto;overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;text-align:left}
.tv-channel .video-news .view-num{font-size:12px;line-height:14px;color:#999;text-align:right;margin:8px 0 12px 0}
.tv-channel .video-news .view-num i{display:inline-block;width:15px;height:10px;background:url(../images/view.png) no-repeat;margin-right:5px}
.tv-channel .tvbrilliant-news .swiper-container{width:1200px;height:178px;margin:0 auto;color:#fff;text-align:center}
.tv-channel .tvbrilliant-news .arrow-left{background:url(../images/host-left.png) no-repeat;position:absolute;right:1210px;top:49px;width:14px;height:24px;z-index:999}
.tv-channel .tvbrilliant-news .arrow-right{background:url(../images/host-right.png) no-repeat;position:absolute;left:1210px;top:49px;width:14px;height:24px;z-index:999}
.img-box img{width:100%;height:100%}
#host-show{padding-bottom:50px}
.sx-ad{height:100px;padding:25px 0}
.sx-ad a,.sx-ad a img{width:100%;height:100%;display:block}
.tv-channel-date .channel-list ul{z-index:9999}
#program-list .list-box ul li{padding-left:20px}
.ad-list{height:100px}
.ad-list .ad-list-info{margin-left:-30px;font-size:0;height:100%}
.ad-list .ad-list-info a{padding-left:30px;display:inline-block;width:380px;height:100%}
.ad-list .ad-list-info a img{display:block;width:100%;height:100%}
.public-rank .sllrank-first{height:150px}
.public-rank .sllrank-first .sllfirst-left{width:200px}
.tvbrilliant-wrap .tvbrilliant-right .sllrank-first .sllfirst-right{float:left;width:115px;padding:10px;margin-left:0}
.public-rank .sllfirst-right a{overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;-webkit-line-clamp:6;display:-webkit-box;-webkit-box-orient:vertical}
.public-rank li{margin-top:18px}
.host-bg{margin-top:20px}
.common-title{height:60px;margin:15px auto}
.common-title h1{width:100%;line-height:40px;height:40px;font-size:30px;color:#222}
.common-title h1 a{font-size:14px;color:#fff;line-height:14px;height:14px;padding-top:12px;padding-left:10px}
.common-title h1{width:1160px;line-height:40px;height:40px;color:#fff;font-size:30px;padding:10px 20px;background:url(/images/title_bg.png) no-repeat center center;margin-bottom:10px}
#watchtv .old_index .news-title{padding-top:6px}
.top-sx-wrap{padding-top:0}
.hide{display:none}
.img-box img{-webkit-transition:-webkit-transform .3s ease 0s;-moz-transition:-moz-transform .3s ease 0s;-o-transition:-o-transform .3s ease 0s;transition:transform .3s ease 0s}
.img-box img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);color:#fe2042}
.tv-channel .video-news p:hover{font-size:17px!important;font-weight:bolder}
.channels-list{padding-top:12px;margin-bottom:40px}
#channelstab{margin-left:-12px}
#channelstab li{width:190px;height:107px;position:relative;float:left;margin-left:12px;margin-bottom:12px}
#channelstab li img{width:100%;height:100%}
.channels-list .channel-item p{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;display:inline-block;position:absolute;width:100%;height:100%;bottom:0;left:0;font-size:16px;line-height:172px;text-align:center;color:#fff;background:url(/images/tvbg1.png) no-repeat;background-size:100%}
.channels-list .channel-item.on p{background:url(../../images/tvbg2.png) no-repeat;background-size:100%}
#item li.cur{color:#3fcdc9;background:url(../../images/live-icon.png) no-repeat 2px 12px;background-size:16px 8px}
#program-list .list-box ul li.on .pro-text{color:#3fcdc9}
.channels-title{margin:5px 0 20px 12px;width:100%;float:left;font-size:28px;line-height:32px;font-weight:700;color:#fff;font-family:PingFangSC-Regular,Helvetica,Arial,Microsoft Yahei,sans-serif}
.swiper-city .swiper-slide{width:190px;height:107px;position:relative}
.swiper-city .swiper-slide img{width:100%;height:100%}
.swiper-city .swiper-button-prev{width:46px;height:46px;background:url(../../images/loop-lefts.png) no-repeat;background-size:46px 46px;margin-top:-30px}
.swiper-city .swiper-button-next{width:46px;height:46px;background:url(../../images/loop-rights.png) no-repeat;background-size:46px 46px;margin-top:-30px}
