.im-message-item[data-v-3df8f01a]{padding:10px;margin:10px 0;transform:rotateX(-180deg)}.im-message-item .avatar[data-v-3df8f01a]{vertical-align:top}.im-message-item .info[data-v-3df8f01a]{display:inline-block;margin-left:10px;margin-right:10px}.im-message-item .info .name[data-v-3df8f01a]{color:#888}.im-message-item .info .name span[data-v-3df8f01a]{display:inline-block}.im-message-item .info .name .time[data-v-3df8f01a]{margin:0 5px;color:#cdcdcd;transform:scale(.8)}.im-message-item .info .msg[data-v-3df8f01a]{display:inline-block;min-width:300px;max-width:400px;margin-top:10px;padding:10px;font-size:13px;border-radius:0 20px 5px 20px;background-color:#fff}.im-message-item .info .thumbnail[data-v-3df8f01a]{background-color:#fff;margin-top:10px;max-width:400px;max-height:400px;min-width:200px;min-height:200px;box-sizing:border-box;border-radius:20px 0 20px 5px}.im-message-item .info .thumbnail[data-v-3df8f01a] .el-image__error{margin-top:85px;background-color:#fff}.im-message-item.isMe .name[data-v-3df8f01a],.im-message-item.isMe[data-v-3df8f01a]{direction:rtl}.im-message-item.isMe .msg[data-v-3df8f01a]{direction:ltr;background-color:#cae9ff;border-radius:20px 0 20px 5px}.im-conversation[data-v-304d85e4]{padding:10px;background-color:#fff;cursor:pointer}.im-conversation .avatar[data-v-304d85e4]{float:left;width:50px;height:50px;border-radius:10px;margin-right:10px}.im-conversation .avatar[data-v-304d85e4] .el-badge__content{line-height:15px}.im-conversation .avatar[data-v-304d85e4] .el-image{width:100%;height:100%}.im-conversation .receiver-name[data-v-304d85e4]{overflow:hidden;margin-bottom:10px;font-size:14px}.im-conversation .last-msg[data-v-304d85e4],.im-conversation .time[data-v-304d85e4]{font-size:12px;color:#999}.im-conversation .last-msg-text[data-v-304d85e4]{display:inline-block;width:193px}.im-conversation .btn-del[data-v-304d85e4]{cursor:pointer}.im-conversation .dot[data-v-304d85e4]{padding:0 5px;background-color:#f8f8f8;border-radius:3px;line-height:1}.im-conversation .time[data-v-304d85e4]{display:inline-block;transform:scale(.8);opacity:.6}.im-index[data-v-21cbb3b4]{position:relative;height:100%;min-height:600px;padding-top:3%;padding-bottom:80px;background-color:var(--bg);box-sizing:border-box}.im-box[data-v-21cbb3b4]{height:100%;border-radius:3px;box-sizing:border-box;background-color:#f5f5f5;overflow:hidden}.im-box .im-menu[data-v-21cbb3b4]{display:inline-block;position:relative;width:300px;height:100%;border-right:1px solid #ececec;overflow:hidden;vertical-align:top}.im-box .im-menu .im-menu-header[data-v-21cbb3b4]{position:absolute;top:0;left:0;right:0;z-index:10;height:65px;padding:10px;color:#fff;box-sizing:border-box;background-color:var(--mainColor)}.im-box .im-menu .im-menu-header .search-box[data-v-21cbb3b4]{margin-top:15px}.im-box .im-menu .im-menu-header .sender-avatar[data-v-21cbb3b4]{width:50px;height:50px;border-radius:50%;float:left;margin-right:10px;border:2px solid #fff}.im-box .im-menu .im-menu-header .sender-name[data-v-21cbb3b4]{font-size:16px;margin-top:5px}.im-box .im-menu .im-menu-header .sender-sub[data-v-21cbb3b4]{font-size:12px;margin-top:5px;opacity:.8}.im-box .im-menu .im-conversation-list[data-v-21cbb3b4]{width:100%;height:100%;overflow:hidden auto;padding-top:65px;padding-bottom:100px;-webkit-overflow-scrolling:touch}.im-box .im-content[data-v-21cbb3b4]{position:relative;display:inline-block;width:900px;height:100%;vertical-align:top}.im-box .im-content .im-content-header[data-v-21cbb3b4]{position:absolute;top:0;left:0;right:0;z-index:10;height:65px;padding:0 10px;background-color:#fff}.im-box .im-content .im-content-header .avatar[data-v-21cbb3b4]{margin-right:10px}.im-box .im-content .im-content-header .receiver[data-v-21cbb3b4]{display:inline-block;width:500px;margin-top:7px;color:#999}.im-box .im-content .im-content-header .receiver .receiver-name[data-v-21cbb3b4]{font-size:14px;margin-bottom:5px;margin-top:5px;color:#333}.im-box .im-content .im-content-header .trigger[data-v-21cbb3b4]{display:inline-block;padding:10px;font-size:2em;line-height:1;margin-right:10px;margin-top:10px;cursor:pointer}.im-box .im-content .im-content-list[data-v-21cbb3b4]{height:100%;padding-top:218px;padding-bottom:65px;overflow:hidden auto;box-sizing:border-box;transform:rotateX(180deg);-webkit-overflow-scrolling:touch}.im-box .im-content .im-content-list .loadTips[data-v-21cbb3b4]{text-align:center;padding:10px;transform:rotateX(180deg);color:#999}.im-box .im-content .im-content-textarea[data-v-21cbb3b4]{position:absolute;bottom:0;left:0;right:0;z-index:10;background-color:#fff}.im-box .im-content .im-content-textarea .btn-send[data-v-21cbb3b4]{position:absolute;bottom:15px;right:15px;z-index:20}.im-box .im-content .im-content-textarea[data-v-21cbb3b4] .el-textarea{padding-top:40px}.im-box .im-content .im-content-textarea[data-v-21cbb3b4] .el-textarea .el-textarea__inner{border:none;border-radius:0}.im-box .im-content .im-content-textarea .textarea-header[data-v-21cbb3b4]{position:absolute;left:0;right:0;top:0;z-index:5;background-color:#fff}.im-box .im-content .im-content-textarea .textarea-header .textarea-header-item[data-v-21cbb3b4]{position:relative;padding:10px 15px;font-size:1.8em;display:inline-block;cursor:pointer;transition:all .3s linear}.im-box .im-content .im-content-textarea .textarea-header .textarea-header-item input[data-v-21cbb3b4]{position:absolute;top:0;left:0;z-index:1;opacity:0;width:100%;height:100%;cursor:pointer}.im-box .im-content .im-content-textarea .textarea-header .textarea-header-item[data-v-21cbb3b4]:hover{color:var(--mainColor)}