.liveVideoBox{width: 100%;padding-top: 56.25%;position: relative;}
.liveVideoBox:before{
    content: "";
    width: 29px;height:33px;background: url("../img/shuiyin.png") no-repeat;background-size:29px 33px;position:absolute;left:20px;top:20px;z-index: 7;
}
.liveVideoImgBox{position: absolute;width: 100%;height:100%;text-align: center;vertical-align: top;left:0;top:0;}
.bg4c{background: #4c4b4b;}
.over{overflow: hidden;}
.noBg{background:none!important}
.hand{cursor: pointer;}
.liveVideoImgBox img{vertical-align: top}
.blue{color:#188cf9;}
.w20p{width:20%;}
.w25p{width:25%;}
.liveVideoInfo{line-height: 43px;height: 43px;padding-left: 15px;padding-right: 15px;color:#222;font-size: 14px;}
.factoryVideoContent{margin-top: 10px;background: #fff;}
.factoryVideoContent:first-child{margin-top: 0;}
.factoryLiveIcon{ background: url("../img/factoryLiveIcon.png") no-repeat;display: inline-block;vertical-align: text-bottom;background-size: 222px 243px}
.fenxiangIcon{width:18px;height:18px;background-position: -30px -180px;}
.pingfenIcon{width:18px;height:18px;background-position: -61px -181px;}
.pinglunIcon{width:18px;height:18px;background-position: -152px -136px;}
.dashangIcon{width:18px;height:18px;background-position: 2px -181px;}
.playBtn{width: 50px;height: 50px;background-position: -5px -15px;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%)}
.zan{width:18px;height:18px;background-position: -182px -138px;}
.zaned{background-position: -169px -81px;}
.funcBtn:active .factoryLiveIcon{background-color: #e5e5e5;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.jlc-menu-content{
     background:#fff;width: 100vw;height:100vh;overflow-x: hidden;overflow-y: hidden;background: #fff;z-index: 33;display: none;position: relative;;
 }
.jlc-menu-content.show{
    display: block;
}
.pinglunHeader{
    line-height: 24px;background: #fff;margin: 0;padding: 5px 15px;font-size: 14px;color:#666666;border-bottom: 1px solid #ccc;
    overflow: hidden;
}
.pinglunContent{
    min-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient:vertical;
}
.detailInfoBox{
    position: absolute;bottom:65px;top:238px;overflow-y: auto;right:0;left:0;
}
.commontListBox{
    padding: 10px 15px;overflow: hidden;
    overflow-y: auto;
}
.touxiangIcon{
    width: 33px;height:33px;background-position: -107px -140px;
}
.showMoreIcon{
    width:25px;height:17px;background-position: -92px -178px;margin-right: 3px;
}
.fanhuiIcon{
    width: 48px;height:100%;background-position: -124px -176px;position: absolute;left:8px;top:5px;
}
.commentInfoTouxiang{margin-right: 10px;}
.commentInfoContent{overflow: hidden;font-size: 13px;}
.color4a{color:#4a79a5;}
.commentInfoBox{padding-bottom: 25px;}
.commentInfoBox:last-child{padding-bottom: 0;}
.commentBody{font-size: 15px;color:#111;line-height: 1.4em;margin-top: 7px;}
.commentDanmuSendBox{padding: 5px 15px;position: absolute;left:0;bottom:13px;width: 100%;background: #fff;}
.danmuInput{
    overflow: hidden;padding: 5px!important;font-size: 13px;height: 32px!important;margin: 0;
    width:100%;
}
.danmuInput.max{width: 100%!important;}
.sendBtn{width: 64px;height: 32px;border-radius: 2px;background: #dddddd;color:#fff;outline: none;float: right;text-align: center;line-height: 32px;font-size: 14px;}
.sendBtn.bgBlue{background: #188cf9;}
.loginTip{font-size: 15px;color:#333;overflow: hidden;height: 32px;line-height: 32px;border:1px solid #ccc;text-indent: 10px;}
.tcPlayerBox{height: 100%;}
.volume-icon .long-horizontal{opacity: 0;}
.mui-bar.mui-bar-nav{z-index: 1}
.nowrap{white-space: nowrap!important;overflow: hidden!important;text-overflow: ellipsis!important;}
.areaInputBox{overflow: hidden;}
.areaInputBox .areaSendbtn{display: none;margin-left: 10px;position: relative;top:27px;}
.areaInputBox .areaInputText{height: 30px;line-height: 24px;padding:3px 6px;margin:0;overflow: hidden;width: 100%;}
.areaInputBox.showArea .areaInputText{height: 60px;line-height: 1.4em;width:calc(100% - 74px) !important;}
.areaInputBox.showArea .areaSendbtn{display: block;}
.nativeTip{
    position: absolute;left:50%;bottom: 50px;transform: translateX(-50%);width: 100%;text-align: center;display: none;
}
.nativeTip .text{
    display:inline-block;background: #fff;padding: 8px;border-radius: 6px;color: #777;font-size: 14px;
}
.nativeTip .yindaoIcon{
    width: 37px;height:37px;position: absolute;bottom:-5px;left:50%;transform: translate(-50%,100%);background: url(../img/yindao_bottom.png);background-size: contain;
}

.nativeTip_wx{
    position: absolute;left:0px;top: 50px;width: 100%;text-align: right;display: none;padding-right: 33px;
}
.nativeTip_wx .text{
    display:inline-block;background: #fff;padding: 8px;border-radius: 6px;color: #777;font-size: 14px;
}
.nativeTip_wx .yindaoIcon{
    width: 37px;height:37px;position: absolute;top:-5px;right:5px;background: url(../img/yindao_right_top.png);background-size: contain;transform: translateY(-100%);
}
.listRemarkBox{
    padding-left: 15px;padding-right: 15px;color:#666666;font-size: 14px;line-height: 1.8em;cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
img{max-width: 100%;max-height: 100%;}
body.dialog-open{position: fixed;left:auto;width: 100%;}
.textIcon{transform: rotate(90deg);display: inline-block;cursor: pointer;}
.textIcon.up{transform: rotate(-90deg);}