.trash-outline[data-v-ccd59402]{position:absolute;right:22px;font-size:16px;width:16px;height:16px}.chat[data-v-ccd59402]{overflow:auto;justify-content:center;align-items:center}.chat .chatbox[data-v-ccd59402]{margin:auto;z-index:1;position:absolute;width:1150px;left:0;top:100px;right:0;bottom:100px;border-radius:5px;transition:height .2s linear;background-color:#fff;-webkit-transition:padding .3s linear}.right[data-v-ccd59402]{width:830px;position:absolute;left:320px;top:0;bottom:0;background:#e6e6e6;border-radius:0 5px 5px 0;z-index:1}.right .empty[data-v-ccd59402]{position:relative;width:100%;height:100%}.right .empty .text[data-v-ccd59402]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.right .texbox[data-v-ccd59402]{width:100%;height:100%}.right .texbox .message[data-v-ccd59402]{overflow:hidden;position:absolute;top:0;right:0;left:0;bottom:172px}.right .texbox .message .header[data-v-ccd59402]{position:relative;height:50px;box-sizing:border-box;line-height:50px;margin-left:18px;margin-right:20px;border-bottom:1px solid #d9d9d9}.right .texbox .message .header span[data-v-ccd59402]{white-space:nowrap;word-break:break-all;display:inline-block;font-size:16px;color:grey}.right .texbox .message .header .home[data-v-ccd59402]{position:absolute;right:9px;color:#333;cursor:pointer}.right .texbox .message .header .home[data-v-ccd59402]:hover{color:#27cc8f}.right .texbox .message .message-wrapper[data-v-ccd59402]{position:absolute;left:0;top:50px;right:0;bottom:0;box-sizing:border-box}.right .texbox .message .message-wrapper .main[data-v-ccd59402]{width:100%;height:100%;box-sizing:border-box;overflow:auto}.right .texbox .message .message-wrapper .main .message-wrapper-ul[data-v-ccd59402]{padding-bottom:30px}.right .texbox .message .message-wrapper .main .msg-item[data-v-ccd59402]{padding:0 20px;margin:20px 0}.right .texbox .message .message-wrapper .main .msg-item .time[data-v-ccd59402]{text-align:center;font-size:12px;margin:7px auto;color:#a3a7ae}.right .texbox .message .message-wrapper .main .msg-item .conter[data-v-ccd59402]{display:flex}.right .texbox .message .message-wrapper .main .msg-item .direction[data-v-ccd59402]{flex-direction:row-reverse}.right .texbox .message .message-wrapper .main .msg-item .direction .message-box-card[data-v-ccd59402]{margin-right:11px}.right .texbox .message .message-wrapper .main .msg-item .direction .card1[data-v-ccd59402]{text-align:left!important}.right .texbox .message .message-wrapper .main .msg-item .avator-box img[data-v-ccd59402]{width:30px;height:30px;border-radius:50%;background-color:#fff}.right .texbox .message .message-wrapper .main .msg-item .message-box .message-box-card[data-v-ccd59402]{margin-left:11px;background:#fff;border:1px solid #e5e5e5;position:relative;max-width:450px;margin-top:1px;border-radius:5px;box-shadow:0 1px 1px rgba(0,0,0,.05);word-wrap:break-word;white-space:normal;word-break:break-all}.right .texbox .message .message-wrapper .main .msg-item .message-box .message-box-card .img-preview-list[data-v-ccd59402]{padding:10px 30px 10px 10px}.right .texbox .message .message-wrapper .main .msg-item .message-box .message-box-card[data-v-ccd59402] .img-preview-list .img-preview{max-width:360px;max-height:300px}.right .texbox .message .message-wrapper .main .msg-item .message-box .message-box-card .card1[data-v-ccd59402]{position:relative;padding:11px 16px}.right .texbox .message .message-wrapper .main .msg-item .message-box .file-box[data-v-ccd59402]{display:flex;padding:11px 16px}.right .texbox .message .message-wrapper .main .msg-item .message-box .file-box .download[data-v-ccd59402]{position:relative;margin-left:50px;font-size:14px;color:#5184bc;cursor:pointer}.right .texbox .message .message-wrapper .main .msg-item .message-box .img-box[data-v-ccd59402]{display:flex;position:relative;padding:10px 30px 10px 10px}.right .texbox .message .message-wrapper .main .msg-item .message-box .img-box-img[data-v-ccd59402]{max-height:300px;max-width:360px}.right .texbox .message .message-wrapper .main .msg-item .message-box .download[data-v-ccd59402]{position:absolute;bottom:0;right:0;font-size:14px;color:#5184bc;cursor:pointer}.right .texbox .text[data-v-ccd59402]{position:absolute;bottom:0;left:0;right:0;z-index:1;border-top:1px solid #ddd;border-radius:0 0 5px 0;background:#eee;flex:1;padding-top:5px}.right .texbox .text .sendBox-bar[data-v-ccd59402]{position:relative;display:flex}.right .texbox .text .sendBox-bar div[data-v-ccd59402]{margin-left:20px;cursor:pointer}.right .texbox .text .sendBox-bar div .emjio[data-v-ccd59402]{width:21px}.right .texbox .text .sendBox-bar div .emjio[data-v-ccd59402] .iconfont{font-size:20px!important}.right .texbox .text .sendBox-bar div .file[data-v-ccd59402]{width:21px}.right .texbox .text .sendBox-bar div .file .iconfont[data-v-ccd59402]{font-size:20px!important}.right .texbox .text .editor[data-v-ccd59402]{color:#333;width:100%;height:88px;display:block;box-sizing:border-box;padding:0 8px 0 17px;font-size:14px;line-height:22px;background:#eee;overflow:auto;resize:none;outline:none;border:none}.right .texbox .text .sendbox_button[data-v-ccd59402]{text-align:right;margin-right:20px;margin-bottom:16px}.right .texbox .text .tips[data-v-ccd59402]{position:absolute;background-color:#fff;padding:0 10px;top:60px;right:25px;border-radius:5%;border:1px solid #ccc;box-shadow:0 4px 20px 1px rgba(0,0,0,.2)}.right .texbox .text .faceNav[data-v-ccd59402]{position:absolute;top:-180px;left:10px;display:flex;flex-flow:wrap;width:400px;padding:10px 0;background:#fff;border-radius:3px;border:1px solid #ccc;box-shadow:0 4px 20px 1px rgba(0,0,0,.2)}.right .texbox .text .faceNav .face-conter[data-v-ccd59402]{width:385px;margin:0 auto}.right .texbox .text .faceNav .face-conter .qqface[data-v-ccd59402]{align-items:center;width:21px;height:21px;cursor:pointer;-o-object-fit:cover;object-fit:cover}.msglist[data-v-ccd59402]{position:relative;width:320px;right:auto;border-radius:5px 0 0 5px;background:#33353a;height:100%}.msglist .search[data-v-ccd59402]{padding:12px 16px 13px 16px;border-bottom:1px solid #404247}.msglist .search .search-wrapper[data-v-ccd59402]{position:relative;box-sizing:border-box;height:32px;width:100%;border-radius:5px;background-color:hsla(0,0%,50.3%,.2)}.msglist .search .align-items_c[data-v-ccd59402]{display:flex;flex-flow:row nowrap;align-items:center}.msglist .search .searchInput[data-v-ccd59402]{height:32px;width:92%;position:relative;background-color:transparent;caret-color:#fff;color:#ccc!important;font-size:14px;padding:6px 0 6px 6px;border:none;outline:none}.msglist .chatlist[data-v-ccd59402]{position:absolute;top:58px;right:0;left:0;bottom:0}.msglist .chatlist .list-empty[data-v-ccd59402]{position:absolute;color:#fff;top:50%;left:50%;transform:translate(-50%,-50%)}.msglist .chatlist .happy-scroll[data-v-ccd59402]{width:100%;height:100%;overflow:auto;position:relative}.msglist .chatlist .happy-scroll .hvhd[data-v-ccd59402]{cursor:pointer}.msglist .chatlist .happy-scroll .chatlist-item[data-v-ccd59402]{display:flex;align-items:center;padding:20px 0 20px 0;border-bottom:1px solid #2c2e31}.msglist .chatlist .happy-scroll .chatlist-item .avator-box[data-v-ccd59402]{width:50px;height:50px;margin:0 15px 0 18px}.msglist .chatlist .happy-scroll .chatlist-item .avator-box .avatar[data-v-ccd59402]{width:50px;height:50px;border-radius:50%;background-color:#fff}.msglist .chatlist .happy-scroll .chatlist-item .item-rigth[data-v-ccd59402]{flex:1}.msglist .chatlist .happy-scroll .chatlist-item .item-rigth .name[data-v-ccd59402]{display:flex;position:relative;color:#fff}.msglist .chatlist .happy-scroll .chatlist-item .item-rigth .name p[data-v-ccd59402]{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msglist .chatlist .happy-scroll .chatlist-item .item-rigth .name .time[data-v-ccd59402]{position:absolute;color:#fff;right:15px;font-size:12px}.msglist .chatlist .happy-scroll .chatlist-item .item-rigth .msg[data-v-ccd59402]{margin-top:6px;color:#fff;display:flex}.msglist .chatlist .happy-scroll .chatlist-item .item-rigth .msg p[data-v-ccd59402]{box-sizing:border-box;width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msglist .chatlist .happy-scroll .chatlist-item .item-rigth .msg .unReadNum[data-v-ccd59402]{margin-left:10px;background:red;min-width:20px;min-height:20px;text-align:center;line-height:20px;border-radius:50%;font-size:14px}.msglist .chatlist .happy-scroll .chatlist-item[data-v-ccd59402]:hover{background-color:#3a3c42}.msglist .chatlist .happy-scroll .active[data-v-ccd59402]{background-color:#4b4b50}.msglist .chatlist .happy-scroll[data-v-ccd59402]::-webkit-scrollbar{display:none}.msglist .chatlist .happy-scroll[data-v-ccd59402]{scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden;overflow-y:auto}