.roles{display:flex;flex-wrap:wrap;overflow:auto;padding:5px;max-width:280px;max-height:400px}.roles::-webkit-scrollbar{width:4px}.roles::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:2px}.roles-handle{cursor:pointer}.roles .item{box-sizing:border-box;padding:5px;width:50%}.roles.alone .item{width:100%}.roles span{background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3);border-radius:2px;cursor:pointer;display:block;color:#fff;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;text-align:center;white-space:nowrap}.roles span:hover{border-color:#fff;background-color:#fff;color:#333}.router-ctn{height:100vh;min-width:1000px;width:100vw;overflow:hidden}.router-ctn>.header{background-color:#3e80ff;background-image:url(/images/adorn-arrow.svg);background-position:200px top;background-repeat:no-repeat;background-size:auto 100%;border-bottom:1px solid #e6e9f0;height:40px;overflow:hidden;justify-content:space-between;padding:5px;z-index:2}.router-ctn>.header,.router-ctn>.header>.end,.router-ctn>.header>.start{align-items:center;display:flex;position:relative}.router-ctn>.header>.center{flex:2}.router-ctn>.header .kd-logo{width:118px;height:20px;background-image:url(/images/logo-white-hor.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;margin-left:10px}.router-ctn>.header .icon-refer,.router-ctn>.header .icon-side-toggle{color:#fff;display:block;font-size:20px;height:32px;line-height:32px;text-align:center;width:32px}.router-ctn>.header .icon-side-toggle{cursor:pointer;display:none}.router-ctn>.header .options{align-items:center;display:flex;padding:0 20px;position:relative}.router-ctn>.header .options .handle{color:#fff;cursor:pointer;padding:5px;margin-right:20px}.router-ctn>.header .options .handle i{display:block;font-size:20px;height:24px;line-height:24px;text-align:center;width:24px}.router-ctn>.header .user-base-info{cursor:default;display:flex;align-items:center;justify-content:space-between;overflow:hidden;color:#fff}.router-ctn>.header .user-base-info .department{overflow:hidden;padding:0 16px;position:relative}.router-ctn>.header .user-base-info .department:after{border-right:1px solid hsla(0,0%,100%,.2);content:"";position:absolute;right:0;top:50%;height:20px;transform:translateY(-50%)}.router-ctn>.header .user-base-info .department .merchant,.router-ctn>.header .user-base-info .department .network{font-size:12px;line-height:20px;text-align:right;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.router-ctn>.header .user-base-info .department .merchant{font-weight:700}.router-ctn>.header .user-base-info .department .network{position:relative}.router-ctn>.header .user-base-info .base{align-items:center;font-weight:700;font-size:14px;margin:0 16px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.router-ctn>.header .user-base{overflow:hidden;align-items:center;display:flex}.router-ctn>.header .user-base .action-handle{color:hsla(0,0%,100%,.5);cursor:pointer;display:block;font-size:14px;height:24px;line-height:24px;margin:0 4px;text-align:center;width:24px}.router-ctn>.header .user-base .avatar{cursor:pointer!important;display:block;position:relative;width:32px;height:32px;border-radius:50%;border:2px solid hsla(0,0%,100%,.2);background-color:hsla(0,0%,100%,.171)}.router-ctn>.header .user-base .avatar .kd-icon{color:#fff;font-size:16px;height:24px;line-height:24px;text-align:center;text-shadow:0 3px 9px rgba(0,0,0,.1);width:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.router-ctn>.main{background-color:#fafafa;height:calc(100vh - 51px);overflow:hidden;position:relative}.main-section{display:flex;position:relative}.main-section>.content,.main-section>.sidebar{height:calc(100vh - 51px);position:relative}.main-section>.sidebar{background-color:#fff;border-right:1px solid #e6e9f0;overflow:auto;width:200px}.main-section>.sidebar>.nav{margin:0}.main-section>.content{display:flex;flex-direction:column;flex:1;overflow:hidden}.main-section>.content .tag-nav{background-color:#fff}.main-section>.content>.body{flex:1;overflow:hidden;overflow-y:auto}@media screen and (max-width:1400px){.router-ctn>.header .base,.router-ctn>.header .department,.router-ctn>.header .info,.router-ctn>.header .kd-arrow-logo,.router-ctn>.header .kd-logo{display:none}}.home[data-v-20d90519]{align-items:center;display:flex;height:calc(100vh - 83px);justify-content:center;overflow:auto}.home .cover[data-v-20d90519]{background-image:url(/images/cover.png);background-repeat:no-repeat;background-position:50%;background-size:cover;height:300px;margin:0 auto;width:300px}.el-input--prefix .el-input__inner{padding-left:40px}.el-input__prefix{left:0;width:40px}.login-wrap{display:flex;justify-content:space-between}.login-wrap .cover-left{width:35.6vh;min-width:250px;height:100vh;background:#3e80ff;position:relative}.login-wrap .cover-left .header-icon{width:50%;height:17vh;-o-object-fit:cover;object-fit:cover;background-image:url(/images/logo-white.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;margin-top:15vh;margin-left:25%}.login-wrap .cover-left .content{margin:0 auto;font-size:2.36862vh;color:#fff;letter-spacing:0;line-height:3.92302vh;margin-top:11.5vh;text-align:center}.login-wrap .cover-left .footer-icon{margin:0 auto;width:59%;height:15.9vh;-o-object-fit:cover;object-fit:cover;background-image:url(/images/sign-cover.png);background-position:50%;background-repeat:no-repeat;background-size:contain;margin-top:10vh}.login-wrap .cover-right{flex:1;position:relative;overflow:hidden;min-width:600px}.login-wrap .cover-right .bk{width:75vh;height:86.74vh;background-image:url(/images/sign-adorn-bg.svg);background-position:100% 100%;background-repeat:no-repeat;background-size:contain;position:absolute;bottom:0;right:0}.login-wrap .cover-right .form-box{background-color:#fff;border-radius:16px;box-shadow:0 16px 32px rgba(0,0,0,.05);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:440px;z-index:4}.login-wrap .cover-right .form-box .logo{margin:40px auto 0}.login-wrap .cover-right .form-box .logo em,.login-wrap .cover-right .form-box .logo span{display:block}.login-wrap .cover-right .form-box .logo em{background-image:url(/images/logo-color-hor.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:48px;margin:0 auto;width:192px}.login-wrap .cover-right .form-box .logo span{font-size:1.4rem;font-weight:700;text-align:center;margin-top:30px}.login-wrap .cover-right .form-box .form{padding:40px 80px 20px}.login-wrap .cover-right .form-box .form .verify-code{align-items:center;display:flex;position:relative}.login-wrap .cover-right .form-box .form .verify-code .image{background-color:#e6e9f0;border-radius:4px;height:40px;overflow:hidden;margin-left:15px;width:180px}.login-wrap .cover-right .form-box .form .verify-code .image img{cursor:pointer;height:100%;width:100%}.login-wrap .cover-right .form-box .form .verify-code .refresh{align-items:center;display:flex;justify-content:center;height:40px;position:absolute;right:-40px;width:40px}.login-wrap .cover-right .form-box .form .verify-code .refresh .kd-icon{align-items:center;color:#7d818c;cursor:pointer;display:flex;justify-content:center;width:40px}.login-wrap .cover-right .form-box .form .actions{position:relative}.login-wrap .cover-right .form-box .form .actions .reset-password{font-size:.8rem}.login-wrap .cover-right .form-box .form .actions .reset-password span{font-weight:700}.login-wrap .cover-right .form-box .form .submit{background-image:linear-gradient(225deg,#29c4f7,#529bfc);width:100%}.login-wrap .cover-right .form-box .copyright{margin-bottom:40px}.login-wrap .cover-right .form-box .copyright p{color:#7d818c;text-align:center;font-size:.8rem}.content[data-v-72c22a3a]{align-items:center;display:flex;justify-content:center;height:calc(100vh - 84px);overflow:auto}