.chat-emoji{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.2);visibility:hidden;opacity:0}.chat-emoji .usetInfo{width:800px;position:absolute;top:100px;left:50%;margin-left:-400px;background:#fff}.chat-emoji .w-e-text-container .w-e-panel-container .w-e-panel-tab-content .w-e-button-container button{width:auto}.chat-emoji .chat-title{padding:20px;font-size:14px;color:#fff;background:#4c8edc;display:flex;justify-content:space-between}.chat-emoji .chat-title i{cursor:pointer;font-size:18px;line-height:0}.chat-emoji .l_chat{text-align:center;text-align-last:justify;padding:15px 25px 30px;border-top:1px solid #ddd;display:flex;flex-wrap:row;position:relative}.chat-emoji .l_chat>div,.chat-emoji .l_chat>span>button{text-align:left;text-align-last:justify;display:inline-block;vertical-align:top}.chat-emoji .l_chat>.el-input{width:600px}.chat-emoji .l_chat>.el-input>input{height:36px;line-height:36px}.chat-emoji .l_chat>button{padding:10px 20px}.chat-emoji .l_chat .emoji_icon{width:25px;height:25px;cursor:pointer;margin-top:4px}.chat-emoji .l_chat .txt-content{width:88%;height:100px;margin-right:20px;text-align-last:auto}.chat-emoji .l_chat .txt-content .w-e-text-container{height:calc(100% - 25px)!important}.chat-emoji .l_chat .txt-content>div{background-color:#fff!important}.chat-emoji .l_chat .txt-content img{width:27px;height:27px}.chat-emoji .l_chat .txt-content .w-e-item{margin:6px 6px 0 0;padding:0}.chat-emoji .l_chat .content-count{position:absolute;top:23px;right:120px}.chat-emoji .l_chat .content-count .counts{color:#999}.chat-emoji .l_chat .content-count .forbit{color:red}.chat-emoji .l_chat .content-count i:last-child{color:#ccc}.chat-emoji .u_chat{height:520px}.chat-emoji .u_chat ul{padding:0 30px}.chat-emoji .u_chat ul>li{padding-top:25px}.chat-emoji .my-scrollbar{height:100%}.chat-emoji .chatCont:last-of-type{padding-bottom:25px}.chat-emoji .chatCont{padding-top:25px}.chat-emoji .emoji_ch{margin:0 25px}.chat-emoji .emoji_ch .el-icon-close{position:absolute;z-index:16;color:red;font-size:24px;left:775px;top:-215px;cursor:pointer}.chat-emoji .chatCont_txt{position:relative}.chat-emoji .chatCont_txt>span{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#fff;line-height:40px;text-align:center;color:#fff}.chat-emoji .chatCont_txt>span>img{width:100%;height:100%}.chat-emoji .chatCont_txt .chatCont_t{max-width:60%;padding:10px 20px;font-size:14px;line-height:21px;background:#f8f8f8;border-radius:3px;position:relative;margin-left:25px;word-wrap:break-word;word-break:break-all;box-shadow:0 1px 1px 0 rgba(0,0,0,.1)}.chat-emoji .chatCont_txt .chatCont_t:before{content:" ";display:inline-block;width:0;height:0;overflow:hidden;line-height:0;font-size:0;vertical-align:middle;border-right:7px solid #f8f8f8;border-left:0 none;border-top:7px solid transparent;border-bottom:7px solid transparent;position:absolute;left:-7px}.chat-emoji .chatCont_txt .chatCont_t img{width:26px;height:26px}.chat-emoji .chatCont_txt .chatCont_t a{color:#348efd;text-decoration:underline}.chat-emoji .chatCont_txt .dataTime{color:#999;display:inline-block;margin:10px;font-size:12px}.chat-emoji .emoji-content .w-e-panel-container{top:-264px;left:147px;border:0}.chat-emoji .is_active .chatCont_txt span{float:none;float:right}.chat-emoji .is_active .chatCont_txt .chatCont_t{float:none;float:right;margin:0 25px 0 0;background:#bcdbff;word-wrap:break-word;word-break:break-all}.chat-emoji .is_active .chatCont_txt .chatCont_t:before{left:auto;right:-7px;border-left:7px solid #bcdbff;border-right:0 none;border-top:7px solid transparent;border-bottom:7px solid transparent}.chat-emoji .is_active .chatCont_t{border:0;word-wrap:break-word;word-break:break-all}.chatShow{opacity:1;visibility:visible}