.select-role-modal .main .x-loading{width:100%!important}.select-role-modal .header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.select-role-modal .header .header-title{-webkit-box-flex:0;-ms-flex:0 0 72px;flex:0 0 72px;width:72px;margin-right:12px;font-size:14px;font-weight:700;border-right:1px solid #dcdfe6}.select-role-modal .header .header-search-input .el-input__inner{padding-left:30px!important;border:0}.select-role-modal .header .header-search-input .el-input__prefix{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.select-role-modal .header .header-search-input .x-svg-icon .svg-icon{width:18px!important;height:18px!important}.select-role-modal .main{margin:-12px 0}.select-role-modal .selected-block{display:-webkit-box;display:-ms-flexbox;display:flex;height:120px;padding:16px 0;margin:0 -6px;overflow-y:auto;border-top:1px solid #ebeef5;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-wrap:wrap;flex-wrap:wrap}.select-role-modal .selected-block .role-tag{margin:0 6px 12px}.select-role-modal .footer{display:-webkit-box;display:-ms-flexbox;display:flex}.role-option,.select-role-modal .footer .footer-notice{display:-webkit-box;display:-ms-flexbox;-webkit-box-align:center}.select-role-modal .footer .footer-notice{display:flex;-ms-flex-align:center;align-items:center;justify-items:flex-start;-webkit-box-flex:1;-ms-flex:1;flex:1}.select-role-modal .footer .footer-notice .footer-notice-text{font-size:12px;color:#b2b2b2}.select-role-modal .footer .footer-notice .footer-link-addrole{margin-left:32px}.role-option{display:flex;padding:10px 0;cursor:pointer;-ms-flex-align:center;align-items:center}.role-option>div,.role-tag{display:-webkit-box;display:-ms-flexbox;-webkit-box-align:center;height:24px;line-height:24px}.role-option>div{display:flex;font-size:12px;-ms-flex-align:center;align-items:center}.role-option:hover .role-name{color:#027aff}.role-option:hover{background-color:#f5f7fa}.role-option .role-sign{color:#fff;text-align:center;border-radius:2px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:0;-ms-flex:0 0 42px;flex:0 0 42px}.role-option .role-sign.role-sign-tenant{background-color:#027aff}.role-option .role-sign.role-sign-app{background-color:#f5a623}.role-option .role-name{margin-left:12px;-webkit-box-flex:1;-ms-flex:1;flex:1}.role-option .role-option-icon{margin:0 10px}.role-option .role-option-icon .checkbox,.role-option .role-option-icon .radio{color:#b2b2b2}.role-option .role-option-icon .checkbox-active,.role-option .role-option-icon .radio-active{color:#027aff}.role-tag{display:flex;padding:0 6px;background-color:#f5f7fa;border-radius:12px;-ms-flex-align:center;align-items:center}.role-tag .role-name{padding-left:8px;font-size:12px}.role-tag .role-tag-close{display:-webkit-box;display:-ms-flexbox;display:flex;width:20px;height:24px;line-height:24px;color:#b2b2b2;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.role-tag .role-tag-close .pointer{width:16px;height:16px}