.x-person-modal .header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.x-person-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}.x-person-modal .main{margin:-12px 0}.x-person-modal .main .el-tabs__nav-scroll{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.x-person-modal .main .el-tabs__nav-scroll .el-tabs__item{min-width:80px;text-align:center;-webkit-box-sizing:content-box;box-sizing:content-box}.x-person-modal .main .el-tabs__nav-wrap::after{height:1px;background-color:#ebeef5}.x-person-modal .person-option:hover,.x-person-modal .role-option:hover{background-color:#f5f7fa}.x-person-modal .person-tabs{height:calc(100vh - 524px);max-height:458px;min-height:288px}.x-person-modal .person-tabs .el-tabs__content{height:calc(100vh - 524px - 56px);max-height:402px;min-height:232px}.x-person-modal .person-tabs .el-tabs__content .el-tab-pane,.x-person-modal .person-tabs .el-tabs__content .el-tab-pane .user-tab-pane{height:100%}.x-person-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}.x-person-modal .selected-block .x-person-tag{margin:0 6px 12px}.x-person-modal .footer{display:-webkit-box;display:-ms-flexbox;display:flex}.x-person-modal .footer .footer-notice{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:flex-start;-webkit-box-flex:1;-ms-flex:1;flex:1}.x-person-modal .footer .footer-notice .footer-notice-text{font-size:12px;color:#b2b2b2}.x-person-modal .search-panel{height:auto;height:calc(100vh - 524px);max-height:458px;min-height:288px}.x-person-modal .search-panel .person-panel{height:calc(100vh - 524px);max-height:458px;min-height:288px}.x-person-modal .modal-search-input .el-input__inner{padding-left:30px!important;border:0}.x-person-modal .modal-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}.x-person-modal .modal-search-input .x-svg-icon .svg-icon{width:18px!important;height:18px!important}.x-person-modal .role-list{height:calc(100vh - 580px);max-height:402px;min-height:232px;overflow-y:auto}.x-person-modal .person-sklenton{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.x-person-modal .person-sklenton .person-option-sklenton .person-option-icon .x-product-skeleton{width:18px;height:18px}.x-person-modal .person-sklenton .person-option-sklenton .person-info .person-name{width:36px;height:18px}.x-person-modal .person-sklenton .person-option-sklenton .person-info .person-number{width:20px;height:18px}.x-person-modal .person-sklenton .person-option-sklenton .person-info .person-org-name{width:54px;height:18px}.x-person-modal .person-panel{height:calc(100vh - 580px);max-height:402px;min-height:232px;overflow-y:auto}.x-person-modal .person-panel .loading-text,.x-person-modal .person-panel .no-more{padding:12px 0;font-size:12px;color:#b2b2b2;text-align:center}.x-person-modal .person-option{display:-webkit-box;display:-ms-flexbox;display:flex;height:44px;cursor:pointer;border-radius:2px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.x-person-modal .person-option .person-option-avatar{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%}.x-person-modal .person-option .person-option-icon{margin:0 10px}.x-person-modal .person-option .person-option-icon .checkbox,.x-person-modal .person-option .person-option-icon .radio{color:#b2b2b2}.x-person-modal .person-option .person-option-icon .checkbox-active,.x-person-modal .person-option .person-option-icon .radio-active{color:#027aff}.x-person-modal .person-option .person-info{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;margin-left:12px;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.x-person-modal .person-option .person-info span{font-size:12px;text-align:left}.x-person-modal .person-option .person-info .person-name{-webkit-box-flex:0;-ms-flex:0 0 60px;flex:0 0 60px}.x-person-modal .person-option .person-info .person-number{margin:0 12px;color:#b2b2b2;-webkit-box-flex:0;-ms-flex:0 0 40px;flex:0 0 40px}.x-person-modal .person-option .person-info .person-org-name{-webkit-box-flex:1;-ms-flex:1;flex:1}.x-person-modal .role-option{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 12px;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.x-person-modal .role-option>div{display:-webkit-box;display:-ms-flexbox;display:flex;height:24px;font-size:12px;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.x-person-modal .role-option.active .role-name,.x-person-modal .role-option:hover .role-name{color:#027aff}.x-person-modal .role-option.active{background-color:#e6f2ff}.x-person-modal .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}.x-person-modal .role-option .role-sign.role-sign-tenant{background-color:#027aff}.x-person-modal .role-option .role-sign.role-sign-app{background-color:#f5a623}.x-person-modal .role-option .role-name{margin-left:12px;-webkit-box-flex:1;-ms-flex:1;flex:1}.x-person-modal .role-tab-pane{display:-webkit-box;display:-ms-flexbox;display:flex}.x-person-modal .role-tab-pane .role-split-line{-webkit-box-flex:0;-ms-flex:0 0 1px;flex:0 0 1px;background-color:#ebeef5}.x-person-modal .role-tab-pane .role-list-wrap,.x-person-modal .role-tab-pane .role-person-wrap{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;min-width:50%}.x-person-modal .department-tab-pane{display:-webkit-box;display:-ms-flexbox;display:flex}.remove-tab-header .el-tabs__header,.x-person-modal .department-tree .el-tree-node__loading-icon{display:none}.x-person-modal .department-tab-pane .department-split-line{-webkit-box-flex:0;-ms-flex:0 0 1px;flex:0 0 1px;background-color:#ebeef5}.x-person-modal .department-tab-pane .department-person,.x-person-modal .department-tab-pane .department-tree{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:50%}.x-person-modal .department-tree{height:calc(100vh - 524px);max-height:458px;min-height:288px;overflow:auto}.x-person-modal .department-tree .el-tree-node__expand-icon{padding:0 6px;font-size:14px;color:#dcdfe6}.x-person-modal .department-tree .el-tree-node__expand-icon.is-leaf{color:transparent!important}.x-person-modal .department-tree .el-tree__empty-block{min-height:inherit;padding:12px 0;font-size:0}.x-person-modal .department-tree .el-tree__empty-block .el-tree__empty-text{position:static;font-size:12px;color:#b2b2b2}.remove-tab-header .el-tabs__content,.remove-tab-header .person-panel{height:calc(100vh - 524px)!important;max-height:458px!important;min-height:288px!important}