/*---top---*/
.video-container {width: 1200px;margin: 15px auto; background: #111e36;border-radius: 4px;overflow: hidden;}
.video-container .bd {float: left;width: 960px;height: 540px;}
.video-container .bd ul li{position: relative;}
.video-container .bd ul li a>img{transition: all 0.5s;}
.video-container .bd ul li .video-icon{ position: absolute; opacity:0;transition: all 0.8s; z-index: 999;bottom: 37%;left: 44%;}
.video-container .bd ul li .video-icon>img{width: 140px;height: 140px;}
.video-container .bd ul li:hover .video-icon{opacity:1;}
.video-container .bd ul li:hover a>img{ opacity:0.7;}
.video-container .hd {float: right;width: 224px;padding: 9px 8px 8px;}
.video-container .hd ul li {position: relative;margin-bottom: 5px;}
.video-container .hd ul li:last-child {margin-bottom: 0;}
.video-container .hd ul li .item {width: 220px;height: 124px;border:2px solid rgb(30, 44, 70);border-radius: 4px;cursor: pointer;overflow: hidden;}
.video-container .hd ul li .item:after {content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(0,0,0,.3);}
.video-container .hd ul li .item p{font-size: 12px; position: absolute;top:5px;left: 5px;color: #fff;padding:5px;border-radius: 2px;}
.video-container .hd ul li .item .jiao {position: absolute;top: 2px;left: 2px;width: 42px;height: 28px;padding: 0;line-height: 28px;font-size: 12px;color: #fff;border-radius: 2px;text-align: center;background: rgba(0, 0, 0, .6);}
.video-container .hd ul li .item .video-tit {display: none;font-size: 14px; position: absolute;left: 2px;bottom: 2px;right: 2px;height: 40px;padding: 0 5px;color: #fff;line-height: 40px;background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .7) 69%);}
.video-container .hd ul li .item .img {width: 100%;height: 100%;overflow: hidden;}
.video-container .hd ul li .item .img img {width: 100%;}
.video-container .hd ul li .arr-left {display:none;position: absolute;left: -12px;top: 50%;margin-top: -3px;border-width: 6px;border-style: solid;border-color: rgba(0, 0, 0, 0) #cd3100 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)}
/*hover-on*/
.video-container .hd ul .on .item {border-color: #cd3100;}
.video-container .hd ul .on .item:after {display: none;}
.video-container .hd ul .on .arr-left,.video-container .hd ul .on .item .video-tit{display: block;}
.video-container .hd ul li:hover .item:after {display: none;}
.video-container .hd ul li:hover .item .video-tit {display: block;}


/*-最新视频-*/
.live-notice{width: 300px;float: left;}
.notice-main ul{position:relative;}
.notice-main ul::after{content:'';position:absolute;z-index: 1;top: 10px;left: 8px;width: 1px;height: 100%;background-color: #dddddd;}
.notice-main ul li{padding:20px 0 0 28px;position:relative;z-index: 9;}
.notice-main ul li:nth-child(1){padding:16px 0 0 28px;}
.notice-main ul li::after{content:'';position:absolute;top: 23px;left: 4px;width: 5px;height: 5px;border-radius: 50%;background-color: #fff;border:2px solid #cd3100;}
.notice-main ul li span{display: block;height: 27px;}
.notice-main ul li span mark{display: inline-block;vertical-align: top;line-height: 22px;background-color: #cd3100;font-size: 14px;color: #fff;padding: 0 8px;border-radius: 2px;margin-right: 8px;}
.notice-main ul li span mark:nth-child(2){background-color: #ecad23;}
.notice-main ul li span b{display: inline-block;vertical-align: top;line-height: 22px;font-size: 14px;color: #fff;padding: 0 8px;border-radius: 2px;margin-right: 8px;font-weight: normal;}
.notice-main ul li span b.replay{background-color: #f49940;}
.notice-main ul li p{font-size: 16px;height: 26px;line-height: 26px;overflow: hidden;}
.notice-main ul li p a{color: #333;}
.notice-main ul li p a:hover{color: #cd3100;}
.notice-main ul li .image{padding-bottom:0;height: 0;overflow: hidden;position:relative;}
.notice-main ul li.active .image {height: 153px;display: block;margin: 10px 0px;}
.notice-main ul li .image i {width: 50px;height: 50px;position: absolute; top: auto;right: 10px;bottom: 10px;left: auto;}
.notice-main ul li .image img {width: 100%;height: 100%;}

/*-热门视频-*/
.live-new{width: 875px; float: right}
.live-new ul{clear: both;}
.live-new ul li{float: left; width: 276px;margin-right:23px;margin-bottom: 15px;}
.live-new ul li:nth-child(3n){margin-right: 0px;}
.live-new ul li a{width: 276px;}
.live-new ul li a .livenew-img{position: relative; width: 276px;height: 155px;overflow: hidden;}
.live-new ul li a .livenew-img p{ font-size: 12px; position: absolute;top:5px;left: 5px;color: #fff;padding:5px;border-radius: 2px;}
.live-new ul li a div>img{width: 276px;height: 155px;transition: all 0.5s ease;}
.live-new ul li a div>img:hover{transform: scale(1.05, 1.05);}
.live-new ul li a h2{font-size: 16px;color:#333;margin:8px 0px;}
.live-new ul li a h2:hover{color:#cd3100;}
.live-new ul li p{font-size: 12px;color:rgb(140, 140, 140);float: right;margin: 3px 0px 5px 0px;}
.live-new ul li span{float:left;font-size: 12px;color:rgb(140, 140, 140);margin: 3px 0px 5px 0px;}
.live-new ul li span i img{width: 15px;height: 15px;}


/*----live角标----*/
.live-jiao1{background-color: #0077ccdb;}
.live-jiao1 i{float: left; width: 16px;height: 16px;background-color: #fff; border-radius: 50%;margin-right: 3px;}
.live-jiao1 i img{float: left; width: 16px;height: 16px;}
.live-jiao2{background-color: #f33325db;}
.live-jiao2 i{float: left; width: 16px;height: 16px;background-color: #fff;border-radius: 50%;margin-right: 3px;}
.live-jiao2 i img{float: left; width: 16px;height: 16px;}


/*-----------------直播列表页-----------------*/
.live-list{width: 1200px;margin: 0px auto;}
/*-----live-left-----*/
.liveli-left{width: 855px;}
.livel-main ul{clear: both;}
.livel-main ul li{position: relative; float: left; width: 855px;margin-right:15px;margin-bottom: 20px;}
.livel-main ul li:hover{background-color: #f8f8f8;}
.livel-main ul li .livenew-img{float: left;position: relative; width: 270px;height: 152px;overflow: hidden;}
.livel-main ul li .livenew-img p{font-size: 12px; position: absolute;top:5px;left: 5px;color: #fff;padding:5px;border-radius: 2px;}
.livel-main ul li div>img{width: 270px;height: 152px;transition: all 0.5s ease;}
.livel-main ul li div>img:hover{transform: scale(1.05, 1.05);}
.livel-main ul li .mess{float: right;width: 560px;margin-right: 10px;}
.livel-main ul li .mess h2{font-size: 22px;color:#333;margin:10px 0px 12px 0px;}
.livel-main ul li .mess h2:hover{color:#cd3100;cursor: pointer;}
.livel-main ul li .mess h2>i img{ width: 18px;height: 18px;margin-left: 15px;background-color: #ffe6f5;border-radius: 50%;}
.livel-main ul li .mess p{line-height: 26px; font-size: 14px;color:rgb(128, 128, 128);text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow : hidden ;}
.livel-main ul li .mess div{position: absolute;bottom:8px;}
.livel-main ul li .mess div span{float:left;font-size: 12px;color:rgb(167, 167, 167);margin-right: 25px;}
.livel-main ul li .mess div span i img{width: 15px;height: 15px;}
.livel-main ul li .mess button{position: absolute;bottom: 10px;padding-bottom: 3px; right: 25px; width: 130px;height: 35px;background-image: linear-gradient(to right,#2191e1,#0077cc);border:none;font-size: 16px;font-weight: bold;border-radius: 3px;cursor: pointer;}
.livel-main ul li .mess button a{color:#fff;}
.livel-main ul li .mess button:hover{background-image: linear-gradient(to right,#127dc9,#0066af);}


/*-----------------直播详情页-----------------*/
.liveny-tit{width: 1200px;}
.liveny-tit h1{font-size: 26px;color:#333;margin: 18px 0px;font-weight: bold}
.liveny-tit .liveny-time{font-size: 14px;color:#666;margin-bottom: 18px;}
.liveny-tit .liveny-time li{margin-right: 20px;float: left;}
.liveny-tit .liveny-time li:last-child{margin-right: 0;}
.liveny-tit .liveny-time .liveny-ewm{position: relative;cursor: pointer;}
.liveny-tit .liveny-time .liveny-ewm-box{display: none; background-color: #fff;z-index:999;width:170px;padding:10px;text-align:center;background:#fff;border:1px solid #e3e3e3;}
.liveny-tit .liveny-time .liveny-ewm-box p{padding:5px;line-height:20px; font-size:15px;}
.liveny-tit .liveny-time .liveny-ewm-box i{font-weight:bold;color:#cd3100;}
.liveny-tit .liveny-time .liveny-ewm-box table{margin:0 auto;}
.liveny-tit .liveny-time .liveny-ewm:hover .liveny-ewm-box{display: block;position: absolute;}
/*box*/
.vio-left{padding-right: 20px;width: 835px;border-right: 1px solid #e3e3e3;}
.vio{height:481px;width: 835px;}
.vio iframe{height:470px;width:835px;}
.vio-left .viol-mess{margin-top: 15px;overflow: hidden;background-color: #f2f2f2;border:1px solid #e4e4e4;padding: 12px 15px;border-radius: 5px;margin-bottom: 20px;width: 805px;}
.vio-left .viol-mess h2{color:#333;font-size: 18px;margin-bottom: 5px;}
.vio-left .viol-mess p{color:#333;line-height: 25px;}


/*-超出屏幕悬浮-*/
.vio-fixed{position: fixed;z-index: 999;bottom:5%;right:17.5% ;height:169px;width:300px;padding:10px;background-color: #fff;border: 1px solid #ccc;border-radius: 2px;}
.vio-fixed iframe{height:169px;width:300px;}

/*上一篇，下一篇*/
.updownnews{overflow:hidden;margin-bottom:20px;padding:10px 20px;border:1px #eee solid;}
.updownnews p{margin-right:10px;width:375px;color:#5a5657;font-size:14px;line-height:28px;}
.updownnews p>a{color:#5a5657;}
.updownnews p>a:hover{color:#cd3100; text-decoration:underline}

/*新闻详情广告*/
.ms-news-detail-btad01{ width:835px; overflow:hidden;margin-bottom:20px;}
/* 关键词 */
.ms-news-keys{width:835px;line-height:50px;margin-bottom:20px; text-align:left;}
.ms-news-keys h2{float:left;font-size:16px;}
.ms-news-keys a{color:#666666;float:left;width:127px;height:32px;line-height:32px;margin:10px 0 0 5px;padding:0 10px;text-align:center;background:#fff;border:1px solid #e3e3e3;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.ms-news-keys a:hover{text-decoration:none;color:#cd3100;background:#fff;border:1px solid #cd3100;}


/*底部品牌名片*/
.ms-news-ppbtm{ width: 775px;height: 113px;margin-bottom: 20px; padding:16px 30px; background: url(../images/ms-news-ppbtmback.jpg);background-size: 100% 100%;}
.ms-news-ppbtm .nsbtm-ppimg img{float: left;width: 165px;height: 110px;}
.ms-news-ppbtm .nsbtm-word{float: left;margin-left: 30px;}
.ms-news-ppbtm .nsbtm-word h2{font-size: 22px;color:#333;font-weight: bold;margin: 10px 0px 6px 0px;}
.ms-news-ppbtm .nsbtm-word h2:hover{color:#cd3100;}
.ms-news-ppbtm .nsbtm-word p{font-size: 14px;color:#777;line-height: 25px;letter-spacing: 0.5px;}
.ms-news-ppbtm .nsbtm-word p b{font-weight: bold;color:#f51036;margin-right: 15px;}
.ms-news-ppbtm .nsbtm-btn{float: right;margin-top: 35px;}
.ms-news-ppbtm .nsbtm-btn a{float: left;width: 140px;height: 35px;text-align: center;border-radius: 3px;padding-top: 8px; display: block;font-size: 18px;background: linear-gradient(90deg, #f11a34 0%, #ff217f 100%);color:#fff;font-weight: bold;}
.ms-news-ppbtm .nsbtm-btn a:hover{background: linear-gradient(90deg, #e1162d 0%, #ea146d 100%);}
.ms-news-ppbtm .nsbtm-btn a:nth-child(1){background: linear-gradient(-90deg, #0077cc 0%, #0c65d4 100%);margin-right: 18px;}
.ms-news-ppbtm .nsbtm-btn a:nth-child(1):hover{background: linear-gradient(-90deg, #036eba 0%, #0659be 100%);}



