.page-main-content[data-v-84b752e8]{background:#fff}.select-trigger[data-v-84b752e8]{max-height:120px;overflow:scroll}.el-select__tags[data-v-84b752e8]{max-height:120px!important;overflow:scroll}textarea[data-v-84b752e8]{resize:none;padding:10px;box-sizing:border-box;border:0;background-color:#eee;border-radius:10px}textarea[data-v-84b752e8]:focus{border:0}.chat-container[data-v-84b752e8]{display:flex;height:calc(100vh - 120px);max-height:calc(100vh - 120px);border:1px solid #ebeef5}.user-list[data-v-84b752e8]{width:30%;border-right:1px solid #ebeef5;display:flex;flex-direction:column}.search-box[data-v-84b752e8]{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #ebeef5}.user-items[data-v-84b752e8]{flex:1;overflow-y:auto}.user-item[data-v-84b752e8]{display:flex;padding:12px;cursor:pointer;align-items:center;position:relative}.user-item[data-v-84b752e8]:hover{background-color:#f5f7fa}.user-item.active[data-v-84b752e8]{background-color:#ecf5ff}.user-info[data-v-84b752e8]{margin-left:10px;flex:1;overflow:hidden}.username[data-v-84b752e8]{font-weight:700;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.last-message[data-v-84b752e8]{color:#909399;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-count[data-v-84b752e8]{background-color:#f56c6c;color:#fff;border-radius:10px;padding:2px 6px;font-size:12px}.chat-box[data-v-84b752e8]{width:70%;display:flex;flex-direction:column}.chat-content[data-v-84b752e8]{display:flex;flex-direction:column;height:100%}.chat-header[data-v-84b752e8]{padding:15px;border-bottom:1px solid #ebeef5;display:flex;align-items:center}.chat-header .username[data-v-84b752e8]{margin-left:10px;font-size:16px}.message-list[data-v-84b752e8]{flex:1;padding:15px;overflow-y:auto}.message-item[data-v-84b752e8]{margin-bottom:15px;display:flex}.message-item.is-customer[data-v-84b752e8]{justify-content:flex-end}.message-content[data-v-84b752e8]{max-width:70%;padding:5px 10px;border-radius:4px;background-color:#f5f7fa;position:relative}.message-item.is-customer .message-content[data-v-84b752e8]{background-color:#409eff;color:#fff}.message-text[data-v-84b752e8]{word-break:break-word}.message-time[data-v-84b752e8]{font-size:12px;color:#909399;margin-top:5px;text-align:right}.message-item.is-customer .message-time[data-v-84b752e8]{color:hsla(0,0%,100%,.7)}.message-input[data-v-84b752e8]{padding:15px;border-top:1px solid #ebeef5}.chat-send-input[data-v-84b752e8]{min-width:80%;padding:5px 10px;box-sizing:border-box;background:#f2f2f2;color:#000;resize:none;border:0;outline:none;word-break:break-word;overflow-y:scroll;white-space:nowrap;overflow-x:auto}.chat-send-input[data-v-84b752e8]:before{content:attr(default-placeholder);color:#9b9898;position:absolute;cursor:text;font-size:14px}.empty-chat[data-v-84b752e8]{display:flex;align-items:center;justify-content:center;height:100%}.choose-img[data-v-84b752e8]{aspect-ratio:1.2/1;max-height:300px}textarea[data-v-6165d1cc]{resize:none;padding:10px;box-sizing:border-box;border:0;background-color:#eee;border-radius:10px}textarea[data-v-6165d1cc]:focus{border:0}.chat-container[data-v-6165d1cc]{display:flex;height:calc(100vh - 120px);max-height:calc(100vh - 120px);border:1px solid #ebeef5}.user-list[data-v-6165d1cc]{width:30%;border-right:1px solid #ebeef5;display:flex;flex-direction:column}.search-box[data-v-6165d1cc]{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #ebeef5}.user-items[data-v-6165d1cc]{flex:1;overflow-y:auto}.user-item[data-v-6165d1cc]{display:flex;padding:12px;cursor:pointer;align-items:center;position:relative}.user-item[data-v-6165d1cc]:hover{background-color:#f5f7fa}.user-item.active[data-v-6165d1cc]{background-color:#ecf5ff}.user-info[data-v-6165d1cc]{margin-left:10px;flex:1;overflow:hidden}.username[data-v-6165d1cc]{font-weight:700;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.last-message[data-v-6165d1cc]{color:#909399;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-count[data-v-6165d1cc]{background-color:#f56c6c;color:#fff;border-radius:10px;padding:2px 6px;font-size:12px}.chat-box[data-v-6165d1cc]{width:70%;display:flex;flex-direction:column}.chat-content[data-v-6165d1cc]{display:flex;flex-direction:column;height:100%}.chat-header[data-v-6165d1cc]{padding:15px;border-bottom:1px solid #ebeef5;display:flex;align-items:center}.chat-header .username[data-v-6165d1cc]{margin-left:10px;font-size:16px}.message-list[data-v-6165d1cc]{flex:1;padding:15px;overflow-y:auto}.message-item[data-v-6165d1cc]{margin-bottom:15px;display:flex}.message-item.is-customer[data-v-6165d1cc]{justify-content:flex-end}.message-content[data-v-6165d1cc]{max-width:70%;padding:5px 10px;border-radius:4px;background-color:#f5f7fa;position:relative}.message-item.is-customer .message-content[data-v-6165d1cc]{background-color:#409eff;color:#fff}.message-text[data-v-6165d1cc]{word-break:break-word}.message-time[data-v-6165d1cc]{font-size:12px;color:#909399;margin-top:5px;text-align:right}.message-item.is-customer .message-time[data-v-6165d1cc]{color:hsla(0,0%,100%,.7)}.message-input[data-v-6165d1cc]{padding:15px;border-top:1px solid #ebeef5}.empty-chat[data-v-6165d1cc]{display:flex;align-items:center;justify-content:center;height:100%}.choose-img[data-v-6165d1cc]{aspect-ratio:1.2/1;max-height:300px}