.custom-chat[data-v-524aba41]{height:calc(100% - 100px);width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;background:#f5f5f5;overflow:hidden}.custom-chat .chat-sidebar[data-v-524aba41]{width:20%;height:100%;border-right:1px solid #e8e8e8;background:#fff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.custom-chat .chat-sidebar .chat-tabs[data-v-524aba41]{display:-ms-flexbox;display:flex;height:50px;line-height:50px;border-bottom:1px solid #e8e8e8}.custom-chat .chat-sidebar .chat-tabs .tab-item[data-v-524aba41]{-ms-flex:1;flex:1;text-align:center;cursor:pointer;font-size:16px;transition:all .3s}.custom-chat .chat-sidebar .chat-tabs .tab-item.active[data-v-524aba41]{color:#1890ff;border-bottom:2px solid #1890ff}.custom-chat .chat-sidebar .session-list[data-v-524aba41]{overflow-y:auto;height:calc(100vh - 180px)}.custom-chat .chat-sidebar .session-list .ant-list-item[data-v-524aba41]{cursor:pointer;padding:12px 16px;transition:background .3s}.custom-chat .chat-sidebar .session-list .ant-list-item[data-v-524aba41]:hover{background:#f0f7ff}.custom-chat .chat-sidebar .session-list .ant-list-item.selected[data-v-524aba41]{background:#e6f7ff;border-left:3px solid #1890ff}.custom-chat .chat-sidebar .session-list .ant-list-item .ant-list-item-meta[data-v-524aba41]{-ms-flex-align:center;align-items:center}.custom-chat .chat-sidebar .session-list .ant-list-item .ant-list-item-meta .session-title[data-v-524aba41]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%}.custom-chat .chat-sidebar .session-list .ant-list-item .ant-list-item-meta .session-title .cust-name[data-v-524aba41]{font-weight:500}.custom-chat .chat-sidebar .session-list .ant-list-item .ant-list-item-meta .session-title .last-time[data-v-524aba41]{color:#999;font-size:12px}.custom-chat .chat-sidebar .session-list .ant-list-item .ant-list-item-meta .session-desc[data-v-524aba41]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%}.custom-chat .chat-sidebar .session-list .ant-list-item .ant-list-item-meta .session-desc .last-message[data-v-524aba41]{color:#666;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.custom-chat .chat-sidebar .session-list .ant-list-item .ant-list-item-meta .session-desc .unread-badge[data-v-524aba41]{margin-left:8px}.custom-chat .chat-sidebar .session-list .empty-tip[data-v-524aba41]{text-align:center;color:#999;padding:20px}.custom-chat .chat-main[data-v-524aba41]{height:100%;width:70%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background:#f0f2f5;overflow:hidden}.custom-chat .chat-main .message-list[data-v-524aba41]{height:calc(100vh - 330px);overflow-y:auto;background:#f9f9f9}.custom-chat .chat-main .message-list .session-header[data-v-524aba41]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:12px 20px;background:#fff;border-bottom:1px solid #e8e8e8;position:sticky;top:0;z-index:10}.custom-chat .chat-main .message-list .session-header .session-cust-name[data-v-524aba41]{margin-left:8px;font-weight:500;font-size:16px}.custom-chat .chat-main .message-list .session-header .session-status[data-v-524aba41]{margin-left:12px;font-size:12px;color:#999}.custom-chat .chat-main .message-list .messages-container[data-v-524aba41]{padding:20px}.custom-chat .chat-main .message-list .messages-container .message-item[data-v-524aba41]{display:-ms-flexbox;display:flex;margin-bottom:20px}.custom-chat .chat-main .message-list .messages-container .message-item.self[data-v-524aba41]{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.custom-chat .chat-main .message-list .messages-container .message-item.self .message-content-wrapper[data-v-524aba41]{-ms-flex-align:end;align-items:flex-end}.custom-chat .chat-main .message-list .messages-container .message-item.self .message-bubble[data-v-524aba41]{background:#95ec69}.custom-chat .chat-main .message-list .messages-container .message-item .message-avatar[data-v-524aba41]{width:40px;height:40px;margin-right:12px;margin-left:0}.custom-chat .chat-main .message-list .messages-container .message-item .self-avatar[data-v-524aba41]{margin-left:12px;margin-right:0}.custom-chat .chat-main .message-list .messages-container .message-item .message-content-wrapper[data-v-524aba41]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-width:60%}.custom-chat .chat-main .message-list .messages-container .message-item .message-content-wrapper .message-bubble[data-v-524aba41]{background:#fff;padding:8px 12px;border-radius:18px;box-shadow:0 1px 3px rgba(0,0,0,.1);word-break:break-word}.custom-chat .chat-main .message-list .messages-container .message-item .message-content-wrapper .message-time[data-v-524aba41]{font-size:11px;color:#bbb;margin-top:4px}.custom-chat .chat-main .message-list .no-session-tip[data-v-524aba41]{text-align:center;color:#999;margin-top:50px}.custom-chat .chat-main .chat-input-area[data-v-524aba41]{height:200px;padding:16px;background:#fff;border-top:1px solid #e8e8e8;display:-ms-flexbox;display:flex}.custom-chat .chat-main .chat-input-area .ant-input[data-v-524aba41]{-ms-flex:1;flex:1;border-radius:20px;padding-right:80px}.custom-chat .chat-main .chat-input-area .ant-btn[data-v-524aba41]{position:absolute;right:4px;top:50%;transform:translateY(-50%);border-radius:20px}.custom-chat .chat-main .chat-input-area .ant-input-affix-wrapper[data-v-524aba41]{position:relative;-ms-flex:1;flex:1}