[data-v-8db98c38]:root{--themeBagColor:red}.theme-default[data-v-8db98c38]{--themeBagColor:#fff}.theme-dark[data-v-8db98c38]{--themeBagColor:#000}.theme-red[data-v-8db98c38]{--themeBagColor:red}.theme-blue[data-v-8db98c38]{--themeBagColor:#00f}[data-v-8db98c38] .el-scrollbar__wrap{overflow-x:hidden}.aside-box[data-v-8db98c38]{position:relative;border-right:1px solid #f5f5f5;overflow:hidden;padding:0;transition:width .3s}.aside-box .header[data-v-8db98c38]{display:flex;flex-direction:row;align-items:center;padding:0 15px}.aside-box .header .from-search[data-v-8db98c38]{flex:1 1;flex-shrink:0;position:relative}.aside-box .header .from-search[data-v-8db98c38] .el-input .el-input__inner{border-radius:20px}.aside-box .header .tools[data-v-8db98c38]{flex-basis:32px;flex-shrink:0;height:32px;margin-left:15px;cursor:pointer;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.aside-box .header .tools .tools-menu[data-v-8db98c38]{position:absolute;right:0;top:38px;width:100px;min-height:80px;box-sizing:border-box;background-color:rgba(31,35,41,.9);border-radius:5px;z-index:1;padding:3px 0}.aside-box .header .tools .tools-menu .menu-item[data-v-8db98c38]{height:40px;line-height:40px;color:#fff;font-size:14px}.aside-box .header .tools .tools-menu .menu-item[data-v-8db98c38]:hover{background-color:rgba(70,72,73,.9)}.aside-box .subheader[data-v-8db98c38]{display:flex;flex-direction:row;flex-wrap:wrap;padding:5px 8px;overflow:hidden;flex-shrink:0;justify-content:flex-start;background:#f0f8ff}.aside-box .subheader .top-item[data-v-8db98c38]{flex-basis:41px;flex-shrink:0;height:50px;margin:3px 0 3px 2px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;cursor:pointer}.aside-box .subheader .top-item .avatar[data-v-8db98c38]{flex-basis:32px;width:32px;height:32px;background-color:#508afe;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:10px;color:#fff;flex-shrink:0;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.aside-box .subheader .top-item .avatar img[data-v-8db98c38]{width:100%;height:100%;background-color:#fff}.aside-box .subheader .top-item .name[data-v-8db98c38]{font-size:12px;color:#8f959e;transform:scale(.84);text-align:center;line-height:20px;word-break:break-all;overflow:hidden}.aside-box .subheader .top-item .name.active[data-v-8db98c38]{color:#508afe}.aside-box .subheader.shadow[data-v-8db98c38]{box-shadow:0 2px 6px 0 rgba(31,35,41,.05)}.aside-box .main[data-v-8db98c38]{overflow:hidden;padding:0}.aside-box .main .empty-data[data-v-8db98c38]{text-align:center;padding-top:40px;color:#ccc}.aside-box .main .main-menu[data-v-8db98c38]{display:flex;flex-direction:row;justify-content:space-between;padding:6px 10px 6px 10px;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.aside-box .main .main-menu .title[data-v-8db98c38]{font-size:12px;font-weight:600;color:#1f2329}.aside-box .main .main-menu .icon[data-v-8db98c38]{cursor:pointer}.aside-box .main .talk-item[data-v-8db98c38]{padding:6px 10px;height:50px;display:flex;flex-direction:row;align-items:center;border-left:3px solid transparent;transition:.2s ease-in}.aside-box .main .talk-item .avatar-box[data-v-8db98c38]{height:35px;width:35px;flex-shrink:0;background-color:#508afe;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:14px;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:1s ease;position:relative}.aside-box .main .talk-item .avatar-box span.line[data-v-8db98c38]{width:8px;height:8px;border-radius:1000px;border:2px solid #fff;position:absolute;right:-2px;bottom:-2px}.aside-box .main .talk-item .avatar-box span.line.online-color[data-v-8db98c38]{background:#4aa71c}.aside-box .main .talk-item .avatar-box span.line.offline-color[data-v-8db98c38]{background:#777}.aside-box .main .talk-item .avatar-box img[data-v-8db98c38]{width:100%;height:100%;border-radius:1000px;background-color:#fff}.aside-box .main .talk-item .avatar-box .top-mask[data-v-8db98c38]{width:100%;height:100%;background-color:rgba(22,25,29,.6);position:absolute;top:0;left:0;color:#fff;display:none;align-items:center;justify-content:center;font-weight:700}.aside-box .main .talk-item .avatar-box:hover .top-mask[data-v-8db98c38]{display:flex}.aside-box .main .talk-item .card-box[data-v-8db98c38]{height:40px;display:flex;align-content:center;flex-direction:column;flex:1 1;margin-left:10px;overflow:hidden}.aside-box .main .talk-item .card-box .title[data-v-8db98c38]{width:100%;height:20px;display:flex;align-items:center}.aside-box .main .talk-item .card-box .title .card-name[data-v-8db98c38]{color:#1f2329;font-size:16px;font-weight:700;line-height:20px;flex:1 1;display:flex;align-items:center;overflow:hidden}.aside-box .main .talk-item .card-box .title .card-name .nickname[data-v-8db98c38]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:3px}.aside-box .main .talk-item .card-box .title .card-name .top[data-v-8db98c38]{color:#dc9b04!important;background-color:#faf1d1!important}.aside-box .main .talk-item .card-box .title .card-name .group[data-v-8db98c38]{color:#3370ff!important;background-color:#e1eaff!important;font-size:13px}.aside-box .main .talk-item .card-box .title .card-name .disturb[data-v-8db98c38]{color:#98999c!important;background-color:#ecedf1!important}.aside-box .main .talk-item .card-box .title .card-name .disturb i[data-v-8db98c38]{font-size:12px}.aside-box .main .talk-item .card-box .card-time[data-v-8db98c38]{color:#8f959e;font-size:13px;margin-left:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.aside-box .main .talk-item .card-box .content[data-v-8db98c38]{font-size:14px;line-height:18px;color:#8f959e;margin-top:3px;font-weight:300;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative}.aside-box .main .talk-item .card-box .content .unread-tag[data-v-8db98c38]{background:red;font-size:13px;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;height:17px;min-width:17px;border-radius:1000px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.aside-box .main .talk-item .card-box .content .draft-color[data-v-8db98c38]{color:red;font-weight:300}.aside-box .main .talk-item.active[data-v-8db98c38],.aside-box .main .talk-item[data-v-8db98c38]:hover{background-color:#eff0f1}.aside-box .main .talk-item.active .avatar-box[data-v-8db98c38]{border-radius:5px}