@charset "utf-8";

/* Mobile */
.m_content>div::after{content:"";display: block;clear:both;}

.con1 .wrap{padding:0;}
.video_view{position: relative; padding:0 20px;}
.video_view .m_videoBox{width:100%;position: relative;height:0;padding-top:56.25%;margin-bottom: 15px; /* background:url("/images/new_tv/main/no_img_big.gif")no-repeat center; */}
.video_view .m_videoBox iframe{position: absolute;width:100%;height:100%;top:0;left:0;}
.video_view .tit em{display: block;font-style: normal;font-size:15px;color:#7da7d9;margin-bottom: 20px;}
.video_view .tit strong{display: block;font-size: 20px;white-space: nowrap;text-overflow: ellipsis;width:100%;overflow: hidden;margin-bottom: 5px;}
.video_view .tit span{display: block;font-size: 15px;color:#898989;margin-bottom: 30px;}

.vjs-big-play-button{left: 0;right: 0;margin: auto;top: 0;bottom: 0;}

.video_list{background: #000;position:relative;left:0;padding:30px 20px;overflow: hidden;width:100%;}
.video_list::after{content:"";display: block;clear: both;}
.video_list li{margin-bottom: 15px;}
.video_list li:last-child{margin:0;}
.video_list a{display: block;overflow: hidden;}
.video_list .thumb{width:40%;float:left;position: relative;}
.video_list .thumb img{width:100%;filter: brightness(50%);height: 100%;}
.video_list .thumb::after{content:"";display: block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:url("/images/new_tv/main/play.png")no-repeat center;width: 50px;height: 55px;background-size: cover;}
.video_list .tit{overflow: hidden;float:right;width:55%;}
.video_list li em{display: block;font-size:15px;color:#7da7d9;font-style: normal;margin-bottom:5px;}
.video_list li strong{font-weight: 400;text-overflow: ellipsis;overflow: hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:3px;line-height: 20px;}
.video_list li span{display: block;font-size: 15px;color:#898989;}
.video_list li.on .thumb img{filter: brightness(100%);}
.video_list li:hover strong{text-decoration: underline;}

.con2 h2{font-size:30px;color:#0089d0;text-align: center;margin:40px 0 30px 0;}
.con2 li{margin-bottom: 30px;}
.con2 li a{display: block;}
.con2 li .thumb{position: relative;}
.con2 li .thumb::after{content:"";display: block;background:url("/images/new_tv/main/play.png")no-repeat center;position: absolute;width:75px;height:82px;top:50%;left:50%;transform:translate(-50%, -50%);}
.con2 li .thumb img{width:100%;}
.con2 li .tit{margin-top:10px;position: relative;}
.con2 li .tit em{display: block;font-size:15px;color:#7da7d9;font-style: normal;top:0;left:0;position: absolute;}
.con2 li .tit strong{display: block;font-size:20px;font-weight:400;padding-top:30px;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.con2 li .tit span{display: block;top:0;right:0;position: absolute;font-size:15px;color: #898989;}
.con2 .btn{overflow: hidden;margin: 0 auto;width: fit-content;margin-bottom:50px;}
.con2 .btn button{width:59px;height:59px;background:url("/images/new_tv/common/icon.png")no-repeat left top #000;font-size: 0;}
.con2 .btn button.prev{background-position: center -155px;float: left;border-right: 1px solid #2c2c2f;}
.con2 .btn button.next{background-position: center -221px;}

/* Tablet */
@media all and (min-width:768px) {
.con2 li{width: 49%;float:left;margin-right:2%;}
.con2 li:nth-of-type(2n){margin-right:0;}
}

/* Desktop */
@media all and (min-width:1023px) {
.wrap{padding:0;}
.con1{margin-top: 24px;}
.con1 .wrap{border-bottom: 1px solid #dddddd1c;overflow: hidden;padding-bottom: 50px;}
.video_view .m_videoBox{margin-bottom:18px;}
.video_view{padding:0;width:930px;float: left;}
.video_view .tit strong{font-size:34px;margin: 0;width: 70%;float: left;margin-right: 20px;}
.video_list{width:calc(100% - 970px);float:right;padding: 30px;}
.video_list li{margin-bottom:30px;}
.video_list .thumb{width:180px;height: 117px;}
.video_list .thumb::after{display:none;}
.video_list .tit{width:calc(100% - 200px);}
.video_list li em{margin-bottom:15px;}
.video_list li strong{font-size:18px;line-height:26px;}
.video_view .tit span{margin: 41px 0 0 0;}

.con2{margin-bottom:80px;}
.con2 h2{margin:50px 0 27px 0;font-size:40px;text-align: left;}
.con2 li{width: 331px;margin-right: 25px;margin-bottom: 0;}
.con2 li:nth-of-type(2n){margin-right: 25px;}
.con2 li:last-child{margin-right:0;}
.con2 li .thumb{width:330px;height:215px;}
.con2 li .thumb:after{display:none;}
.con2 li .thumb img{height:100%;filter: brightness(85%);}
.con2 li:hover .thumb img{filter: brightness(100%);}
.con2 li:hover strong{text-decoration: underline;}
.con2 .btn{display:none;}
}