.chat-list-container[data-v-961efda2]{background-color:#fff;border-right:1px solid #f0f0f0;flex-direction:column;width:320px;height:100%;display:flex;position:relative}.chat-list-container .title-box[data-v-961efda2]{align-items:center;padding:12px 0 0 15px;font-size:14px;display:flex}.chat-list-container .title-box .title-text[data-v-961efda2]{color:#1a1a1a;margin-left:5px;font-size:20px;font-weight:600;line-height:20px}.chat-list-container .search-box[data-v-961efda2]{padding:12px}.chat-list-container .search-box .search-input-wrapper[data-v-961efda2]{color:#c2c4cc;box-sizing:border-box;background-color:#f5f6fa;border-radius:8px;align-items:center;height:46px;padding:8px;display:flex}.chat-list-container .search-box .search-input-wrapper .search-icon[data-v-961efda2]{color:#9a9a9a;margin-top:4px;margin-right:8px}.chat-list-container .search-box .search-input-wrapper .search-input[data-v-961efda2]{flex:1}.chat-list-container .list-content[data-v-961efda2]{background-color:#fff;flex:1;margin-left:12px;margin-right:12px;overflow-y:auto}.chat-list-container .list-content[data-v-961efda2]::-webkit-scrollbar{width:4px}.chat-list-container .list-content[data-v-961efda2]::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.chat-list-container .list-content .empty-wrapper[data-v-961efda2],.chat-list-container .list-content .loading-wrapper[data-v-961efda2]{color:#999;justify-content:center;align-items:center;height:100px;font-size:14px;display:flex}.chat-list-container .list-content .chat-item[data-v-961efda2]{cursor:pointer;border-radius:8px;padding:10px;transition:background-color .2s;display:flex}.chat-list-container .list-content .chat-item[data-v-961efda2]:hover{background-color:#edf3fa;border-radius:8px}.chat-list-container .list-content .chat-item.active[data-v-961efda2]{background-color:#fff5e8;border-radius:8px}.chat-list-container .list-content .chat-item .avatar-wrapper[data-v-961efda2]{margin-right:12px;position:relative}.chat-list-container .list-content .chat-item .avatar-wrapper .avatar[data-v-961efda2]{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:44px;height:44px}.chat-list-container .list-content .chat-item .avatar-wrapper .badge[data-v-961efda2]{color:#fff;text-align:center;background-color:#ff4d4f;border-radius:10px;min-width:16px;padding:2px 5px;font-size:10px;position:absolute;top:-5px;right:-5px}.chat-list-container .list-content .chat-item .info-wrapper[data-v-961efda2]{flex-direction:column;flex:1;justify-content:center;display:flex;overflow:hidden}.chat-list-container .list-content .chat-item .info-wrapper .top-row[data-v-961efda2]{justify-content:space-between;margin-bottom:4px;display:flex}.chat-list-container .list-content .chat-item .info-wrapper .top-row .name[data-v-961efda2]{color:#1a1a1a;text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:16px;overflow:hidden}.chat-list-container .list-content .chat-item .info-wrapper .top-row .time[data-v-961efda2]{color:#999;flex-shrink:0;font-size:12px}.chat-list-container .list-content .chat-item .info-wrapper .bottom-row .last-msg[data-v-961efda2]{color:#999;white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.search-list[data-v-961efda2]{z-index:999;background-color:#fff;border-radius:10px;width:300px;min-height:50px;max-height:70vh;padding:0 15px;position:absolute;top:100px;left:30px;overflow-y:auto;box-shadow:0 2px 8px #0000001a}.search-list .search-item .title[data-v-961efda2]{color:#1a1a1a;padding:10px 0;font-size:14px}.search-list .search-item .empty-tip[data-v-961efda2]{color:#999;text-align:center;border-bottom:1px solid #f0f0f0;padding:15px 0;font-size:13px}.search-list .search-item:last-child .empty-tip[data-v-961efda2]{border-bottom:none}.search-list .search-item .list[data-v-961efda2]{border-bottom:1px solid #f0f0f0;padding:5px 0}.search-list .search-item .list[data-v-961efda2]::last-child{border-bottom:none}.search-list .search-item .list .item[data-v-961efda2]{align-items:center;padding:10px 0;display:flex}.search-list .search-item .list .item .avatar[data-v-961efda2]{border-radius:50%;width:40px;height:40px;margin-right:10px}.search-list .search-item .list .item .avatar img[data-v-961efda2]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.search-list .search-item .list .item .info[data-v-961efda2]{flex:1}.search-list .search-item .list .item .info .name[data-v-961efda2]{color:#333;text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:14px;display:block;overflow:hidden}.search-list .search-item .list .item .info .content[data-v-961efda2]{justify-content:space-between;align-items:center;width:100%;margin-top:12px;display:flex}.search-list .search-item .list .item .info .content .text[data-v-961efda2]{color:#999;text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:12px;display:block;overflow:hidden}.search-list .search-item .list .item .info .content .time[data-v-961efda2]{font-size:12px}