[data-v-3c096624]:root{--themeBagColor:red}.theme-default[data-v-3c096624]{--themeBagColor:#fff}.theme-dark[data-v-3c096624]{--themeBagColor:#000}.theme-red[data-v-3c096624]{--themeBagColor:red}.theme-blue[data-v-3c096624]{--themeBagColor:#00f}[data-v-3c096624] .el-scrollbar__wrap{overflow-x:hidden}.lum-dialog-box[data-v-3c096624]{width:650px;max-width:650px;height:550px}.lum-dialog-box .main .aside-border[data-v-3c096624]{border-right:1px solid #f5eeee}.lum-dialog-box .footer[data-v-3c096624]{display:flex;justify-content:flex-end;align-items:center;padding-right:10px;border-top:1px solid #f5eeee}.search-header[data-v-3c096624]{padding:8px;display:flex;justify-content:center;align-items:center}.search-header.shadow[data-v-3c096624]{box-shadow:0 2px 6px 0 rgba(31,35,41,.05)}.friend-items li[data-v-3c096624]{height:40px;padding:0 8px;box-sizing:border-box;margin:2px 0;display:flex;flex-direction:row;cursor:pointer}.friend-items li>div[data-v-3c096624]{height:100%;display:flex;align-items:center}.friend-items li .avatar[data-v-3c096624]{width:40px;justify-content:center;flex-shrink:0}.friend-items li .content[data-v-3c096624]{flex:1 auto;padding-left:8px;overflow:hidden;font-size:14px;font-weight:400}.friend-items li .content[data-v-3c096624]:hover{color:#409eff}.friend-items li .checkbox[data-v-3c096624]{flex-shrink:0;width:20px;justify-content:center}.friend-items li .checkbox i[data-v-3c096624]{color:#ccc}.friend-items li .checkbox i.icon-active[data-v-3c096624]{color:#26bcfe!important}.group-from label[data-v-3c096624]{height:45px;line-height:47px;width:50px;color:#606266;padding-right:3px;font-size:13px}.group-from input[data-v-3c096624]{height:25px;width:100%;text-indent:3px;color:#a9a4a4;font-size:12px;border-bottom:1px solid #efebeb}.selectd-items[data-v-3c096624]{display:flex;align-items:flex-start;flex-wrap:wrap}.selectd-items .selectd-item[data-v-3c096624]{width:23%;height:65px;margin:6px 2px 0 2px;cursor:pointer;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;box-shadow:0 0 3px 0 rgba(0,0,0,.1)}.selectd-items .selectd-item p[data-v-3c096624]{width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;margin-top:8px;text-align:center}.selectd-items .selectd-item .del-mask[data-v-3c096624]{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(31,35,41,.5);display:none;justify-content:center;align-items:center;color:#fff;transition:.5s ease;border-radius:2px}.selectd-items .selectd-item:hover .del-mask[data-v-3c096624]{display:flex}.mt40[data-v-3c096624]{margin-top:40px}[data-v-f2857b86]:root{--themeBagColor:red}.theme-default[data-v-f2857b86]{--themeBagColor:#fff}.theme-dark[data-v-f2857b86]{--themeBagColor:#000}.theme-red[data-v-f2857b86]{--themeBagColor:red}.theme-blue[data-v-f2857b86]{--themeBagColor:#00f}.lum-dialog-box[data-v-f2857b86]{width:450px;max-width:450px;height:250px}.lum-dialog-box .main[data-v-f2857b86]{display:flex;justify-content:center;align-items:center;flex-direction:column}.lum-dialog-box .main .input[data-v-f2857b86]{width:85%}.lum-dialog-box .main .error[data-v-f2857b86]{width:85%;color:red;font-size:12px;height:50px;line-height:50px}.lum-dialog-box .main button[data-v-f2857b86]{margin-top:20px;width:100px}[data-v-5f0433b4]:root{--themeBagColor:red}.theme-default[data-v-5f0433b4]{--themeBagColor:#fff}.theme-dark[data-v-5f0433b4]{--themeBagColor:#000}.theme-red[data-v-5f0433b4]{--themeBagColor:red}.theme-blue[data-v-5f0433b4]{--themeBagColor:#00f}.menu-list[data-v-5f0433b4]{height:42px;display:flex;align-items:center;padding-left:20px;cursor:pointer;border-left:3px solid #fff;position:relative;transition:.2s ease-in;font-size:14px;color:#000}.menu-list[data-v-5f0433b4]:hover{background-color:#eff0f1;border-color:#eff0f1}.menu-list.selectd[data-v-5f0433b4]{border-color:#3370ff!important;background-color:#eff0f1}.aside-box[data-v-5f0433b4]{position:relative;background-color:#fff;border-right:1px solid #f5f5f5;overflow:hidden;padding:0}.aside-box .header[data-v-5f0433b4]{display:flex;flex-direction:row;align-items:center;padding:0 15px}.aside-box .header .from[data-v-5f0433b4]{flex:1 1;flex-shrink:0}.aside-box .header .from[data-v-5f0433b4] .el-input .el-input__inner{border-radius:20px;width:175px}.aside-box .header .tools[data-v-5f0433b4]{flex-basis:32px;flex-shrink:0;height:32px;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-5f0433b4]{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 .menu1-item[data-v-5f0433b4]{height:40px;line-height:40px;color:#fff;font-size:14px}.aside-box .header .tools .tools-menu .menu1-item[data-v-5f0433b4]:hover{background-color:rgba(70,72,73,.9)}.panel[data-v-5f0433b4]{position:relative;width:100%;height:100%;box-sizing:border-box}.panel .header[data-v-5f0433b4]{display:flex;align-items:center;justify-content:space-between}.panel .header.border[data-v-5f0433b4]{border-bottom:1px solid #f5f5f5}.panel .subheader[data-v-5f0433b4]{display:flex;align-items:center;justify-content:flex-start;border-top:1px solid #5c9ce6;border-bottom:1px solid #5c9ce6}.panel .subheader p[data-v-5f0433b4]{padding:0 10px;cursor:pointer;font-size:13px}.panel .subheader p[data-v-5f0433b4]:first-child{padding-left:0}.panel .subheader p.active[data-v-5f0433b4]{color:#508afe}.panel .panel-body[data-v-5f0433b4]{overflow:auto;width:100%;height:100%;box-sizing:border-box}.panel .panel-body .preloading[data-v-5f0433b4]{height:100%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.panel .panel-body .preloading p[data-v-5f0433b4]{margin-top:20px;color:#afacac;font-size:14px;font-weight:300}.panel .panel-body .data-item[data-v-5f0433b4]{display:flex;flex-direction:row;align-items:center;height:60px;cursor:pointer;padding:5px 15px;position:relative;overflow:hidden;border-bottom:1px solid #f1ebeb;margin-bottom:2px}.panel .panel-body .data-item .avatar[data-v-5f0433b4]{height:35px;width:35px;flex-basis:35px;flex-shrink:0;background-color:#508afe;border-radius:50%;overflow:hidden;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}.panel .panel-body .data-item .card[data-v-5f0433b4]{height:40px;display:flex;align-content:center;flex-direction:column;flex:1 1;margin-left:10px;overflow:hidden}.panel .panel-body .data-item .card .title[data-v-5f0433b4]{width:100%;height:20px;display:flex;align-items:center}.panel .panel-body .data-item .card .title .name[data-v-5f0433b4]{margin-right:15px;color:#1f2329}.panel .panel-body .data-item .card .title .larkc-tag[data-v-5f0433b4]{font-size:12px;font-weight:400;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;height:20px;border-radius:2px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#dee0e3;transform:scale(.8);transform-origin:left;flex-shrink:0}.panel .panel-body .data-item .card .title .wait[data-v-5f0433b4]{background:#ffb445;color:#fff}.panel .panel-body .data-item .card .title .agree[data-v-5f0433b4]{background:#53bd53;color:#fff}.panel .panel-body .data-item .card .content[data-v-5f0433b4]{font-size:10px;line-height:18px;color:#8f959e;overflow:hidden;margin-top:3px;font-weight:300;white-space:nowrap;text-overflow:ellipsis}.panel .panel-body .data-item .apply-from[data-v-5f0433b4]{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;right:-110px;top:0;height:60px;width:100px;transition:.5s ease .3s;background-color:#fff;opacity:0}.panel .panel-body .data-item .apply-from button[data-v-5f0433b4]{margin:2px}.panel .panel-body .data-item[data-v-5f0433b4]:hover{box-shadow:0 0 8px 4px #f1f1f1}.panel .panel-body .data-item:hover .avatar[data-v-5f0433b4]{border-radius:2px}.panel .panel-body .data-item:hover .apply-from[data-v-5f0433b4]{opacity:1;right:0}.broadside-box[data-v-5f0433b4]{position:absolute;width:350px;height:100%;top:0;right:0;z-index:2;animation:showBox-5f0433b4 .5s ease-in-out;-webkit-animation:showBox-5f0433b4 .5s ease-in-out;-moz-animation:showBox-5f0433b4 .5s ease-in-out;background:#fff;box-shadow:0 0 14px hsla(0,0%,80%,.4392156862745098)}@keyframes showBox-5f0433b4{0%{transform:translateX(350px)}to{transform:translateX(0)}}