@charset "utf-8";
/*
[MBKFW.COM - S11_v8.0]
S11-v8-CSS-xiaohei-qq:290948585-202203
*/
.category_new{display:none}
.cat_nav{}
.cat_nav:hover .category_new{display:block}

.mhsa{background:#313131;padding: 15px 0 0;}

.detail-btn{display: block;width: 136px;height: 40px;background: #4E6EF2;border-radius: 3px;color: #ffffff !important;font-size: 15px;text-align: center;line-height: 40px;}
.detail-btn:hover{opacity:.8;filter:alpha(opacity=80);}

.player{padding: 0 0 0;}
.player iframe,.player video{outline: none;}
.v_cs{background:#000000;height:40px;line-height:40px;text-align: left;color: #b1b1b1;padding:0 10px}
.v_cs a{color: #b1b1b1;}
.v_tags{margin-top: 6px;overflow: hidden;max-width: 500px;height: 25px;}
.v_tags a{height:25px;line-height:25px;float:left;    margin: 0 5px;}
.v_tags a.b{display: block;color: #595959;background-color: #282828;padding: 0 20px;border-radius: 15px;}
.v_tags a.b:hover{background-color: #535353;color: #b7b7b7;}

.xname{height:40px;line-height: 60px;}
.xname h2{font-size: 20px; color: #ffffff; font-weight: bold; padding-left: 23px;}

.play-list{padding:24px 0px 8px 0px;}
.play-list div{height:75px;margin-bottom:16px;padding: 0px 24px 0px 24px;}
.play-list div:hover{/* background:#202020; */}
.play-list div.bo_on{ background:#202020;}
.play-list img{float:left;}
.play-list ul{float:left;width: 220px;}
.play-list p{height:40px;line-height:20px;overflow:hidden;margin:6px 10px;color: #595959;}
.play-list span{color: #595959;padding-left:10px;}

.play-list .bo_on img,.play-list div:hover img{border: 2px solid #fff;width: 100px;height: 75px;}
.play-list .bo_on p,.play-list div:hover p{color:#d5d5d5}
.play-list .bo_on span,.play-list div:hover span{color:#d5d5d5}

.info{background: #FFFFFF;}

/*20200722*/
/*大幻灯区*/
.briefing{width: 100%;overflow: hidden;/* height: 506px; */margin-bottom:20px;background: url("images/video/briefing_blue.jpg") no-repeat top center #6485CC;}
.briefing_blue .briefingRight{border-radius: 0 5px 5px 0;}
.briefing_blue .briefingTitle{/* border-bottom: 1px solid #232323; */}
.briefing_blue .briefingRight ul li{border-bottom: 1px solid #232323;}
.briefing_blue .briefingRight ul li:last-child{border-bottom: 0}
.briefing_main{width: 1220px;margin: 0 auto;padding: 25px 0;}
.briefingLive{width: 900px;height: 506px;float: left;position: relative;overflow: hidden;background: #000000;border-radius: 5px 0 0 5px;}
#liveImg{padding-bottom:57.4%;height: 0;width: 100%;overflow: hidden;float: left;position:relative;}
.liveBigImg{height: 506px;width: 100%;background: #000000;overflow: hidden;position: absolute;}
.v_title{position:absolute;left:0;top:0;height: 53px;line-height: 53px;width: 100%;padding:0 2%;text-align: left;background: rgba(0, 0, 0, 0.24);color: #ffffff;font-size: 16px;}
.liveBigImg li{width: 100%;height: 100%;float: left;position: relative;}

.briefing .briefingRight ul li.focus{background: #4E6EF2;}
.briefing_blue .briefingRight ul li.focus,.briefing_blue .briefingRight ul li:hover{background: #4E6EF2;}
.briefingLive ul li{width: 100%;height: 506px;position: relative;}
.briefingLive ul li img{width: 100%;height: 100%;}
.briefingLive ul li .bof{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 10;}
.briefingLive ul li .bof i{font-size: 98px;color: #fff;}
.briefingLive ul li .cover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: 0.3;}
.briefingLive ul li p{position: absolute;bottom: 0;left:0;height: 80px;font-size: 26px;line-height: 100px;text-indent: 20px;overflow: hidden;width: 100%;background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8)); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8)); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8)); /* Firefox 3.6 - 15 */ background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8)); /* 标准的语法（必须放在最后） */}
.briefingLive ul li p a{color: #fff;}
.briefingRight{width: 320px;height: 506px;float: right;background: rgba(0,0,0,0.8);}
.briefingTitle{padding-left: 12px;width: 100%;height: 55px;line-height: 55px;font-size: 22px;color: #fff;font-weight: bold;box-sizing: border-box;}
/*
.briefingTitle i{color: #fbc917;font-size: 24px;margin-right: 6px;vertical-align: middle;background:url('images/video/iconyugao.png') no-repeat;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;width: 25px;height: 25px;display:inline-block;float:left;margin-top: 15px;}
*/
.briefingTitle i{display: block;float: left;width: 30px;height: 30px;margin-right: 5px;background: url(images/video/ioc.png) no-repeat 0 0;margin-top: 12px;}
.briefingRight ul li{width: 100%;padding: 16px;box-sizing: border-box;border-bottom: 1px solid #1844a7;padding-top: 19px;padding-bottom: 18px;cursor: pointer;}
.briefingRight ul li .image{width: 124px;float: left;margin-right: 16px;height: 80px;position: relative;}
.briefingRight ul li .image img{width: 100%;max-width: 100%;max-height: 80px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.briefingRight ul li .text{overflow: hidden;color: #fff;}
.briefingRight ul li p{font-size: 14px;line-height: 22px;height: 44px;margin-top: 5px;overflow: hidden;}
.briefingRight ul li a{color: #fff;}
.briefingRight ul li span{font-size: 12px;margin-top: 30px;margin-top: 10px;display: block;}

/*推荐区*/
.title-name{height: 51px;line-height: 51px;margin: 0 15px;}
.title-name .icon-red{margin-top: 17px;}
.title-name h2,.head-txt h2{font-size: 18px;font-weight:bold;float: left;}
.title-name .cat-name{float:right}
.title-name em{font-weight:normal;font-size:14px}
.v_tui{width: 1220px;overflow: hidden;}
.v_tui .list-img{width: 97.5%;padding: 0;margin: 0 1%;padding-bottom: 2%;}
.v_tui .list-img .v_li{width: 18.9%;float: left;padding: 1%;margin: 1%;margin-right: 0;margin-bottom: 0;box-sizing: border-box;background-color: #f7f7f7;}
.v_tui .list-img .v_li .li_div{background-color: #f7f7f7;overflow: hidden;width: 100%;float: initial;}
.v_tui .list-img .v_li .li_div .v_image{height: 142px;position: relative;overflow: hidden;width: 100%;float: initial;}
.v_tui .list-img .v_li .li_div .v_image img {width: 100%;height:100%;display: inline-block;}
.v_tui .list-img .v_li .li_div .v_image i.iconplay{background:url('images/video/ico_bf.png') no-repeat 0 0;background-size: 40px 40px;width: 40px;height: 40px;z-index: 4;opacity: 0;filter:alpha(opacity=0);-ms-transform: scale(1.3);transform: scale(1.3);color: #fff;float: initial;padding: 0;display: inline-block;position: absolute;left: 5px;bottom: 5px;}
.v_tui .list-img .v_li .li_div .v_image span{position:absolute;top: 0;right: 0;bottom:0;left: 0;background-color: rgba(0,0,0,0);z-index: 3;}
.v_tui .list-img .v_li .li_div .v_image a:hover span{background-color: rgba(0,0,0,0.3);}
.v_tui .list-img .v_li .li_div .v_image a:hover i.iconplay{opacity: 1;filter:alpha(opacity=100);-ms-transform: scale(1);transform: scale(1);}
.v_tui.v_fee .list-img .v_li .li_div .v_image i.fee_b{position:absolute;top:0;left:0;font-size:12px;width: 40px;height: 20px;line-height: 20px;background: #f10a0a;border-radius: 3px;color: #ffffff;text-align:center}
.v_tui.v_fee .list-img .v_li .li_div .v_image i.fee_b:before{content:"收费";}
.v_tui .list-img .v_li .li_div ul{margin: 10px 0;margin-bottom: 5px;}
.v_tui .list-img .v_li .li_div ul li:first-child{height:40px;line-height:20px;margin-bottom:5px}
.v_tui .list-img .v_li .li_div ul li{height:auto;line-height:18px;height:18px}
.v_tui .list-img .v_li .li_div ul li:last-child{color:#888888;font-size:13px}
.v_tui .list-img .v_li .li_div ul li i{float:left;}
.v_tui .list-img .v_li .li_div ul li em{float:right;}
.v_tui .list-img .v_li:hover{box-shadow: 0px 10px 25px 0px rgba(40, 40, 40, 0.1);}

/*浮动分类*/
.leftBar_item{width: 50px;height: 140px;background-color: #e60000;float: right;border-radius: 3px 0 0 3px;}
.leftBar_item .leftBar_logo{width: 32px;height: 30px;background: url("images/video/ico_bf.png") no-repeat;text-align: center;margin: 8px 10px;background-size: contain;}
.leftBar_item .leftBar_logo img{width: 100%;}
.leftBar_item p{font-size: 16px;margin: 0 15px;text-align: center;color: #fff;}
.leftBar_hover{display: none;background-color: #fff;}
.leftBar:hover .leftBar_hover{display: block;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.leftBar:hover .leftBar_item{display: none;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.leftBar{position:fixed;right: 5px;top: 30%;transform: translateY(-30%);border-radius:2px;overflow: hidden;width: 115px;z-index: 999;display: none;}
.leftBar span{display: block;height: 44px;font-size: 16px;line-height: 44px;/* text-indent: 15px; */text-align: center;font-weight: bold;color: #fff;font-family: 'microsoft yahei';background:#e60000;}
.leftBar .item{padding:8px 0;border-bottom:1px solid #f0f0f0;}
.leftBar .item b{display: block;font-size: 14px;padding: 2px 10px 2px 15px;}
.leftBar .item b a{color: #333;}
.leftBar .item p{margin-top:6px}
.leftBar .item p a{display: inline-block;width: 55px;line-height: 18px;height: 18px;overflow: hidden;text-indent: 15px;color: #999;}
.leftBar .item a:hover{color: #e60000;}
.leftBar .item p a.oneline{width: 100px;}

/*视频评论*/
.v_comment{}
.v_comment .head-txt,.v_comment .no_bg{background:none;margin-bottom: 0;}

/**/
.count{font-weight:normal}
.count span{color: #e60000;font-weight:bold}
/*开关灯*/
#bt,#choose{cursor:pointer; }
body.daytime,.daytime .top,.daytime .logbar{background: #000000;padding-top: 10px  !important;}
.daytime .header,.daytime .first_screen .nav-mnu{display:none}
.daytime .top,.daytime .logbar,.daytime .nav_mu,.daytime .newfooter,.daytime .close_v,.daytime .lxgf,.daytime .siderbar-right,.daytime .header,.daytime .first_screen .nav-mnu{background: #000000;opacity:0;filter:alpha(opacity=0);color:#000000}
.daytime .top{border-bottom:1px solid #000000;}
body.nigth{}

/*show-title*/
.video-refer{width: 1220px;margin: 0 auto;line-height: 40px;padding: 15px 0;overflow: hidden;}
.video-refer .video-name{font-size: 20px; color: #d4d4d4; float: left; width: 660px; height: 40px; overflow: hidden}
.video-refer .detail-btn{float: right; margin-left: 28px}
.video-refer .price{float: right; color: #ffb30f; font-size: 14px; height: 40px}
.video-refer .price em{font-size: 20px}

/*show-left*/
/*2个*/
.video_2{background: #ffffff;}
.video_2 .head-txt{margin-bottom:3px}
.video_2 .v_tui{width: 330px;}
.video_2 .v_tui .list-img{width: 94%;margin: 1% 3%;}
.video_2 .v_tui .list-img .v_li{width: 46%;margin: 2%;}
.video_2 .v_tui .list-img .v_li .li_div .v_image{height: 136px;}
.video_2 .v_tui .list-img i{display:none}
.video_2 .v_tui .list-img em{color:#e60000;font-size:14px}

.video_2 .v_2 .list-img .v_li .li_div .v_image{height:100px}
.video_2 .v_2 .list-img .v_li .li_div .v_image i{top:22%;left:33%}
.video_2 .v_2 .list-img em{color:#999999;font-size:12px}
/*4个*/
.video_4{}
.video_4 .v_tui{width: 880px;}
.video_4 .v_tui .list-img .v_li{width: 23.89%;}

/*show-com*/
.business-card{width: 330px;background-color: #e3eef9;background-image: linear-gradient(#e3eef9,#fff);padding: 20px 0 30px 0;text-align: center;box-shadow: 1px 1px 10px rgba(0,0,0,0.03);}
.business-card img{width: 110px; height: 110px; border-radius: 100px; margin: 0 auto 15px; display: block}
.business-card p,.mainRight .business-card p a{font-size: 14px; color: #333}
.business-card p.name{font-size: 20px; color: #000; font-weight: bold; margin-bottom: 6px}
.business-card p.name em{font-size: 14px; color: #333; font-weight: normal}
.business-card a.gostore{width: 114px; height: 38px; display: block; border: solid 1px #e60000; text-align: center; line-height: 38px; color: #e60000; border-radius: 5px; margin: 25px auto 0}
.business-card a.gostore:hover{background: #e60000; color: #fff}

.m3l .head-txt{margin-bottom: 5px;}

/*TAG词*/
.v_tag_rank{}
.v_tag_rank .list-rank{overflow:hidden;padding:15px 10px 5px;}
.v_tag_rank .list-rank li {height:32px;line-height:32px;font-size:14px;padding:0;overflow:hidden;float:left;width:33.3333%;text-align:center;margin-bottom:8px;}
.v_tag_rank .list-rank li a{height:28px;line-height:28px;border:1px solid #dddddd;display:inline-block;width:81px;overflow:hidden;border-radius:5px}
.v_tag_rank .list-rank li a:hover{border:1px solid #e60000;background:#e60000;color:#ffffff}

/*2022.3.25*/
.videos_left{width: 485px;float: left;}
.videos_right{width: 710px; float: right}
.video_title{font-size: 24px; height: 45px; line-height: 45px; position: relative; margin-bottom: 20px}
.video_title .more{color: #696969; font-size: 14px; margin-left: 10px}
.video_title i{display: block; float: left; width: 40px; height: 45px; background: url(images/video/ioc.png) no-repeat}
.video_title .hot{background-position: 0 -30px}
.video_title .new{background-position: 0 -67px}
.video_title .tip{position: absolute; right: 0; font-size: 14px; color: #696969}
.video_title .tip em{padding: 0 5px}
.video_title .tip em a{color: #696969}
.video_title .tip em a:hover,.video_title .more:hover{color: #338cff}
.HotVideo-swiper a{display: block; position: relative}
.HotVideo-swiper .img a:after{content: ""; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; width: 51px; height: 51px; background: url(images/video/ioc.png) no-repeat 0 -112px}
.HotVideo-swiper img{width: 485px;height: 319px;display: none;object-fit: cover;}
.HotVideo-swiper .swiper-slide-active img{display: block}
.HotVideo-swiper .img{overflow: hidden;height: 319px;position: relative;border-radius: 3px;}
.HotVideo-swiper .img .time{position: absolute;right: 5px;bottom: 8px;/* width: 60px; */height: 20px;padding: 0 10px;text-align: center;line-height: 20px;border-radius: 50px;font-size: 12px;color: #fff;background: rgba(0,0,0,0.6);z-index: 4;}
.HotVideo-swiper .title-v{font-size: 14px; line-height: 22px; height: 44px; overflow: hidden; margin-top: 10px}
.HotVideo-swiper .but{width: 31px; height: 42px; background: rgba(0,0,0,0.2); margin-top: -40px}
.HotVideo-swiper:hover .but{background: rgba(0,0,0,0.5)}
.HotVideo-swiper .but:after{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(images/video/direction.png) no-repeat}
.HotVideo-swiper .swiper-button-prev{left: 0; border-radius: 0 50px 50px 0}
.HotVideo-swiper .swiper-button-prev:after{background-position: -8px center}
.HotVideo-swiper .swiper-button-next{right: 0; border-radius: 50px 0 0 50px}
.HotVideo-swiper .swiper-button-next:after{background-position: -40px center}
.Newest_list{margin-left: -15px}
.Newest_list li{float: left; width: 225px; margin-left: 15px}
.Newest_list li img{width: 225px;height: 129px;object-fit: cover;}
.Newest_list li .img{position: relative;height: 129px;overflow: hidden;border-radius: 3px;}
.Newest_list li .img a{position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 4}
.Newest_list li .img .time{position: absolute;right: 5px;bottom: 5px;padding: 0 10px;/* width: 60px; */height: 20px;text-align: center;line-height: 20px;border-radius: 50px;font-size: 12px;color: #fff;background: rgba(0,0,0,0.6);z-index: 2;}
.Newest_list li .img:after{content: ""; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; width: 51px; height: 51px; background: url(images/video/ioc.png) no-repeat 0 -112px; z-index: 2; opacity: 0}
.Newest_list li:hover .img:after{opacity: 1}
.Newest_list li .title-v{line-height: 20px; height: 40px; margin: 10px 0; overflow: hidden; font-size: 14px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2}

/**/
#player{
    width: 100%;
    height: 470px;
    outline: none;
}
#player .video_fei{}
/**/
.iframeBox {}
.iframeBox .room-info{margin: 3%; width: 94%; height: 160px; background-color: rgba(241,209,237,.5); border-radius: 10px; padding: 15px; font-size: 16px; background-color: #e3eef9; background-image: linear-gradient(#e3eef9,#fff); color: #333;}
.iframeBox .room-info .complogo{float: left; width: 52px; height: 52px; border-radius: 50%; overflow: hidden; margin-right: 12px; margin-top: 8px;}
.iframeBox .room-info .room-info-a{font-size: 14px; font-family: microsoft yahei; font-weight: 500; color: #000; line-height: 22px; float: right;}
.iframeBox .mydir{width: 5px; height: 8px; background: url(images/ico-com-more.png) no-repeat center 0; display: inline-block;}
.iframeBox .room-info .info-v{width: 290px; height: 65px;}
.iframeBox .room-info .info-v .info-title{font-size: 16px; overflow: hidden; font-weight: 700; text-overflow: ellipsis; line-height: 65px; -webkit-line-clamp: 1; white-space: nowrap;}
.iframeBox .room-info .compMainProduct{font-size: 15px; padding-top: 10px; width: 290px; color: #333; font-weight: 700; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; word-break: break-all; -webkit-box-orient: vertical; max-height: 43px; overflow: hidden;}
.iframeBox .room-info .compMainProduct span{font-weight:normal;font-size:13px}
/**/
.iframeBox .rightBox {background: #333;margin: 3%;width: 94%;height: 320px;border-radius: 10px;padding-top: 10px;overflow: hidden;}
.iframeBox .rightBox .chat-room{display: inline-block}
.iframeBox .rightBox .chat-room .name{color: #343434; height: 40px; padding-left: 20px; line-height: 40px; background-color: #fff; font-weight: 500; text-align: left}
.iframeBox .rightBox .chat-room .chat-room-info{height: 240px;overflow: auto;text-align: left;font-size: 14px;width: 346px;margin-bottom: 10px;}
.iframeBox .rightBox .chat-room .chat-room-info li{margin: 5px 0}
.iframeBox .rightBox .chat-room .chat-room-info .nullMsg{font-size: 24px; color: #fff; text-align: center; line-height: 200px}
.iframeBox .rightBox .chat-room .chat-room-info .chat-div-self{display: flex; flex-direction: row-reverse; justify-content: center; flex-wrap: nowrap}
.iframeBox .rightBox .chat-room .chat-room-info .chat-div-self .fl-div{margin-right: 10px}
.iframeBox .rightBox .chat-room .chat-room-info .chat-div-self .fl-div img]{width: 40px; height: 40px; -o-object-fit: cover; object-fit: cover; border-radius: 50%}
.iframeBox .rightBox .chat-room .chat-room-info .chat-div-self .date{font-size: 12px; color: #666}
.iframeBox .rightBox .chat-room .chat-room-info .chat-div-self .chart-info{color: #fff; display: inline-block; background-color: #3e68be; padding: 10px; border-radius: 4px; max-width: 100%; word-break: break-all; text-align: left; margin-top: 5px}
.iframeBox .rightBox .chat-room .chat-room-info .chat-div-self .fr-div{flex-grow: 1; text-align: right; margin: 0 10px}
.iframeBox .rightBox .chat-room .chat-room-info .chat-div-other{display: flex; justify-content: center; flex-wrap: nowrap}
.iframeBox .rightBox .chat-room .chat-room-info .chat-div-other .fl-div{margin-left: 10px}
.iframeBox .rightBox .chat-room .chat-room-info .chat-div-other .fl-div img{width: 40px; height: 40px; -o-object-fit: cover; object-fit: cover; border-radius: 50%}
.iframeBox .rightBox .chat-room .chat-room-info .chat-div-other .datename{font-size: 14px; color: #20e4be; display: inline-block; margin-right: 10px}
.iframeBox .rightBox .chat-room .chat-room-info .chat-div-other .chart-info{color: #fff; display: inline-block; padding: 2px 0; border-radius: 4px; max-width: 100%; word-break: break-all; margin-top: 5px}
.iframeBox .rightBox .chat-room .chat-room-info .chat-div-other .fr-div{flex-grow: 1; text-align: left; margin: 0 10px}
.iframeBox .rightBox .chat-room .chat-room-info .nick{color: #999; font-size: 14px; margin-right: 0}
.iframeBox .rightBox .chat-room .chat-room-info .msg-item{color: #000; font-size: 14px}
.iframeBox .rightBox .chat-room .chatroom-input{height: 40px;width: 320px;margin-left: 13px;padding-left: 10px;border-radius: 20px;background: rgba(130,131,132,.3686274509803922);}
.iframeBox .rightBox .chat-room .chatroom-input .input{background: transparent;color: #fff;border: 0;font-size: 14px;outline: none;height: 100%;width: 218px;box-sizing: border-box;padding: 0;}
.iframeBox .rightBox .chat-room .chatroom-input input:-ms-input-placeholder,.iframeBox .rightBox .chat-room .chatroom-input textarea:-ms-input-placeholder{color: #ccc}
.iframeBox .rightBox .chat-room .chatroom-input input::-webkit-input-placeholder,.iframeBox .rightBox .chat-room .chatroom-input textarea::-webkit-input-placeholder{color: #ccc}
.iframeBox .rightBox .chat-room .chatroom-input .input-submit{width: 84px; height: 30px; background: #19bc9c; border: none; border-radius: 17px; padding: 0; text-align: center; color: #fff; font-size: 14px; cursor: pointer}