.contact-way{display: none;}
.video-page{padding-top: 65px;}

.video-nav{position: fixed;z-index: 100; width: 100%; /*max-width: 1920px;*/ height: 65px;line-height: 64px; padding: 0px 16px;color: #fff;font-size: 1.4rem;background-color: #100D20;}
.video-nav .nav-mc{justify-content:space-between;position: relative;z-index: 2;}
.video-nav .logo{height: 22px;}
.video-nav .tl{font-size: 2.2rem;color:#fff;}
.video-nav .info{align-items: initial;height: 64px;}
.video-nav .info>div{cursor: pointer;}
.video-nav .info .sj{display: none; position:absolute;left:18%;bottom:0;z-index: 2; width: 20px;height: 20px;background-image:url('../images/spirit.png');background-size:560px auto;background-repeat: no-repeat;background-position: -424px -363px;}
.video-nav .info .lgn{width: 40px;justify-content: center;}
.video-nav .info .reg{margin-left: 10px;}
.video-nav .info .reg span{line-height: 20px; padding: 1px 15px; border:1px solid #fff;border-radius: 20px;}
.video-nav .info .user{position: relative;margin-left: 20px;}
.video-nav .info .user .flex{height: 100%;}
.video-nav .info .user:hover .sj{display: block;}
.video-nav .info .head-img{display: block; width: 35px;height: 35px;}
.video-nav .info .head-img img{width: 100%;height: 100%;border-radius: 50%;}

.video-nav .user-panel{display: none; position: absolute;top: 64px;right: -15px;z-index: 1;line-height: 20px; padding: 15px 20px;border-radius: 5px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); background-color: #fff;}
.video-nav .info .user:hover .user-panel{display: block;}
.video-nav .user-panel .img-d{display: block; position: relative; width: 60px;height: 60px;border-radius: 50%;border:2px solid transparent;}
.video-nav .user-panel .img-d:hover{border:2px solid #32caff;}
.video-nav .user-panel .img-d img{width: 100%;height: 100%;border-radius: 50%;}
.video-nav .user-panel .txts{padding-left: 20px;}
.video-nav .user-panel .name{display: block; padding-top: 4px; color: #000;font-size: 1.6rem;}
.video-nav .user-panel .name:hover{color:#32caff;}
.video-nav .user-panel .cou-d{padding: 10px 0 0 0;}
.video-nav .user-panel .cou-d .cou{margin-right: 16px;font-size: 1.2rem;color: #3245ff;cursor: pointer;}
.video-nav .user-panel .cou-d .cou:hover{opacity: 0.6;}
.video-nav .user-panel .cou-d .cou .icon{width: 20px;height: 20px;margin-right: 4px;background-image:url('../images/spirit.png');background-size:320px auto;background-repeat: no-repeat;background-position: -185px -205px;}
.video-nav .user-panel .cou-d .cou:nth-child(2){color: #ff7432;}
.video-nav .user-panel .cou-d .cou:nth-child(2) .icon{background-position: -153px -204px;}
.video-nav .user-panel .cou-d .cou:nth-child(3){margin-right: 0; color: #ff364e;}
.video-nav .user-panel .cou-d .cou:nth-child(3) .icon{background-position: -120px -204px;}
.video-nav .user-panel .ul{padding: 12px 0;margin-left: -5px;}
.video-nav .user-panel .ul a{display: block;height: 30px;line-height: 30px; padding-left: 10px; color: #333;font-size: 1.4rem;}
.video-nav .user-panel .ul a:hover{color:#32caff;background-color:rgba(50,202,255,0.2);}
.video-nav .user-panel .exit{padding-top: 15px;border-top: 1px solid #e2e2e2;text-align: center;}
.video-nav .user-panel .exit-btn{display: inline-block;height: 20px;line-height: 20px;padding: 0 10px;color: #999;font-size: 1rem;border-radius: 20px;cursor: pointer;}
.video-nav .user-panel .exit-btn:hover{color:#32caff;}
.video-nav .user-panel .exit-btn .icon{width: 20px;height: 20px;margin-right: 6px; background-image:url('../images/spirit.png');background-size:350px auto;background-repeat: no-repeat;background-position: -32px -33px;}

.video-panel{padding: 16px 16px; background-color: #17192E;color: #fff;}
.video-panel #videoBG{background-color: rgba(0, 0, 0, 0.8);}
.video-panel .m-box{display: flex;height: 100%;}
.video-panel .lf-box{width: calc(100% - 360px);padding-right: 16px;}
.video-panel .lf-box .video-box{position: relative; width: 100%;height: auto; background-color: #000;}

.video-panel .lf-box .video-box .player_cover{position: absolute;left: 0;top: 0;z-index: 2; width: 100%;height: 100%;}
.video-panel .lf-box .video-box .player_cover img{width: 100%;max-width: 100%;max-height: 100%;}
.video-panel .lf-box .video-box .player_play{display:none;position:absolute;right:calc(50% - 95px);bottom:calc(50% - 85px);z-index:3;width:190px;height:170px;border-radius: 10px; background-image:url("../images/intipsPC2.gif");background-repeat: no-repeat;background-size:contain;background-position:center;background-color: rgba(0,0,0,0.7); cursor:pointer;}
.video-panel .lf-box .video-box .player_box{display: none;position: absolute;left: 0;top: 0;z-index: 1; width: 100%;height: 100%;}
.video-panel .lf-box .video-box .player_box div{box-sizing:unset;-moz-box-sizing:unset;-webkit-box-sizing:unset;}
.video-panel .lf-box .video-box .player_box .playerVideo{width: 100%;max-width: 100%;object-fit: fill;}
.video-panel .lf-box .video-box .player_box .player_loading{width: 70px;height: 70px;}
.video-panel .lf-box .video-box .player_box .watermark{position: absolute;left: 15px; top: 15px;z-index: 1;width: auto;height: 30px;opacity: 0.7;}
.video-panel .lf-box .video-box .player_box .watermark .watermarkImg{width: auto;height: 100%;}
.video-panel .lf-box .video-box .player_box .dpi{position:relative;width:36px;line-height:40px;text-align:center;}
.video-panel .lf-box .video-box .player_box .dpi .txt{color:#fff;font-size:13px;cursor:pointer;}
.video-panel .lf-box .video-box .player_box .dpi .sel{display:none;position:absolute;left:0;bottom:38px;z-index:1;width:100%;padding-top:3px;border-radius:3px 3px 0px 0px;background-color:rgba(31,31,31,0.8);}
.video-panel .lf-box .video-box .player_box .dpi .sel .opt{line-height:25px;color:#fff;font-size:12px;cursor:pointer;}
.video-panel .lf-box .video-box .player_box .top_ad{display: flex;align-items: center;justify-content: center; position: absolute;left: 0px; top: 0px;z-index: 1;width: 100%;overflow: hidden;text-align: center; pointer-events: none;}
.video-panel .lf-box .video-box .player_box .top_ad .top_adImg{display: inline-block; width: auto;height: auto;}

.video-panel .lf-box .video-box .player_box .shikan{display:none;position:absolute;left:0;bottom:0;z-index:2;width:100%;height:100%;background-color:transparent;}
.video-panel .lf-box .video-box .player_box .shikan .mc{position:absolute;left:0;bottom:0;z-index:1;width:100%;padding:10px 10px;background-color:rgba(0,0,0,0.5);}
.video-panel .lf-box .video-box .player_box .shikan .hd{flex:1;color:#fff;}
.video-panel .lf-box .video-box .player_box .shikan .bd{padding-right:10px;color:#fff;}

.video-panel .lf-box .video-box .btn-panel{position: absolute;right: -10px;top: 46%;z-index: 100;display: inline-block; width: 10px;height: 40px;line-height: 40px;color: #999;border-radius: 0 5px 5px 0; background-color: #202239;cursor:pointer;}
.video-panel .lf-box .video-box .btn-panel font{display: inline-block;margin-left: 2px; transform: rotate(90deg);}
.video-panel .lf-box .video-box .btn-panel.on{right: 0px; transform: rotate(180deg);}
.video-panel .lf-box .video-box .relateD{display: none; position: absolute;top: 10px;right: 10px;z-index: 3; line-height: 30px;font-size: 1.2rem;color: #fff;text-align: center;}
.video-panel .lf-box .video-box .relateD .name{position: relative;z-index: 2;overflow: hidden;padding: 0 5px 0 10px;border-radius:30px;background-color: rgba(0,0,0,0.5);}
.video-panel .lf-box .video-box .relateD .name .icon{width: 20px;height: 20px;margin-left: 2px;color: #ccc;background-image:url('../images/spirit.png');background-size:240px auto;background-repeat: no-repeat;background-position: -43px -19px;}
.video-panel .lf-box .video-box .relateD:hover .name .icon{transform: rotate(180deg);}
.video-panel .lf-box .video-box .relateD .dw{display: none; position: absolute;top: 0;left: 0;z-index: 1;width: 100%;}
.video-panel .lf-box .video-box .relateD:hover .dw{display: block;}
.video-panel .lf-box .video-box .relateD .dw .mc{margin-top:35px;margin-left: 6px; padding: 10px 8px;border-radius: 5px; background-color: rgba(0,0,0,0.5);}
.video-panel .lf-box .video-box .relateD .dw .sp{line-height: 18px;margin-bottom: 5px; border-radius:30px;cursor: pointer;}
.video-panel .lf-box .video-box .relateD .dw .sp.on{background-color: #32caff;}
.video-panel .lf-box .info-box{height: 238px;background-color: #242740;}
.video-panel .lf-box .info-box2{height: 284px;}
.video-panel .lf-box .tl{padding: 16px 16px 0 16px; justify-content: space-between;font-size: 2.2rem;}
.video-panel .lf-box .tl .cou{font-size: 1.8rem;}
.video-panel .lf-box .tl .cou font{color: #F5A623; font-size: 2.8rem;}
.video-panel .lf-box .tab-box{padding: 10px 0 18px 0;}
.video-panel .lf-box .tab-box .sp{display: inline-block;padding: 5px 20px;margin-right: 10px;border-radius: 30px; background-color: #202239;cursor: pointer;}
.video-panel .lf-box .tab-box .sp:hover,.video-panel .lf-box .tab-box .sp.on{background-color: #F5A623;}
.video-panel .lf-box .tab-box .sp.desc .icon{width: 20px;height: 20px;margin-right: 4px;color: #3245ff;background-image:url('../images/spirit.png');background-size:400px auto;background-repeat: no-repeat;background-position: 5px -306px;}
.video-panel .lf-box .cou-box{justify-content: space-between;padding: 16px 16px;border-top: 2px solid #202239;}
.video-panel .lf-box .cou-box .cou-d .cou{margin-right: 25px;font-size: 1.5rem;cursor: pointer;}
.video-panel .lf-box .cou-box .cou-d .cou:hover{color:#32caff;}
.video-panel .lf-box .cou-box .cou-d .cou .icon{width: 20px;height: 20px;margin-right: 6px;color: #3245ff;background-image:url('../images/spirit.png?ver=2');background-size:350px auto;background-repeat: no-repeat;background-position: -60px -266px;}
/*
.video-panel .lf-box .cou-box .cou-d .cou:nth-child(2) .icon{background-position: -292px -346px;background-size: 450px auto;}
.video-panel .lf-box .cou-box .cou-d .cou:nth-child(2):hover .icon{background-position: -418px -346px;background-size: 450px auto;}
*/
.video-panel .lf-box .cou-box .cou-d .cou:nth-child(2) .icon{background-position: -218px 0px;}
.video-panel .lf-box .cou-box .cou-d .cou:nth-child(2):hover .icon{background-position: -290px -268px;}
.video-panel .lf-box .cou-box .cou-d .btn-praise.on .icon{background-position: -63px 0px;}
.video-panel .lf-box .cou-box .eye-cou{padding-right: 20px; font-size: 1.8rem;}
.video-panel .lf-box .cou-box .eye-cou font{color: #F5A623; font-size: 2.8rem;}
.video-panel .lf-box .btn-d{position: relative;display: inline-block;}
.video-panel .lf-box .btn-app{display: inline-block;padding: 6px 15px;border-radius: 4px;font-size: 1.6rem; background-color: #32caff;}
.video-panel .lf-box .btn-app:hover{color: #fff;}
.video-panel .lf-box .btn-d .sj{display: none; position:absolute;right:30%;bottom:24px;z-index: 3; width: 20px;height: 20px;background-image:url('../images/spirit.png');background-size:560px auto;background-repeat: no-repeat;background-position: -424px -363px;transform: rotate(180deg);}
.video-panel .lf-box .ewm-panel{display: none;position: absolute;bottom: 44px;right: 0px;z-index: 2;width: 300px;}
.video-panel .lf-box .ewm-panel .mc{line-height: 20px; padding: 20px 20px;border-radius: 5px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); background-color: #fff;}
.video-panel .lf-box .btn-d:hover .sj{display: block;}
.video-panel .lf-box .btn-d:hover .ewm-panel{display: block;}
.video-panel .lf-box .ewm-panel .h{padding-bottom: 15px; color: #333;font-size: 1.8rem;font-weight: bold;text-align: center;}
.video-panel .lf-box .ewm-panel .imgs{justify-content: center;width: 100%;text-align: center;}
.video-panel .lf-box .ewm-panel .imgs .lf-img{margin-right: 10px;}
.video-panel .lf-box .ewm-panel .imgs .rg-img{}
.video-panel .lf-box .ewm-panel .imgs .ewm{width: 100%;}
.video-panel .lf-box .ewm-panel .imgs .logo{display: inline-block; width: 88%;margin-top: 12px;}
.video-panel .lf-box .desc-box{padding: 0px 16px 16px 16px;color: #fff;}
.video-panel .lf-box .desc-box .name-d{padding-right: 5px;}
.video-panel .lf-box .desc-box .name-d .icon{width: 20px;height: 20px;margin-right: 6px;color: #3245ff;background-image:url('../images/spirit.png?ver=1');background-size:400px auto;background-repeat: no-repeat;background-position: -296px -307px;}
.video-panel .lf-box .desc-box .name-d .name{}
.video-panel .lf-box .desc-box .txt-d{flex:1;height: 20px;line-height: 20px; overflow: hidden; font-size: 1.4rem;cursor: pointer;}
.video-panel .lf-box .desc-box .txt-d .pre{line-height: 20px; padding: 0;margin:0;color: #fff; background-color:transparent;border:none;}
.video-panel .lf-box .desc-box .txt-d img{max-width: 100%;}
.video-panel .lf-box .desc-box .txt-d .desc_more{padding-left: 10px; cursor: pointer;}
.video-panel .lf-box .desc-box .txt-d .desc_more:hover{text-decoration: underline;}

.video-panel .lf-box .dianbao-box{padding: 16px;}
.video-panel .lf-box .dianbao-box .swiper-container{width:100%;overflow:hidden;white-space:nowrap;}
.video-panel .lf-box .dianbao-box .swiper-wrapper{width: auto;}
.video-panel .lf-box .dianbao-box .swiper-slide{width: auto; margin-right: 10px;}
.video-panel .lf-box .dianbao-box .slide{position: relative;display: inline-block; width:160px;border: 2px solid #100D20;border-radius: 3px;cursor: pointer;}
.video-panel .lf-box .dianbao-box .slide:before{content:"";display:inline-block;padding-bottom:56.25%;/*padding-bottom值100%为1:1,如果为1:2就设置50%,如果为3:5就设置60%*/}
.video-panel .lf-box .dianbao-box .swiper-slide.null .slide{border: 2px solid #ccc;}
.video-panel .lf-box .dianbao-box .swiper-slide.on .slide{border: 2px solid #69DBFF;}
.video-panel .lf-box .dianbao-box .img-d{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.video-panel .lf-box .dianbao-box .swiper-slide.null .img-d{background-image:url(../images/null.png);background-color:transparent;background-repeat:no-repeat;background-position:center top;background-size:auto 95%;}
.video-panel .lf-box .dianbao-box .img{width: 100%;height: 100%;}
.video-panel .lf-box .dianbao-box .tm{position: absolute;left: 0;bottom: 0;z-index: 1;width: 100%;padding:5px;overflow: hidden; color: #fff;font-size: 1.2rem;background-color: rgba(0,0,0,0.2);}

/*.video-panel .rg-box*/
.video-panel .rg-box{position: relative; width: 360px;overflow: hidden; background-color: #17192E;}
.video-panel .rg-box .mc{position: relative;left: 0;top: 0;z-index: 2;height: 100%;}
.video-panel .rg-box .user-d{display: none;margin-bottom: 16px; border-radius: 5px;background-color: #242740;}
.video-panel .rg-box .user-info{padding: 16px;}
.video-panel .rg-box .user-info .user-img{width: 80px;height: 80px; padding: 2px;background-color: #fff;background-image:none;border: none;}
.video-panel .rg-box .user-info .user-img .uIcon{width: 100%;max-width: 100%;height: 100%;margin:0;}
.video-panel .rg-box .user-info .user-img .cou-d{top: 12%;}
.video-panel .rg-box .user-info .user-img .cou{color: #333;font-size: 1.2rem;}
.video-panel .rg-box .user-info .info .tl-d .tl{font-size: 2rem;}
.video-panel .rg-box .user-info .tips{font-size: 1.4rem;}
.video-panel .rg-box .user-info .info .cou-d .cou{font-size: 1.4rem;}
.video-panel .rg-box .user-info .btn-d .btn-gl{display: inline-block;min-width: 66px; height: 22px;line-height: 20px;padding: 0 4px;color: #fff;font-size: 1rem;border-radius: 20px;border: 1px solid #32caff; background-color: #32caff;cursor: pointer;text-align: center;}
.video-panel .rg-box .ta-box{height: calc(100% - 130px);padding: 16px 0px 16px 16px;background-color: #242740;}
.video-panel .rg-box .ta-box .tl{padding-bottom: 15px;font-size: 2rem;}
.video-panel .rg-box .ta-box .ul-d{height: calc(100% - 41px);padding-right: 15px;}
.video-panel .rg-box .ta-box .ul-d .img-d{display: block; color: #fff;}
.video-panel .rg-box .ta-box .ul-d .img-d.null{background-image:url(../images/null.png);background-color:transparent;background-repeat:no-repeat;background-position:center center;background-size:auto 95%;}
.video-panel .rg-box .ta-box .ul-d .zan.on .icon{background-position: -63px 1px;}
.video-panel .rg-box .zz-box{padding: 15px 15px 15px 15px;}
.video-panel .rg-box .zz-box .tl{padding-bottom: 15px;font-size: 1.6rem;}
.video-panel .rg-box .zz-box .ul-d .li{margin-bottom: 0;}
.video-panel .rg-box .zz-box .ul-d .name{color: #2e9afe;}
.video-panel .rg-box .zz-box .ul-d .zan .icon{background-position: -63px -1px;}

.video-panel .rg-box .chat-box{position: relative;height: calc(100% - 130px); padding: 15px 0px 0px 15px; background-color: #242740;}
.video-panel .rg-box .chat-box .h{padding: 6px 0;margin-bottom: 10px; font-size: 1.6rem;text-align: center; background-color: #202239;}
.video-panel .rg-box .chat-box .ul-d{height: calc(100% - 50px);padding-right: 15px;}
.video-panel .rg-box .chat-box .ul-d .loadMore{display: none; padding: 10px 0;font-size: 1.2rem;color: #999; text-align: center;}
.video-panel .rg-box .chat-box .ul-d .tm{display:block;width:100%;margin:-10px 0 10px 0;font-size:12px;color:#999;text-align:center;}
.video-panel .rg-box .chat-box .ul-d .tm:first-child{margin-top: 10px;}
.video-panel .rg-box .chat-box .ul-d .mc{align-items: flex-start;}
.video-panel .rg-box .chat-box .ul-d .img-d{width: 40px;height: 40px;border-radius: 50%;cursor: pointer;}
.video-panel .rg-box .chat-box .ul-d .img-d img{border-radius: 50%;}
.video-panel .rg-box .chat-box .ul-d .name{padding-right: 10px;font-size: 1.2rem;color: #ff364e;cursor: pointer;}
.video-panel .rg-box .chat-box .ul-d .sps{display: none;}
.video-panel .rg-box .chat-box .ul-d .sps .zhuye{position: relative;display: inline-block;height: 16px;width: 16px;margin-right: 5px; cursor:pointer;background-image:url('../images/5.png');background-size:100% auto;background-repeat: no-repeat;background-position: center 2px;}
.video-panel .rg-box .chat-box .ul-d .sps .zhuye .alt{display: none; position: absolute;left: -12px;bottom: 18px;z-index: 1;width: 40px;line-height: 20px;color: #fff;border-radius: 3px;text-align: center; background-color: #000;}
.video-panel .rg-box .chat-box .ul-d .sps .zhuye:hover .alt{display: block;}
.video-panel .rg-box .chat-box .ul-d .sps .shang{position: relative;display: inline-block;height: 16px;width: 16px;cursor:pointer;background-image:url('../images/6.png');background-size:100% auto;background-repeat: no-repeat;background-position: center 2px;}
.video-panel .rg-box .chat-box .ul-d .msg{position:relative;display:inline-block;line-height: 20px; max-width:95%;margin:0;padding:0;color:#ccc;font-size:1.2rem;background-color:transparent;border:none;word-wrap:break-word;word-break:break-all;white-space:pre-wrap;}
.video-panel .rg-box .chat-box .ul-d .img{max-width: 100px;}
.video-panel .rg-box .chat-box .ul-d .icon{display: inline; max-width: 24px;max-height: 24px;}
.video-panel .rg-box .chat-box .li-shang{text-align: center;}
.video-panel .rg-box .chat-box .li-shang .mc{align-items: center;display: inline-block;padding: 6px 8px 6px 6px; color: #fff; border-radius: 3px; background-color: #742E39;}
.video-panel .rg-box .chat-box .li-shang .icon-shang{display: block;height: 18px;width: 18px;background-image:url('../images/6.png');background-size:100% auto;background-repeat: no-repeat;background-position: center 1px;}
.video-panel .rg-box .chat-box .li-shang .txt{padding-left: 3px; font-size: 1.2rem;}
/*礼物*/
.video-panel .rg-box .chat-box .gift-d{}
.video-panel .rg-box .chat-box .gift-d .gift{display:inline-block;width:30px;height:30px;background:url(../images/live_icon.png) no-repeat scroll left -23px;background-size:120px;}
.video-panel .rg-box .chat-box .gift-d .gift2{background-position: -40px -23px;}
.video-panel .rg-box .chat-box .gift-d .gift3{background-position: -75px -23px;}
.video-panel .rg-box .chat-box .gift-d .gift4{background-position: -4px -57.5px;}
.video-panel .rg-box .chat-box .gift-d .gift5{background-position: -38px -57.5px;}
.video-panel .rg-box .chat-box .gift-d .gift6{background-position: -73px -57.5px;width: 35px;}
.video-panel .rg-box .chat-box .gift-d .gift7{background-position: -0px -90.5px;width: 35px;}
.video-panel .rg-box .chat-box .gift-d .gift8{background-position: -34px -95.5px;width: 35px;}
.video-panel .rg-box .chat-fm{position: absolute;left: 0px;bottom: 16px;z-index: 10;width: 100%;}
.video-panel .rg-box .chat-fm .fm-d{padding: 0 12px;}
.video-panel .rg-box .chat-fm .inp-d{flex:1;position: relative; height: 30px;margin-right: 12px; border-radius: 3px; background-color: rgba(255,255,255,0.1);}
.video-panel .rg-box .chat-fm .fm{flex:1;}
.video-panel .rg-box .chat-fm .inp{height:30px;width:100%;padding-left:10px;border:0px solid #e4e4e4;font-size: 1.2rem;background-color: transparent;}
.video-panel .rg-box .chat-fm .face{width: 20px;height: 20px;margin-right: 8px;cursor: pointer;}
.video-panel .rg-box .chat-fm .face img{width: 100%;height: 100%;border-radius: 50%;}
.video-panel .rg-box .chat-fm .img-icon{width: 18px;height: 18px;margin: 0 8px;cursor: pointer;}
.video-panel .rg-box .chat-fm .img-icon img{width: 100%;height: 100%;}
.video-panel .rg-box .chat-fm .btnD{}
.video-panel .rg-box .chat-fm .btnD .send-btn{display: block;width: 45px; height: 25px;line-height: 25px;font-size: 1.2rem; color: #fff;border-radius: 6px; background-color: #32caff;text-align: center;cursor: pointer;}
.video-panel .rg-box .chat-fm .chat-emoji{display: none; position: absolute;left: 0;bottom: 40px;z-index: 2;width: 100%;overflow-y: hidden; background-color: #fff;border-radius: 3px;}
.video-panel .rg-box .chat-fm .chat-emoji .swiper-container{padding-bottom: 20px;}
.video-panel .rg-box .chat-fm .chat-emoji .swiper-wrapper{}
.video-panel .rg-box .chat-fm .chat-emoji .swiper-slide{}
.video-panel .rg-box .chat-fm .chat-emoji .swiper-pagination{bottom: 5px;width: 50%;margin: 0 25%;}
.video-panel .rg-box .chat-fm .chat-emoji .face-icon-d{position: relative;display: block;width: 100%;}
.video-panel .rg-box .chat-fm .chat-emoji .face-icon-d span{width:14.28%;margin:8px 0;text-align:center;height:33px;display:inline-block;float:left;}
.video-panel .rg-box .chat-fm .chat-emoji .face-icon{display:inline-block;background:url(../images/qqemoji2017.jpg) left top/100% no-repeat;width:33px;height:33px;margin-top:0;font-size:0;cursor:pointer;}


.relate-box{display: none; padding: 20px 20px;background-color: #fff;}
.relate-box .mc{width: 100%;padding: 10px 15px 20px 15px;border-radius: 4px; background-color: #F4F7F6;}
.relate-box .mc .h{padding: 5px 0 15px 10px;font-size: 2rem;font-weight: bold;}
.relate-box .item-d{width: 100%;overflow:hidden;white-space: nowrap;}
.relate-box .items{width: auto;}
.relate-box .item{display: inline-block; width: auto;margin-right: 10px;}
.relate-box .item .info{width: 200px;}
.relate-box .item .tl{width: 100%;font-size: 1.4rem;}
.relate-box .item .item .adr-d .adr{font-size: 1.2rem;}
.relate-box .item .img-d{width: 200px;}
.relate-box .item .img-d:before{padding-bottom: 56.25%;}
.relate-box .item  .img-d .img.null{background-image:url(../images/null.png);background-color:transparent;background-repeat:no-repeat;background-position:center center;background-size:auto 90%;}

.list-panel{background-color: #fff;}
.list-panel .m-box{display: flex;padding: 16px;}
.list-panel .lf-box{width: 70%;padding-right: 10px;}
.list-panel .lf-box .fm-rate{padding-left: 15px;}
.list-panel .lf-box .fm-rate .h-fm{padding-bottom: 10px;padding-left: 4px; font-size: 1.8rem;color: #000;font-weight: bold;}
.list-panel .lf-box .fm-rate .fm-d{}
.list-panel .lf-box .fm-rate .head-d{position: relative; width: 55px;height: 55px;margin-right: 15px;}
.list-panel .lf-box .fm-rate .head-d img{width: 100%;height: 100%;border-radius: 50%;}
.list-panel .lf-box .fm-rate .inp-d{flex:1;}
.list-panel .lf-box .fm-rate .inp{height: 42px;width: 100%;padding: 5px; border: none; background-color: #F3F7F6;}
.list-panel .lf-box .btn-d{text-align: right;}
.list-panel .lf-box .btn-d .btn-rate{display:inline-block;padding:6px 15px;border-radius:30px;background-color:#32caff;color: #fff;cursor: pointer;}
.list-panel .lf-box .h-rate{padding-left: 15px;font-size: 1.8rem;color: #32caff;font-weight: bold;}
.list-panel .lf-box .h-rate .sm{margin-left: 12px; color: #666;font-size: 1.4rem;font-weight: normal;}
.list-panel .lf-box .list-rate{}
.list-panel .lf-box .item-message:last-child .mc{border-bottom: 0px solid #e2e2e2;}
.list-panel .lf-box .item-message .info{padding-right: 0;}
.list-panel .lf-box .item-message .info .name{color: #F70000;}
.list-panel .lf-box .item-message .info .btn-zan .icon{background-size:350px auto;background-position: -25px -267px;}
.list-panel .lf-box .item-message .info .btn-zan.on{color:#F70000;}
.list-panel .lf-box .item-message .info .btn-zan.on .icon{background-position: -63px 0px;}
.list-panel .rg-box{width: 30%;padding: 16px;background-color: #F3F7F6;}
.list-panel .rg-box .h-look{padding-bottom: 10px; font-size: 1.8rem;color: #333;font-weight: bold;}
.list-panel .rg-box .list-look{min-height: 500px;}
.list-panel .rg-box .list-look .ul-d .img-d.null{background-image:url(../images/null.png);background-color:transparent;background-repeat:no-repeat;background-position:center center;background-size:auto 90%;}
.list-panel .rg-box .list-look .ul-d .img-d .tm{color: #fff;}
.list-panel .rg-box .ul-d .name{color: #333;}
.list-panel .rg-box .ul-d .zan{color: #999;}
.list-panel .rg-box .ul-d .zan .icon {background-position: -25px -267px;}
.list-panel .rg-box .ul-d .zan.on .icon {    background-position: -63px 1px;}
/*打赏*/
.shangAlert .mc{width: 340px;left: calc(50% - 170px);padding: 10px 40px 10px 40px; text-align: center;}
.shangAlert .mc .xx{right: 12px;top: 12px; font-size:2.4rem;color:#ccc;transform:rotate(45deg);}
.shangAlert .mc .icon-h{width: 100%;}
.shangAlert .mc .icon-h img{display: inline-block; width: 40px;height: 40px;}
.shangAlert .mc .tl{margin-bottom: 15px;font-size: 1.4rem;font-weight: normal;}
.shangAlert .mc .money-d{justify-content : space-between;margin-top: 15px;}
.shangAlert .mc .money-d .money{width: 16%;line-height: 50px;font-size: 1.2rem; border-radius: 5px;background-color: #F3F7FA;cursor: pointer;}
.shangAlert .mc .money-d .money.on{color: #fff; background-color: #ED685F;}
.shangAlert .mc .inp-d{display: none;}
.shangAlert .mc .inp-d .inp{width: 100%;height: 40px;padding: 0 8px;border: 0 solid #eee;border-radius: 5px; background-color: #F8F8F8;}
.shangAlert .mc .qh{padding-top: 20px;padding-bottom: 20px; color: #719BDC;font-size: 1.3rem; cursor: pointer;}
.shangAlert .mc .btn-d{margin-bottom: 5px;}
.shangAlert .mc .btn-d .pay-btn{display:inline-block;line-height:35px;width:50%;color:#fff;border-radius:50px;background-color:#ED685F;cursor: pointer;}
/*试看*/
.tryAlert{}
.tryAlert .mc{left: calc(50% - 115px);top: calc(50% - 90px);width: 230px;padding: 32px 0 0 0;}
.tryAlert .mc .tl{padding-bottom: 6px; font-size: 16px;font-weight: normal;}
.tryAlert .mc .money{padding-top: 13px;color: #999; text-align: center;}
.tryAlert .mc .money font{color: red;}
.tryAlert .mc .btnD{margin-top: 20px;}
.tryAlert .mc .btnD .bn{flex: 1;height: 40px;line-height: 40px;color: #666;border-top: 1px solid #e2e2e2;text-align: center;}
.tryAlert .mc .btnD .bn.okBtn{background-color: #00dda8;color: #fff;border-top: 1px solid #00dda8;}
/* 简介弹框 */
.desc-alert .mc{top: calc(50% - 250px);left:calc(50% - 350px); width: 700px;height: 500px; padding: 10px 20px;}
.desc-alert .mc .xx{right: 12px;top: 12px;width: 20px;height: 20px; font-size:2.6rem;color:#666;transform:rotate(0deg);background-image:url("../images/material45.png");background-repeat: no-repeat;background-position: center center;background-size:100% 100%;}
.desc-alert .mc .xx:hover{background-image:url("../images/material46.png");}
.desc-alert .mc .tl{font-size: 2rem;text-align: left;}
.desc-alert .m-d{height: calc(100% - 45px); line-height: 20px;overflow-y: auto;color: #666;}
.desc-alert .m-d img{max-width: 100%;margin-top: 10px;}

/* 活动 */
.work-icon{position: absolute;left: 20px;top: 20px;z-index: 3;cursor: pointer;}
.work-icon img{width: 80px;height: auto;}
.trpm-alert.work-alert{display: block;z-index: 4002;}
.trpm-alert.work-alert .trpm-bk{background-color: rgba(0, 0, 0, 0.1);}
.trpm-alert.work-alert .trpm-mc{flex-direction:column;left:calc(50% - 300px);top:calc(50% - 250px);width:600px;height:auto;padding: 0; opacity: 1;background-color: rgb(0,0,0,0.6);color: #fff;}
.trpm-alert.work-alert .trpm-mc .trpm-x{transform:rotate( 0deg );font-size: 0;}
.trpm-alert.work-alert .trpm-mc .trpm-x .iconfont{font-size: 2rem;}
.trpm-alert.work-alert .trpm-mc .trpm-x .iconfont:hover{color: #5085FB;}
.trpm-alert.work-alert .trpm-mc .trpm-tl{padding:12px 12px;margin-bottom:1px;font-size:1.6rem;font-weight:normal;border-radius:8px 8px 0 0;box-shadow:0px 0px 6px 0px rgb(0 0 0 / 8%);background-color: rgb(0,0,0,0.4);color: #fff;}
.trpm-alert.work-alert .trpm-mc .trpm-tl:hover{color: #fff;}
.trpm-alert.work-alert .trpm-mc .trpm-tl .tag .sp{margin-right: 12px;}
.trpm-alert.work-alert .m-d{flex: 1;}
.trpm-alert.work-alert .m-d .rg{flex-direction:column;flex: 1;}
.trpm-alert.work-alert .trpm-mc .btn-d{justify-content:flex-end;margin-top:1px;padding:12px 12px;border-radius:0 0 8px 8px;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);background-color: rgb(0,0,0,0.4);}
.trpm-alert.work-alert .trpm-mc .btn-d .cou-d{flex: 1; color:#666;text-align: left;}
.trpm-alert.work-alert .trpm-mc .btn-d .trpm-btn{min-width: 84px; line-height:30px;padding:0px 15px;margin-left: 12px; border:1px solid #5085FB;background-color:#5085FB;border-radius:10px;text-align: center;}
.trpm-alert.work-alert .trpm-mc .btn-d .trpm-btn.btn-praise{background-color:#FE6F72;border:1px solid #FE6F72;}
.trpm-alert.work-alert .trpm-mc .btn-d .trpm-btn .iconfont{padding-right: 6px;}
.trpm-alert.work-alert .list-box{flex: 1;padding: 6px 0px 0px 16px;}
.trpm-alert.work-alert .list-box .scroll{width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;padding-top: 10px;padding-right: 16px;}
.trpm-alert.work-alert .list-box .ul{flex-wrap:wrap;flex: 1;height: 100%;margin-left:-10px; --space:16px;}
.trpm-alert.work-alert .list-box .ul .li{width: 50%;}
.trpm-alert.work-alert .list-box .ul .li .li-m{position: relative; margin: 0 0 var(--space) var(--space); background-color: rgb(0,0,0,0.5);border-radius: 8px; transition: all 0.3s linear;}
.trpm-alert.work-alert .list-box .ul .li .li-m:hover{border-radius:8px;-ms-transform:translate(0,-5px);-webkit-transform:translate(0,-5px);transform:translate(0,-5px);box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);}
.trpm-alert.work-alert .list-box .ul .li .img-d{display: block; position: relative; width: 100%;}
.trpm-alert.work-alert .list-box .ul .li .img-d::after{content: "";display: block;padding-bottom: 56.25%;}
.trpm-alert.work-alert .list-box .ul .li .img-d .img{position: absolute;left: 0;top: 0; width: 100%;height: 100%;overflow: hidden; border-radius: 8px 8px 0px 0px;}
.trpm-alert.work-alert .list-box .ul .li .img-d .img img{width: 100%;height: 100%;}
.trpm-alert.work-alert .list-box .ul .li .name{display: block; line-height: 40px;padding: 0 10px;border-radius:  0px 0px 8px 8px;}
.trpm-alert.vote-alert .trpm-mc{left:calc(50% - 230px);top:calc(50% - 170px);width:460px;height:auto;}
.trpm-alert.vote-alert .trpm-mc .trpm-tl .ts{padding-left: 12px; font-size: 1.4rem;color: #5085FB;}
.trpm-alert.vote-alert .m-d .rg{padding: 16px;}
.trpm-alert.vote-alert .user{padding-bottom: 16px;}
.trpm-alert.vote-alert .user .btn-focus{height:26px;background:#5085FB;border: 1px solid #5085FB; box-shadow:0px 0px 20px 0px rgba(0,0,0,0.3);border-radius:10px;text-align:center;}
.trpm-alert.vote-alert .user .btn-focus .icon-d{display:inline-block;transform:rotate( 45deg );}
.trpm-alert.vote-alert .user .btn-focus .iconfont{font-size:1rem;}
.trpm-alert.vote-alert .user .btn-focus .txt{padding-left: 5px; }
.trpm-alert.vote-alert .user .btn-focus.no{background:#ccc;border: 1px solid #ccc;}
.trpm-alert.vote-alert .user .head{width:52px;height:52px;overflow: hidden; border-radius:10px;margin-right:12px;border: 1px solid #FFFFFF;}
.trpm-alert.vote-alert .user .head img{width: 100%;height: 100%;}
.trpm-alert.vote-alert .user .info{flex: 1;}
.trpm-alert.vote-alert .user .name{justify-content: space-between; font-size: 1.8rem;color: #fff;}
.trpm-alert.vote-alert .user .cous{padding-top: 6px;color: #ccc;}
.trpm-alert.vote-alert .user .cous .cou{margin-right: 16px; font-size: 1.2rem;}
.trpm-alert.vote-alert .user .cous .iconfont{margin-right: 4px;font-size: 1.2rem;}
.trpm-alert.vote-alert .cou-box{flex: 1;padding: 6px 0px 0px 16px;}
.trpm-alert.vote-alert .cou-box .cou-li{width: 33.33%;}
.trpm-alert.vote-alert .cou-box .cou-li .li-m{position:relative;width: calc(100% - 16px); padding:10px 10px;margin-right:16px;background:linear-gradient(138deg,#ED8484 0%,#EBBA77 100%);box-shadow:0px 0px 10px 0px rgb(0 0 0 / 20%);border:2px solid #FFFFFF;border-radius:8px;transform:skew(-12deg);}
.trpm-alert.vote-alert .cou-box .cou-li:nth-child(2) .li-m{background: linear-gradient(138deg, #81BDEF 0%, #8177EB 100%);}
.trpm-alert.vote-alert .cou-box .cou-li:nth-child(3) .li-m{background: linear-gradient(138deg, #72D56A 0%, #64AEE3 100%);}
.trpm-alert.vote-alert .cou-box .cou-li .cou{width:90%;padding:10px 0;margin-left:5%;font-size:3rem;text-align:center;background:rgba(255,255,255,0.5);box-shadow:0px 0px 10px 0px #ffffff;transform:skew(-12deg);border-radius:8px;}
.trpm-alert.vote-alert .cou-box .cou-li .txt{width: calc(100% + 20px);height:25px;line-height:25px;margin:10px 0 0 -10px;font-size:1.4rem;text-align:center;}
/* 二维码 */
.trpm-alert.erweima-alert{display: block;z-index: 4002;}
.trpm-alert.erweima-alert .trpm-bk{background-color: rgba(0, 0, 0, 0.5);}
.trpm-alert.erweima-alert .trpm-mc{flex-direction:column;left:calc(50% - 70px);top:calc(50% - 100px);width:140px;height:auto;padding: 0; opacity: 1;background-color:transparent;color: #333;}
.trpm-alert.erweima-alert .m-d{flex: 1;}
.trpm-alert.erweima-alert .m-d .rg{flex-direction:column;flex: 1;}
.trpm-alert.erweima-alert .m-d .ewm-d{width: 140px;height: 140px;padding: 10px;border-radius: 6px;background-color: #fff;}