.serviceMain[data-v-2b6077b5]{padding:16px;background-color:#f5f7fa;height:100vh;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.serviceMain .serviceMain>.el-row[data-v-2b6077b5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0}.serviceMain .sidebar[data-v-2b6077b5]{background-color:#fff;border-radius:6px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.08);box-shadow:0 2px 12px rgba(0,0,0,.08);padding:12px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:12px}.serviceMain .sidebar .sidebar-header[data-v-2b6077b5]{margin-bottom:16px}.serviceMain .sidebar .sidebar-header .icon[data-v-2b6077b5]{cursor:pointer;width:26px;height:26px;line-height:26px;text-align:center;border-radius:50%;background-color:#f8f9fa;color:#409eff;-webkit-transition:all .3s ease;transition:all .3s ease}.serviceMain .sidebar .sidebar-header .icon[data-v-2b6077b5]:hover{background-color:#409eff;color:#fff}.serviceMain .sidebar .sidebar-header .status-btn[data-v-2b6077b5]{cursor:pointer;width:26px;height:26px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.serviceMain .sidebar .sidebar-header .status-btn.online[data-v-2b6077b5]{background-color:rgba(103,194,58,.1);border-radius:50%}.serviceMain .sidebar .sidebar-header .status-btn.offline[data-v-2b6077b5]{background-color:rgba(144,147,153,.1);border-radius:50%}.serviceMain .sidebar .sidebar-header .status-btn img[data-v-2b6077b5]{width:18px}.serviceMain .sidebar .wait-section[data-v-2b6077b5]{margin-bottom:16px}.serviceMain .sidebar .wait-section .wait-btn[data-v-2b6077b5]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:rgba(103,194,58,.1);color:#67c23a;border-color:#67c23a}.serviceMain .sidebar .wait-section .wait-btn i[data-v-2b6077b5]{margin-right:4px}.serviceMain .sidebar .wait-section .user-dropdown .dropdown-item[data-v-2b6077b5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 12px}.serviceMain .sidebar .wait-section .user-dropdown .dropdown-item .user-avatar-sm[data-v-2b6077b5]{width:24px;height:24px;border-radius:50%;margin-right:8px}.serviceMain .sidebar .wait-section .user-dropdown .dropdown-item .user-name[data-v-2b6077b5]{font-size:13px}.serviceMain .sidebar .serving-section[data-v-2b6077b5]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto}.serviceMain .sidebar .serving-section .serving-title[data-v-2b6077b5]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:8px;background-color:rgba(64,158,255,.1);color:#409eff;border-color:#409eff}.serviceMain .sidebar .serving-section .serving-title i[data-v-2b6077b5]{margin-right:4px}.serviceMain .sidebar .serving-section .user-item[data-v-2b6077b5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px;margin-bottom:4px;border-radius:6px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.serviceMain .sidebar .serving-section .user-item.active[data-v-2b6077b5],.serviceMain .sidebar .serving-section .user-item[data-v-2b6077b5]:hover{background-color:#409eff;color:#fff}.serviceMain .sidebar .serving-section .user-item .user-avatar[data-v-2b6077b5]{width:30px;height:30px;border-radius:50%;margin-right:8px}.serviceMain .sidebar .serving-section .user-item .user-nickname[data-v-2b6077b5]{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.serviceMain .sidebar .serving-section .user-item .msg-badge[data-v-2b6077b5]{margin-right:8px}.serviceMain .chat-section[data-v-2b6077b5]{background-color:#fff;border-radius:6px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.08);box-shadow:0 2px 12px rgba(0,0,0,.08);padding:16px;height:calc(100vh - 58px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.serviceMain .chat-section .chat-header[data-v-2b6077b5]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e6e6e6}.serviceMain .chat-section .chat-header .user-info[data-v-2b6077b5],.serviceMain .chat-section .chat-header[data-v-2b6077b5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.serviceMain .chat-section .chat-header .user-info .chat-avatar[data-v-2b6077b5]{width:32px;height:32px;border-radius:50%;margin-right:8px}.serviceMain .chat-section .chat-header .user-info .chat-nickname[data-v-2b6077b5]{font-weight:500;font-size:16px}.serviceMain .chat-section .chat-header .chat-actions .action-btn[data-v-2b6077b5]{color:#409eff;padding:0 8px}.serviceMain .chat-section .chat-header .chat-actions .action-btn[data-v-2b6077b5]:hover{color:#66b1ff}.serviceMain .chat-section .chat-content[data-v-2b6077b5]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:8px;background-color:#f8f9fa;border-radius:6px;margin-bottom:12px;position:relative}.serviceMain .chat-section .chat-content .preview-container[data-v-2b6077b5]{position:absolute;top:10px;right:10px;z-index:10}.serviceMain .chat-section .chat-content .preview-container .preview-img[data-v-2b6077b5]{width:100px;height:100px;-o-object-fit:cover;object-fit:cover;border-radius:4px;border:2px solid #409eff}.serviceMain .chat-section .chat-content .msg-item[data-v-2b6077b5]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:12px}.serviceMain .chat-section .chat-content .msg-item.left[data-v-2b6077b5]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.serviceMain .chat-section .chat-content .msg-item.left .msg-bubble[data-v-2b6077b5]{margin-left:8px;background-color:#fff}.serviceMain .chat-section .chat-content .msg-item.right[data-v-2b6077b5]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.serviceMain .chat-section .chat-content .msg-item.right .msg-bubble[data-v-2b6077b5]{margin-right:8px;background-color:#409eff;color:#fff}.serviceMain .chat-section .chat-content .msg-item .msg-avatar[data-v-2b6077b5]{width:36px;height:36px;border-radius:50%;-ms-flex-negative:0;flex-shrink:0}.serviceMain .chat-section .chat-content .msg-item .msg-bubble[data-v-2b6077b5]{max-width:70%;border-radius:6px;padding:8px 12px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)}.serviceMain .chat-section .chat-content .msg-item .msg-bubble .msg-time[data-v-2b6077b5]{font-size:11px;color:#999;margin-bottom:4px;opacity:.7}.serviceMain .chat-section .chat-content .msg-item .msg-bubble .msg-content .msg-img[data-v-2b6077b5]{max-width:100%;border-radius:4px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.serviceMain .chat-section .chat-content .msg-item .msg-bubble .msg-content .msg-img[data-v-2b6077b5]:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.serviceMain .chat-section .chat-content .msg-item .msg-bubble .msg-content .msg-audio[data-v-2b6077b5],.serviceMain .chat-section .chat-content .msg-item .msg-bubble .msg-content .msg-video[data-v-2b6077b5]{max-width:100%;border-radius:4px}.serviceMain .chat-section .chat-content[data-v-2b6077b5]::-webkit-scrollbar{width:6px}.serviceMain .chat-section .chat-content[data-v-2b6077b5]::-webkit-scrollbar-track{background:#f8f9fa;border-radius:3px}.serviceMain .chat-section .chat-content[data-v-2b6077b5]::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.serviceMain .chat-section .chat-content[data-v-2b6077b5]::-webkit-scrollbar-thumb:hover{background:#bbb}.serviceMain .chat-section .empty-chat[data-v-2b6077b5]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#f8f9fa;border-radius:6px;color:#909399}.serviceMain .chat-section .empty-chat .empty-icon[data-v-2b6077b5]{font-size:48px;margin-bottom:12px;opacity:.3}.serviceMain .chat-section .empty-chat .empty-text[data-v-2b6077b5]{font-size:14px}.serviceMain .chat-section .chat-input .toolbar[data-v-2b6077b5]{margin-bottom:8px;padding:4px 8px;background-color:#f8f9fa;border-radius:6px}.serviceMain .chat-section .chat-input .toolbar .tool-icon[data-v-2b6077b5]{cursor:pointer;margin-right:12px;color:#909399;-webkit-transition:all .3s ease;transition:all .3s ease;font-size:16px}.serviceMain .chat-section .chat-input .toolbar .tool-icon[data-v-2b6077b5]:hover{color:#409eff}.serviceMain .chat-section .chat-input .msg-input[data-v-2b6077b5]{width:100%}.serviceMain .chat-section .chat-input .msg-input[data-v-2b6077b5] :deep(.el-input__inner){border-radius:6px 0 0 6px}.serviceMain .chat-section .chat-input .send-btn[data-v-2b6077b5]{border-radius:0 6px 6px 0}.serviceMain .user-detail-panel[data-v-2b6077b5]{background-color:#f8f9fa;border-left:1px solid #e6e6e6;padding:16px;overflow-y:auto}.serviceMain .user-detail-panel .panel-title[data-v-2b6077b5]{font-weight:700;margin-bottom:16px;color:#409eff;font-size:16px}.serviceMain .user-detail-panel .detail-item[data-v-2b6077b5]{margin-bottom:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.serviceMain .user-detail-panel .detail-item label[data-v-2b6077b5]{font-size:12px;color:#666;margin-bottom:4px}.serviceMain .user-detail-panel .detail-item .value[data-v-2b6077b5]{font-size:14px;word-break:break-all;color:#333}.serviceMain .custom-dialog[data-v-2b6077b5] :deep(.el-dialog){border-radius:6px;-webkit-box-shadow:0 5px 20px rgba(0,0,0,.15);box-shadow:0 5px 20px rgba(0,0,0,.15)}.serviceMain .custom-dialog[data-v-2b6077b5] :deep(.el-dialog__header){border-bottom:1px solid #e6e6e6;padding-bottom:12px}.serviceMain .custom-dialog[data-v-2b6077b5] :deep(.el-dialog__body){padding:20px}.serviceMain .custom-dialog .config-form[data-v-2b6077b5]{margin-bottom:16px}.serviceMain .custom-dialog .qrcode-container[data-v-2b6077b5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px}.serviceMain .custom-dialog .qrcode-container .qrcode[data-v-2b6077b5]{margin-bottom:12px}.serviceMain .custom-dialog .qrcode-container .qrCodeNote[data-v-2b6077b5]{color:#f56c6c;font-size:14px;font-weight:500}.serviceMain .custom-dialog .feedback-header[data-v-2b6077b5]{margin-bottom:12px}.serviceMain .custom-dialog .feedback-table[data-v-2b6077b5] :deep(.el-table){--el-table-header-text-color:#909399;--el-table-row-hover-bg-color:rgba(64,158,255,0.05)}.serviceMain .custom-dialog .feedback-table .del-btn[data-v-2b6077b5]{color:#f56c6c}.serviceMain .custom-dialog .feedback-form[data-v-2b6077b5] :deep(.el-form-item__label){font-weight:500}.serviceMain .custom-dialog .dialog-footer[data-v-2b6077b5]{text-align:right;padding-top:16px;border-top:1px solid #e6e6e6;margin-top:8px}@media (max-width:768px){.serviceMain .serviceMain>.el-row[data-v-2b6077b5]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.serviceMain .sidebar[data-v-2b6077b5]{height:40vh;margin-right:0;margin-bottom:12px}.serviceMain .chat-section[data-v-2b6077b5]{height:calc(60vh - 12px)}}