.record-box[data-v-476ce768]{display:flex;flex-direction:column}.record-box .no-more[data-v-476ce768]{text-align:center;color:#999;font-size:12px}.record-box .l-msg[data-v-476ce768],.record-box .r-msg[data-v-476ce768]{width:100%;display:flex}.record-box .l-msg .avatar[data-v-476ce768],.record-box .r-msg .avatar[data-v-476ce768]{width:41px;height:41px;position:relative;top:17px}.record-box .l-msg .avatar img[data-v-476ce768],.record-box .r-msg .avatar img[data-v-476ce768]{height:100%;width:100%}.record-box .l-msg .message[data-v-476ce768],.record-box .r-msg .message[data-v-476ce768]{position:relative;max-width:70%}.record-box .l-msg .time[data-v-476ce768],.record-box .r-msg .time[data-v-476ce768]{color:#a6a6a6;font-size:12px;margin-bottom:2px}.record-box .l-msg .msg[data-v-476ce768],.record-box .r-msg .msg[data-v-476ce768]{font-size:13px;color:#333;line-height:20px;border-radius:4px;padding:10px 12px;white-space:normal;word-break:break-all;margin-bottom:15px;position:relative;min-height:40px}.record-box .l-msg .msg.msg-img[data-v-476ce768],.record-box .r-msg .msg.msg-img[data-v-476ce768]{cursor:pointer}.record-box .l-msg .msg[data-v-476ce768]{float:left;background-color:#fff}.record-box .l-msg .msg[data-v-476ce768]:after{position:absolute;left:-8px;top:8px;content:"";border-right:10px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent}.record-box .l-msg .avatar[data-v-476ce768]{margin-right:10px}.record-box .r-msg[data-v-476ce768]{flex-direction:row-reverse}.record-box .r-msg .time[data-v-476ce768]{text-align:right}.record-box .r-msg .msg[data-v-476ce768]{float:right;background-color:#d7ebff}.record-box .r-msg .msg[data-v-476ce768]:after{position:absolute;right:-8px;top:8px;content:"";border-left:10px solid #d7ebff;border-top:8px solid transparent;border-bottom:8px solid transparent}.record-box .r-msg .avatar[data-v-476ce768]{margin-left:10px;float:right}[data-v-476ce768] .el-image__error{display:none}.chat-list .user-item[data-v-2c4923c2]{display:flex;padding:10px;height:61px;cursor:pointer;border-bottom:1px solid #eee}.chat-list .user-item .user-header[data-v-2c4923c2]{width:40px}.chat-list .user-item .user-header img[data-v-2c4923c2]{width:100%;height:100%;border-radius:50%}.chat-list .user-item .user-info[data-v-2c4923c2]{margin-left:10px;flex:1;max-width:calc(100% - 50px)}.chat-list .user-item .user-info .user-detail[data-v-2c4923c2]{display:flex;justify-content:space-between}.chat-list .user-item .user-info .user-detail .name[data-v-2c4923c2]{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-list .user-item .user-info .user-detail .time[data-v-2c4923c2]{font-size:12px;color:#aaa}.chat-list .user-item .user-info .user-msg[data-v-2c4923c2]{color:#aaa;font-size:12px;margin-top:5px}.chat-list .user-item .user-info .user-msg .msg[data-v-2c4923c2]{display:inline-block;width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-list .user-item .user-info .user-msg .unread[data-v-2c4923c2]{float:right}.chat-list .user-item .user-info .user-msg .unread span[data-v-2c4923c2]{background-color:#f56c6c;border-radius:10px;color:#fff;display:inline-block;font-size:12px;height:18px;line-height:18px;padding:0 5px;text-align:center;white-space:nowrap;border:1px solid #fff}.chat-list .user-item.active-chat[data-v-2c4923c2]{background-color:#e5f1ff;position:relative}.chat-list .user-item.active-chat[data-v-2c4923c2]:after{content:"";position:absolute;width:5px;height:100%;background-color:#2494ff;right:0;top:0}.chat-edit[data-v-310ca8d2]{height:200px;background-color:#fff;border-bottom:1px solid #eee;border-right:1px solid #eee}.chat-edit .types[data-v-310ca8d2]{font-size:30px;margin-top:1px solid #eee}.chat-edit .types svg[data-v-310ca8d2]{padding:5px;cursor:pointer}.chat-edit textarea[data-v-310ca8d2]{display:block;border:0;resize:none;width:100%;height:62%;outline:none;padding:10px;padding-top:0}.chat-edit textarea[data-v-310ca8d2]::-webkit-scrollbar{width:5px;height:1px}.chat-edit textarea[data-v-310ca8d2]::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#999}.chat-edit textarea[data-v-310ca8d2]::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}.chat-edit .send[data-v-310ca8d2]{margin-right:20px;text-align:right}.emoji-list[data-v-310ca8d2]{display:flex;flex-wrap:wrap}.emoji-list li[data-v-310ca8d2]:hover{background-color:#ccc}.upload-img .el-image[data-v-310ca8d2]{width:400px;height:400px}.upload-img .el-image img[data-v-310ca8d2]{width:100%;height:100%}.chat-system[data-v-d3336904]{display:flex;width:100%;height:100%;background-color:#f9f9f9}.chat-system .chat-list[data-v-d3336904]{width:300px}.chat-system .chat-list .self[data-v-d3336904]{text-align:center;height:60px;line-height:60px;color:#333;font-weight:700;font-size:18px;background-color:#e5f1ff;border-bottom:1px solid #fff}.chat-system .chat-list .list[data-v-d3336904]{height:calc(100vh - 212px);background-color:#fff;overflow-y:auto;overflow-x:hidden;border:1px solid #eee}.chat-system .chat-list .list[data-v-d3336904]::-webkit-scrollbar{width:5px;height:1px}.chat-system .chat-list .list[data-v-d3336904]::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#999}.chat-system .chat-list .list[data-v-d3336904]::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}.chat-system .chat-wrap[data-v-d3336904]{flex:1}.chat-system .chat-wrap .chat-user[data-v-d3336904]{height:60px;background-color:#fff;line-height:60px;font-size:18px;padding-left:10px;border:1px solid #eee}.chat-system .chat-wrap .chat-user .user-form[data-v-d3336904]{font-size:12px;color:#999}.chat-system .chat-wrap .chat-box[data-v-d3336904]{height:calc(100vh - 212px);display:flex;flex-direction:column}.chat-system .chat-wrap .chat-box .chat-record[data-v-d3336904]{flex:1;padding:20px;display:flex;flex-direction:column;overflow-y:auto}.chat-system .chat-wrap .chat-box .chat-record[data-v-d3336904]::-webkit-scrollbar{width:5px;height:1px}.chat-system .chat-wrap .chat-box .chat-record[data-v-d3336904]::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#999}.chat-system .chat-wrap .chat-box .chat-record[data-v-d3336904]::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}.chat-system .chat-wrap .chat-box .chat-edit[data-v-d3336904]{height:200px;background-color:#fff;border-bottom:1px solid #eee;border-right:1px solid #eee}.chat-system .chat-wrap .chat-box .chat-edit textarea[data-v-d3336904]{display:block;border:0;resize:none;width:100%;height:80%;outline:none;padding:10px}.chat-system .chat-wrap .chat-box .chat-edit textarea[data-v-d3336904]::-webkit-scrollbar{width:5px;height:1px}.chat-system .chat-wrap .chat-box .chat-edit textarea[data-v-d3336904]::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#999}.chat-system .chat-wrap .chat-box .chat-edit textarea[data-v-d3336904]::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}.chat-system .chat-wrap .chat-box .chat-edit .send[data-v-d3336904]{margin-right:20px;text-align:right}.chat-system .chat-info[data-v-d3336904]{background-color:#fff}.chat-system .scrollbar[data-v-d3336904]{width:10px;height:300px;margin:0 auto}