.department{background:#fff;width:100%;height:100%;overflow:hidden}.department .card-header{display:flex;justify-content:space-between;align-items:center}.department .role-box{min-height:300px}.department .role_name_ul{padding-bottom:20px}.department .role_name_ul .role_name_li{height:36px}.department .role_name_ul .role_name_li .name_input{box-sizing:border-box;padding:2px 5px}.department .role_name_ul .role_name_li .name_input .el-input_wrapper{box-shadow:0 0 0 0 1px var(--el-input-focus-border-color) inset}.department .role_name_ul .role_name_li .name_input .btnOk{cursor:pointer}.department .role_name_ul .role_name_li .name_item{box-sizing:border-box;padding:0 16px;width:100%;height:36px;line-height:36px;display:flex;justify-content:space-between;align-items:center;font-size:14px;cursor:pointer}.department .role_name_ul .role_name_li .name_item:hover{background:#f3f6fe}.department .role_name_ul .role_name_li .name_item:hover .btn{display:block}.department .role_name_ul .role_name_li .name_item.active{background-color:var(--el-color-primary-light-9);color:var(--el-color-primary)}.department .role_name_ul .role_name_li .name_item .name_item_title{flex:1;padding-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.department .role_name_ul .role_name_li .name_item .btn{display:none}.roleList{height:100%;display:flex;flex-direction:column}.roleList .roleList-content{flex:1;display:flex;gap:10px;overflow:hidden}.roleList .roleList-content .tree{width:300px}.roleList .roleList-content .global-el-card-box .card-header{display:flex;justify-content:space-between;align-items:center}.roleList .roleList-content .global-el-card-box .roleList-tree .classTree .el-tree-node__children{display:flex;flex-wrap:wrap}