.sl-panel{width:100%;height:100%;overflow:auto;background-color:#fff;box-shadow:1px 1px 2px 0 rgba(50,155,231,.1)}.sl-subtitle{display:flex;flex-wrap:wrap;align-items:center;height:44px;margin-bottom:20px;position:relative}.sl-subtitle:before{content:"";display:inline-block;width:2px;height:22px;background-color:#60beff}.sl-subtitle .sl-subtitle__text{height:20px;line-height:20px;margin-left:10px;font-size:16px}.sl-subtitle .sl-switch{position:absolute;top:10px;left:100px}.sl-subtitle .expand-icon{margin-left:5px;font-size:1.7rem;color:#777}.sl-subtitle .action-trigger,.sl-subtitle .no-action-trigger{display:inline-flex;align-items:center}.sl-subtitle .action-trigger{cursor:pointer}.sl-subtitle.expandable{margin-bottom:0}.sl-expand-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s ease-out}.sl-expand-content .inner-content{overflow:hidden}.sl-expand-content.is-expand{grid-template-rows:1fr}.sl-qrcode .sl-qrcode__inner{cursor:pointer}.sl-qrcode-dialog .el-dialog__body{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:0}.sl-qrcode-dialog .el-dialog__body span{height:28px;font-size:20px;color:#333;line-height:28px}.sl-qrcode-dialog .el-dialog__body img{margin-top:20px}.user-side{position:relative;height:100%;margin-bottom:20px}.user-side .sl-panel{height:100%;padding:10px}.user-side .search-type{display:flex;align-items:center}.user-side .search-type .search-type-item{flex:1;text-align:center;font-size:14px;color:#666;cursor:pointer}.user-side .search-type .search-type-item.is-active{color:#60beff}.user-side .search-type .search-type-line{width:1px;height:8px;background-color:#dcdee3}.user-side .search-input{margin:10px 0}.user-side .search-input__icon{font-size:30px}.user-side .user-tree{padding-bottom:60px}.user-side .user-tree .is-admin{display:inline-block;height:20px;line-height:20px;margin-left:8px;text-align:center;border-radius:5px;font-size:12px;color:#fff;background-color:#60beff}.user-side .add-btn{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;align-items:center}.sl-mask__wrapper .sl-mask{z-index:999;position:fixed;top:0;left:0;right:0;bottom:0;cursor:pointer}.sl-mask__wrapper .mask-fade-enter-active,.sl-mask__wrapper .mask-fade-leave-active{transition:all .5s}.sl-mask__wrapper .mask-fade-enter,.sl-mask__wrapper .mask-fade-leave-to{opacity:0}.sl-drawer .el-dialog{margin-top:40vh!important}.sl-drawer .sl-drawer__inner{display:flex;flex-direction:column;z-index:1000;position:fixed;top:0;right:0;bottom:0;max-width:100%;box-shadow:-4px 0 10px 0 rgba(50,155,231,.1);border:1px solid transparent;background-color:#fff}.sl-drawer .drawer-enter-active,.sl-drawer .drawer-leave-active{transition:all .7s}.sl-drawer .drawer-enter,.sl-drawer .drawer-leave-to{transform:translateX(150%)}.sl-drawer--header{height:60px;width:100%;padding:15px 20px 0}.sl-drawer--header__title{height:29px;font-size:24px;color:#666;line-height:29px}.sl-drawer--header__icon{display:flex;width:12px;height:12px;position:absolute;font-size:14px!important;right:20px;top:20px;cursor:pointer}.sl-drawer--body{flex:1;overflow:auto}.sl-drawer--footer{width:100%;padding:10px 20px;text-align:right}.sl-form-label-hint .sl-form-label-hint--icon{display:inline-block;cursor:pointer}.sl-form-label-hint .sl-form-label-hint--icon .svg-icon{font-size:19px}.user-form-drawer{padding:0 20px}.user-form-drawer .user-form-drawer--form .role-permissions-checkbox{display:inline-flex}.user-form-drawer .user-form-drawer--form .role-permissions-checkbox .el-checkbox__inner{margin-top:3px}.user-form-drawer .user-form-drawer--form .role-permissions-checkbox .el-checkbox__label{word-break:break-word;white-space:pre-wrap}.user-form-drawer .user-form-drawer-class{margin-top:26px}.user-form-drawer .prev-step{position:fixed;bottom:11px;right:150px}.user-form-drawer--tips{width:100%;height:42px;background-color:#e3f2fd;border-radius:5px;display:flex;flex-direction:row;align-items:center;font-size:14px;color:#666}.user-form-drawer--tips__icon{margin:0 10px}.user-form-drawer .grade-box{display:flex}.user-form-drawer .grade-box .grade-box-title{padding:8px 0 10px 20px;font-size:14px;font-weight:400;color:#333;background:#f7f8fa;border-bottom:1px solid #dcdee3;border-top-left-radius:5px;border-top-right-radius:5px}.user-form-drawer .grade-box .grade-box-wrapper{width:220px;height:500px;display:flex;flex-direction:column;border-radius:5px;border:1px solid #dcdee3}.user-form-drawer .grade-box .grade-box-wrapper .box-left{overflow:auto}.user-form-drawer .grade-box .grade-box-wrapper .box-right{padding:20px 16px 0 20px;height:446px;overflow:auto}.user-form-drawer .grade-box .grade-box-wrapper .box-right .box-right-item{display:flex;align-items:center;justify-content:space-between;color:#333;font-size:14px}.user-form-drawer .grade-box .grade-box-wrapper .box-right .box-right-item+.box-right-item{margin-top:16px}.user-form-drawer .grade-box .grade-box-wrapper .box-right .box-right-icon{display:flex;align-items:center;justify-content:center;cursor:pointer}.user-form-drawer .grade-box .grade-box-wrapper .box-right .box-right-icon .svg-icon{font-size:28px}.user-form-drawer .grade-box .grade-box-wrapper+.grade-box-wrapper{margin-left:20px}.user-form-drawer--form{max-width:300px;margin-top:20px}.user-form-drawer--form .tooltip .svg-icon{font-size:19px}.user-form-drawer--form__note{position:absolute;bottom:-18px;font-size:12px;color:#999}.user-form-drawer--form .tips{margin-top:4px;line-height:15px;font-size:12px;color:#999}.note-tooltip{background-color:#f2f3f7!important}.el-tooltip__popper[x-placement^=top] .popper__arrow:after{border-top-color:red}.el-tooltip__popper .popper__arrow{border-color:#00f}.el-tooltip__popper[x-placement^=top] .popper__arrow{border-top-color:red}.reset-pwd-drawer{padding:20px 20px}.reset-pwd-drawer .reset-pwd--form{max-width:300px}.sl-layout-sc{display:flex;width:100%;height:100%}.sl-layout-sc .sl-layout-sc--split-line{z-index:1;margin-right:10px;padding:0 4px;cursor:e-resize}.sl-layout-sc .sl-layout-sc--split-line:before{content:" ";display:block;width:2px;height:100%}.sl-layout-sc .sl-layout-sc--split-line .moving{position:absolute;top:0;left:0;right:0;bottom:0}.custom-btn{position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.custom-btn:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:hsla(0,0%,100%,0);transition:all .1s}.custom-btn:hover:after{background-color:hsla(0,0%,100%,.1)}.custom-btn:active:after{transition:0s;background-color:hsla(0,0%,100%,0)}.el-input .el-input__inner[not-circle]{border-radius:5px}.el-textarea .el-textarea__inner{border-radius:5px!important}.site-publish-content{line-height:1.5}.site-publish-content p{padding:5px 0}.site-publish-content ul{list-style:disc}.site-publish-content ol{list-style:decimal}.site-publish-content ol,.site-publish-content ul{margin:5px 0;padding-inline-start:0;list-style-position:inside}.site-publish-content ul li{list-style-type:"• "}.user-setting{height:100%;display:flex;padding:20px}.user-setting .user-detail{flex:1;height:100%;overflow:auto}.user-setting .user-detail .user-info{height:calc(100% - 68px)}.user-setting .user-detail .user-info .content-header{width:100%;font-size:14px;color:#999;text-align:right;line-height:18px;margin-bottom:10px}.user-setting .user-detail .user-info .content-header .user{margin-right:40px}.user-setting .user-detail .user-info .el-row .el-col{display:flex}.user-setting .user-detail .user-info .el-row .el-col:nth-child(odd) .textWidth{width:var(--text-width-odd)}.user-setting .user-detail .user-info .el-row .el-col:nth-child(2n) .textWidth{width:var(--text-width-even)}.user-setting .user-detail .user-actions{height:48px;margin-top:20px;text-align:right}.user-setting .user-content{color:#333;margin:20px 0 0 60px;font-size:14px}.user-setting .user-content .user-content-wrapper{display:flex}.user-setting .user-content .user-content-item+.user-content-item{margin-top:10px}.user-setting .user-content .user-content-grade{display:flex;flex-direction:column}.user-setting .cont-code{margin:20px 0 40px 60px;display:flex;flex-direction:row;font-size:14px}.user-setting .cont-code__qr{text-align:center}.employee-photo{padding:4px}.employee-photo .photo-img{display:flex}.employee-photo .photo-img img{width:100%;height:100%}