.slider-tool-container[data-v-0913f1cb]{width:100%;height:100%}.slider-tool-container .slider-tool-box-header[data-v-0913f1cb]{width:100%;height:60px;display:flex;justify-content:center;align-items:center}.slider-tool-container .slider-tool-box-main[data-v-0913f1cb]{width:100%;height:calc(100% - 60px);display:flex;flex-direction:column;align-items:center;padding:10px 0}.slider-tool-container .slider-tool-box-main .slider-tool-item[data-v-0913f1cb]{width:50px;height:50px;background:hsla(0,0%,45.5%,.2);border-radius:4px;display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer}.chat-list-container[data-v-aabe1a0c]{width:100%;height:100%}.chat-list-container .chat-list-header[data-v-aabe1a0c]{width:100%;color:#f0f8ff;border-radius:8px 8px 0 0;height:50px;display:flex;align-items:center;padding:0 10px}.chat-list-container .chat-list-main[data-v-aabe1a0c]{width:100%;height:calc(100% - 50px);border-radius:0 0 0 8px;overflow-y:auto;padding:0 10px}.chat-list-container .chat-list-main[data-v-aabe1a0c]::-webkit-scrollbar{width:5px}.chat-list-container .chat-list-main[data-v-aabe1a0c]::-webkit-scrollbar-thumb{border-radius:10px;background:#ddd}.chat-list-container .chat-list-main[data-v-aabe1a0c]::-webkit-scrollbar-track{border-radius:0;background:transparent}.chat-list-container .chat-list-main .chat-list-item[data-v-aabe1a0c]{width:100%;display:flex;align-items:center;-moz-column-gap:6px;column-gap:6px;padding:10px 0;cursor:pointer;border-radius:4px}.chat-list-container .chat-list-main .chat-list-item[data-v-aabe1a0c]:hover{background:hsla(0,0%,45.5%,.2)}.chat-list-container .chat-list-main .chat-list-item .avatar[data-v-aabe1a0c]{width:40px}.chat-list-container .chat-list-main .chat-list-item .chat-info[data-v-aabe1a0c]{width:calc(100% - 40px)}.chat-list-container .chat-list-main .chat-list-item .chat-info .chat-user-info[data-v-aabe1a0c]{width:100%;display:flex;-moz-column-gap:6px;column-gap:6px;color:#999;font-size:12px;margin-bottom:8px}.chat-list-container .chat-list-main .chat-list-item .chat-info .chat-content[data-v-aabe1a0c]{width:100%;color:#fff;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.downline[data-v-f94cdc1c]{filter:grayscale(1)}.emoji-list[data-v-f94cdc1c]{width:100%;max-height:200px;display:flex;flex-flow:row wrap;-moz-column-gap:8px;column-gap:8px;row-gap:8px;overflow-y:auto;padding:8px;border-radius:4px;background:#272a37}.emoji-list[data-v-f94cdc1c]::-webkit-scrollbar{width:5px}.emoji-list[data-v-f94cdc1c]::-webkit-scrollbar-thumb{border-radius:10px;background:#ddd}.emoji-list[data-v-f94cdc1c]::-webkit-scrollbar-track{border-radius:0;background:transparent}.emoji-list .emoji-list-item[data-v-f94cdc1c]{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;border-radius:4px;cursor:pointer;padding:2px}.emoji-list .emoji-list-item img[data-v-f94cdc1c]{width:24px;height:24px}.emoji-list .emoji-list-item[data-v-f94cdc1c]:hover{background:#999}.el-tooltip__popper .user-info-box[data-v-f94cdc1c]{display:flex;-moz-column-gap:6px;column-gap:6px}.el-tooltip__popper .user-info-box .user-info[data-v-f94cdc1c]{display:flex;flex-direction:column;color:#fff;row-gap:8px}.el-tooltip__popper .user-info-box .user-info .send-message[data-v-f94cdc1c]{width:100%;padding:4px 0;border-radius:4px;text-align:center;background:hsla(0,0%,45.5%,.2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.private-chat-container[data-v-f94cdc1c]{width:100%;height:100%;border-radius:8px;background:#323644;position:relative}.private-chat-container .chat-box-header[data-v-f94cdc1c]{width:100%;color:#f0f8ff;border-radius:8px 8px 0 0;height:50px;display:flex;align-items:center;padding:0 10px;background:hsla(0,0%,45.5%,.2);position:absolute;top:0}.private-chat-container .chat-box-main[data-v-f94cdc1c]{width:100%;height:calc(100% - 100px);border-radius:0 0 0 8px;position:absolute;top:50px;bottom:50px;overflow-y:auto;padding:0 20px}.private-chat-container .chat-box-main[data-v-f94cdc1c]::-webkit-scrollbar{width:5px}.private-chat-container .chat-box-main[data-v-f94cdc1c]::-webkit-scrollbar-thumb{border-radius:10px;background:#ddd}.private-chat-container .chat-box-main[data-v-f94cdc1c]::-webkit-scrollbar-track{border-radius:0;background:transparent}.private-chat-container .chat-box-main .send-time-box[data-v-f94cdc1c]{width:100%;color:#999;font-size:12px;margin-bottom:20px;text-align:center;display:inline-block}.private-chat-container .chat-box-main .send-time-box[data-v-f94cdc1c]:first-of-type{margin-top:20px}.private-chat-container .chat-box-main .message-list-item[data-v-f94cdc1c]{display:flex;margin-bottom:20px}.private-chat-container .chat-box-main .message-list-item[data-v-f94cdc1c]:first-of-type{margin-top:20px}.private-chat-container .chat-box-main .message-list-item .avatar[data-v-f94cdc1c]{width:40px;cursor:pointer}.private-chat-container .chat-box-main .message-list-item .chat-info[data-v-f94cdc1c]{flex:1;padding:0 56px 0 12px}.private-chat-container .chat-box-main .message-list-item .chat-info .chat-user-info[data-v-f94cdc1c]{display:flex;-moz-column-gap:6px;column-gap:6px;color:#999;font-size:12px;margin-bottom:8px}.private-chat-container .chat-box-main .message-list-item .chat-info .chat-content[data-v-f94cdc1c]{width:-moz-fit-content;width:fit-content;min-height:1em;padding:8px 12px;font-size:15px;line-height:22px;color:#fff;word-break:break-word;background-color:#383c4b;border-radius:2px 18px 18px}.private-chat-container .chat-box-main .message-list-item-right[data-v-f94cdc1c]{display:flex;flex-direction:row-reverse;margin-bottom:20px}.private-chat-container .chat-box-main .message-list-item-right .avatar[data-v-f94cdc1c]{width:40px}.private-chat-container .chat-box-main .message-list-item-right .chat-info[data-v-f94cdc1c]{flex:1;display:flex;flex-direction:column;align-items:flex-end;padding:0 12px 0 56px}.private-chat-container .chat-box-main .message-list-item-right .chat-info .chat-user-info[data-v-f94cdc1c]{display:flex;-moz-column-gap:6px;column-gap:6px;color:#999;font-size:12px;margin-bottom:8px}.private-chat-container .chat-box-main .message-list-item-right .chat-info .chat-content[data-v-f94cdc1c]{width:-moz-fit-content;width:fit-content;min-height:1em;padding:8px 12px;font-size:15px;line-height:22px;color:#fff;word-break:break-word;background-color:#383c4b;border-radius:18px 2px 18px 18px}.private-chat-container .chat-box-footer[data-v-f94cdc1c]{width:100%;height:50px;border-radius:0 0 8px 8px;background:hsla(0,0%,45.5%,.2);position:absolute;bottom:0}.private-chat-container .chat-box-footer .tip[data-v-f94cdc1c]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#999;font-size:14px;cursor:pointer}.private-chat-container .chat-box-footer .tip .iconfont[data-v-f94cdc1c]{font-size:12px;margin-right:4px}.private-chat-container .chat-box-footer .chat-edit-box[data-v-f94cdc1c]{display:flex;height:100%}.private-chat-container .chat-box-footer .chat-edit-box .chat-input-box[data-v-f94cdc1c]{width:calc(100% - 100px);height:100%;flex:1;padding-left:20px}.private-chat-container .chat-box-footer .chat-edit-box .chat-input-box .chat-input[data-v-f94cdc1c]{width:100%;height:100%;background:transparent}.private-chat-container .chat-box-footer .chat-edit-box .chat-input-box .chat-input[data-v-f94cdc1c] .el-input__inner{background:transparent;height:100%;border:none;outline:none;color:#fff;padding:0 10px;border-radius:0 0 8px 8px}.private-chat-container .chat-box-footer .chat-edit-box .chat-action-box[data-v-f94cdc1c]{width:100px;display:flex;align-items:center;-moz-column-gap:10px;column-gap:10px;border-left:1px solid #ddd;padding:0 20px}.private-chat-container .chat-box-footer .chat-edit-box .chat-action-box .emoji-btn[data-v-f94cdc1c],.private-chat-container .chat-box-footer .chat-edit-box .chat-action-box .send-btn[data-v-f94cdc1c]{cursor:pointer}.downline[data-v-478be3c8]{filter:grayscale(1)}.emoji-list[data-v-478be3c8]{width:100%;max-height:200px;display:flex;flex-flow:row wrap;-moz-column-gap:8px;column-gap:8px;row-gap:8px;overflow-y:auto;padding:8px;border-radius:4px;background:#272a37}.emoji-list[data-v-478be3c8]::-webkit-scrollbar{width:5px}.emoji-list[data-v-478be3c8]::-webkit-scrollbar-thumb{border-radius:10px;background:#ddd}.emoji-list[data-v-478be3c8]::-webkit-scrollbar-track{border-radius:0;background:transparent}.emoji-list .emoji-list-item[data-v-478be3c8]{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;border-radius:4px;cursor:pointer;padding:2px}.emoji-list .emoji-list-item img[data-v-478be3c8]{width:24px;height:24px}.emoji-list .emoji-list-item[data-v-478be3c8]:hover{background:#999}.el-tooltip__popper .user-info-box[data-v-478be3c8]{display:flex;-moz-column-gap:6px;column-gap:6px}.el-tooltip__popper .user-info-box .user-info[data-v-478be3c8]{display:flex;flex-direction:column;color:#fff;row-gap:8px}.el-tooltip__popper .user-info-box .user-info .send-message[data-v-478be3c8]{width:100%;padding:4px 0;border-radius:4px;text-align:center;background:hsla(0,0%,45.5%,.2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.group-chat-container[data-v-478be3c8]{width:100%;height:100%;display:flex;-moz-column-gap:1.5rem;column-gap:1.5rem;background:#272a37;border-radius:16px}.group-chat-container .chat-box[data-v-478be3c8]{width:calc(100% - 250px);height:100%;border-radius:8px;background:#323644;position:relative}.group-chat-container .chat-box .chat-box-header[data-v-478be3c8]{width:100%;color:#f0f8ff;border-radius:8px 8px 0 0;height:50px;display:flex;align-items:center;padding:0 10px;background:hsla(0,0%,45.5%,.2);position:absolute;top:0}.group-chat-container .chat-box .chat-box-main[data-v-478be3c8]{width:100%;height:calc(100% - 100px);border-radius:0 0 0 8px;position:absolute;top:50px;bottom:50px;overflow-y:auto;padding:0 20px}.group-chat-container .chat-box .chat-box-main[data-v-478be3c8]::-webkit-scrollbar{width:5px}.group-chat-container .chat-box .chat-box-main[data-v-478be3c8]::-webkit-scrollbar-thumb{border-radius:10px;background:#ddd}.group-chat-container .chat-box .chat-box-main[data-v-478be3c8]::-webkit-scrollbar-track{border-radius:0;background:transparent}.group-chat-container .chat-box .chat-box-main .send-time-box[data-v-478be3c8]{width:100%;color:#999;font-size:12px;margin-bottom:20px;text-align:center;display:inline-block}.group-chat-container .chat-box .chat-box-main .send-time-box[data-v-478be3c8]:first-of-type{margin-top:20px}.group-chat-container .chat-box .chat-box-main .message-list-item[data-v-478be3c8]{display:flex;margin-bottom:20px}.group-chat-container .chat-box .chat-box-main .message-list-item[data-v-478be3c8]:first-of-type{margin-top:20px}.group-chat-container .chat-box .chat-box-main .message-list-item .avatar[data-v-478be3c8]{width:40px;cursor:pointer}.group-chat-container .chat-box .chat-box-main .message-list-item .chat-info[data-v-478be3c8]{flex:1;padding:0 56px 0 12px}.group-chat-container .chat-box .chat-box-main .message-list-item .chat-info .chat-user-info[data-v-478be3c8]{display:flex;-moz-column-gap:6px;column-gap:6px;color:#999;font-size:12px;margin-bottom:8px}.group-chat-container .chat-box .chat-box-main .message-list-item .chat-info .chat-content[data-v-478be3c8]{width:-moz-fit-content;width:fit-content;min-height:1em;padding:8px 12px;font-size:15px;line-height:22px;color:#fff;word-break:break-word;background-color:#383c4b;border-radius:2px 18px 18px}.group-chat-container .chat-box .chat-box-main .message-list-item-right[data-v-478be3c8]{display:flex;flex-direction:row-reverse;margin-bottom:20px}.group-chat-container .chat-box .chat-box-main .message-list-item-right .avatar[data-v-478be3c8]{width:40px}.group-chat-container .chat-box .chat-box-main .message-list-item-right .chat-info[data-v-478be3c8]{flex:1;display:flex;flex-direction:column;align-items:flex-end;padding:0 12px 0 56px}.group-chat-container .chat-box .chat-box-main .message-list-item-right .chat-info .chat-user-info[data-v-478be3c8]{display:flex;-moz-column-gap:6px;column-gap:6px;color:#999;font-size:12px;margin-bottom:8px}.group-chat-container .chat-box .chat-box-main .message-list-item-right .chat-info .chat-content[data-v-478be3c8]{width:-moz-fit-content;width:fit-content;min-height:1em;padding:8px 12px;font-size:15px;line-height:22px;color:#fff;word-break:break-word;background-color:#383c4b;border-radius:18px 2px 18px 18px}.group-chat-container .chat-box .chat-box-footer[data-v-478be3c8]{width:100%;height:50px;border-radius:0 0 8px 8px;background:hsla(0,0%,45.5%,.2);position:absolute;bottom:0}.group-chat-container .chat-box .chat-box-footer .tip[data-v-478be3c8]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#999;font-size:14px;cursor:pointer}.group-chat-container .chat-box .chat-box-footer .tip .iconfont[data-v-478be3c8]{font-size:12px;margin-right:4px}.group-chat-container .chat-box .chat-box-footer .chat-edit-box[data-v-478be3c8]{display:flex;height:100%}.group-chat-container .chat-box .chat-box-footer .chat-edit-box .chat-input-box[data-v-478be3c8]{width:calc(100% - 100px);height:100%;flex:1;padding-left:20px}.group-chat-container .chat-box .chat-box-footer .chat-edit-box .chat-input-box .chat-input[data-v-478be3c8]{width:100%;height:100%;background:transparent}.group-chat-container .chat-box .chat-box-footer .chat-edit-box .chat-input-box .chat-input[data-v-478be3c8] .el-input__inner{background:transparent;height:100%;border:none;outline:none;color:#fff;padding:0 10px;border-radius:0 0 8px 8px}.group-chat-container .chat-box .chat-box-footer .chat-edit-box .chat-action-box[data-v-478be3c8]{width:100px;display:flex;align-items:center;-moz-column-gap:10px;column-gap:10px;border-left:1px solid #ddd;padding:0 20px}.group-chat-container .chat-box .chat-box-footer .chat-edit-box .chat-action-box .emoji-btn[data-v-478be3c8],.group-chat-container .chat-box .chat-box-footer .chat-edit-box .chat-action-box .send-btn[data-v-478be3c8]{cursor:pointer}.group-chat-container .user-list-box[data-v-478be3c8]{width:250px;height:100%;background:#323644;border-radius:8px}.group-chat-container .user-list-box .user-list-header[data-v-478be3c8]{width:100%;height:50px;color:#fff;padding:1rem}.group-chat-container .user-list-box .user-list-main[data-v-478be3c8]{width:100%;height:calc(100% - 50px);overflow-y:auto;padding:0 1rem;padding-bottom:1rem}.group-chat-container .user-list-box .user-list-main[data-v-478be3c8]::-webkit-scrollbar{width:5px}.group-chat-container .user-list-box .user-list-main[data-v-478be3c8]::-webkit-scrollbar-thumb{border-radius:10px;background:#ddd}.group-chat-container .user-list-box .user-list-main[data-v-478be3c8]::-webkit-scrollbar-track{border-radius:0;background:transparent}.group-chat-container .user-list-box .user-list-main .user-list-item[data-v-478be3c8]{width:100%;height:40px;display:flex;align-items:center;-moz-column-gap:10px;column-gap:10px;color:#fff;font-size:14px;cursor:pointer;border-radius:4px;padding:0 4px}.group-chat-container .user-list-box .user-list-main .user-list-item[data-v-478be3c8]:hover{background:hsla(0,0%,100%,.1)}.group-chat-container .user-list-box .user-list-main .user-list-item .avatar[data-v-478be3c8]{width:40px;position:relative}.group-chat-container .user-list-box .user-list-main .user-list-item .avatar .online-status[data-v-478be3c8]{font-size:12px;position:absolute;bottom:2px;left:18px;color:#adff2f}.group-chat-container .user-list-box .user-list-main .user-list-item .user-name[data-v-478be3c8]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-message-container[data-v-33401a76]{width:100%;height:100%;display:flex;-moz-column-gap:1.5rem;column-gap:1.5rem}.chat-message-container .chat-list-box[data-v-33401a76]{width:250px;height:100%;background:#323644;border-radius:8px;padding-bottom:1rem}.chat-message-container .chat-main-box[data-v-33401a76]{width:calc(100% - 250px)}.concats-list-container[data-v-6e9a5759]{width:100%;height:100%}.concats-list-container .concats-list-header[data-v-6e9a5759]{width:100%;align-items:center;border-bottom:1px solid #ccc}.concats-list-container .concats-list-header div[data-v-6e9a5759]:first-of-type{border-radius:8px}.concats-list-container .concats-list-header .friend-notice[data-v-6e9a5759],.concats-list-container .concats-list-header .group-notice[data-v-6e9a5759]{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#fff;padding:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.concats-list-container .concats-list-header .friend-notice[data-v-6e9a5759]:hover,.concats-list-container .concats-list-header .group-notice[data-v-6e9a5759]:hover{background:hsla(0,0%,45.5%,.2)}.concats-list-container .concats-list-main[data-v-6e9a5759]{width:100%;height:calc(100% - 100px)}.concats-list-container .concats-list-main .tab-container[data-v-6e9a5759]{width:100%;height:40px;display:flex;justify-content:space-between;align-items:center;text-align:center;margin-top:1rem;background:hsla(0,0%,45.5%,.2);position:relative}.concats-list-container .concats-list-main .tab-container .friend-tab[data-v-6e9a5759],.concats-list-container .concats-list-main .tab-container .group-tab[data-v-6e9a5759]{width:50%;height:100%;line-height:40px;color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2}.concats-list-container .concats-list-main .tab-container .friend-tab[data-v-6e9a5759]{color:#00bfff}.concats-list-container .concats-list-main .tab-container .slider-bar[data-v-6e9a5759]{width:100px;height:20px;z-index:1;background:hsla(0,0%,45.5%,.2);position:absolute;transform:translateX(12px);padding:12px 0;transition:all .5s ease-in-out}.concats-list-container .concats-list-main .tab-container .tab-active[data-v-6e9a5759]{color:#00bfff}.concats-list-container .concats-list-main .tab-container .tab-unactive[data-v-6e9a5759]{color:#fff}.concats-list-container .concats-list-footer[data-v-6e9a5759]{width:100%;height:50px}.chat-contacts-container[data-v-7e07b94e]{width:100%;height:100%;display:flex;-moz-column-gap:1.5rem;column-gap:1.5rem}.chat-contacts-container .contacts-list-box[data-v-7e07b94e]{width:250px;height:100%;background:#323644;border-radius:8px;padding-bottom:1rem}.chat-contacts-container .contacts-info-box[data-v-7e07b94e]{width:calc(100% - 250px)}.app-container[data-v-8636ca18]{width:100%}.app-container .chat-room-container[data-v-8636ca18]{width:1200px;height:600px;display:flex;-moz-column-gap:1.5rem;column-gap:1.5rem;background:#272a37;border-radius:16px;margin:5rem auto;padding:1.5rem}.app-container .chat-room-container .slider-tool-container[data-v-8636ca18]{width:100px;height:100%;background:#323644;border-radius:8px}.app-container .chat-room-container .slider-tool-container .slider-tool-box-header[data-v-8636ca18]{width:100%;height:60px;display:flex;justify-content:center;align-items:center}.app-container .chat-room-container .slider-tool-container .slider-tool-box-main[data-v-8636ca18]{width:100%;height:calc(100% - 60px);display:flex;flex-direction:column;align-items:center;padding:10px 0}.app-container .chat-room-container .slider-tool-container .slider-tool-box-main .slider-tool-item[data-v-8636ca18]{width:50px;height:50px;background:hsla(0,0%,45.5%,.2);border-radius:4px;display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer}.app-container .chat-room-container .main-container[data-v-8636ca18]{width:calc(100% - 100px)}