a{cursor:pointer}
.chatsBox{position:relative;z-index:9999999999999}
#chatTop .icon-down{display:block}
#chatTop{justify-content:space-between}
#chatBox{transition:all 0.5s;width:0;height:0}
#chatBox .chatCont .chatLt .yfb-iconLeftWenjian{position:absolute;width:18px;height:17px;top:5px;left:2px;font-size:25px}
#chatBox .chatCont .chatLt .yfb-iconLeftXiaZai{cursor:pointer;position:absolute;width:16px;height:16px;bottom:10px;right:8px;font-size:18px;font-weight:bold}
#chatBox .chatCont .chatRt .file-img{background:unset!important;top:5px;left:2px}
#chatBox .chatCont .chatRt .file-text{color:#fff}
#chatBox .chatCont .chatRt .file-img .icon{display:block;font-size:25px;color:#fff}
#chatBox .chatCont .chatRt .file-download{background:unset!important;bottom:10px;right:8px}
#chatBox .chatCont .chatRt .file-download .icon{font-size:18px;color:#fff;display:inline-block}
#chatBox.active{display:flex;flex-direction:column}
@media screen and (max-width:959px){.scrollbarBox .icon-yf-xiaoxi{font-size:20px}
    .returntop{width:35px;height:35px}
    .returntop .icon{font-size:20px}
}@media screen and (max-width:767px){#chatBox .chatTop .icon-yf-LeftYf{display:none}
    #chatTop .icon-down{display:block;font-size:20px}
    #chatbigBox{right:0}
    #chatBox.active{width:100%;height:100%!important;right:0;height:0;bottom:0}
    #chatBox .chatTop{justify-content:space-between}
    #chatBox .chatCont{height:calc(100% - 135px)}
}#chatBox .toolBox{background-color:#fff!important}
#chatBox .chatTop span{color:#ffffff}
#chatBox .chatInput textarea{color:#333;background-color:#fff!important}
#chatBox .chatCont .chatRt p,#chatBox .chatCont .chatRt div,#chatBox .chatCont .chatLt p, #chatBox .chatCont .chatLt div{text-align:left}
.layui-layer-msg{z-index:99999999999999 !important}
.img-toast{z-index:99999999999999 !important}


#chatBox .chatCont .chatRt>p{position: relative; background-color: #3C525E;padding: 5px;box-sizing: border-box;display: inline-block;border-radius:8px 8px 0 8px;color: #fff; word-wrap: break-word; text-align: justify; white-space: wrap; max-width: 98%;}
#chatBox .chatCont .chatRt>div{position: relative; background-color: #3C525E;padding: 5px;box-sizing: border-box;display: inline-block;border-radius:8px 8px 0 8px;color: #fff; word-wrap: break-word; text-align: justify; white-space: wrap; max-width: 98%;}

#chatBox .chatCont .chatLt>p{position: relative;background-color: #fff;padding: 5px;box-sizing: border-box;display: inline-block;border-radius:8px 8px 8px 0;color: #333; word-wrap: break-word;  white-space: wrap; max-width: 81%;}
#chatBox .chatCont .chatLt>div{position: relative;background-color: #fff;padding: 5px;box-sizing: border-box;display: inline-block;border-radius:8px 8px 8px 0;color: #333; word-wrap: break-word; text-align: justify; white-space: wrap; max-width: 81%;}
#chatBox .chatCont .chatLt div p{background: transparent;padding: 0;border-radius: 0;max-width: none}

video{width: 100%;
    height: 100%;,}