.system-roles{padding:10px 0 2px;height:100%;display:flex;flex-direction:column}.system-roles .wrap{flex:1;overflow:hidden;display:flex}.system-roles .left-box{width:320px;margin-left:8px;border:1px solid #eee;border-radius:6px;overflow-y:auto;margin-bottom:8px}.system-roles .left-box,.system-roles .right-box{background-color:#fff;box-shadow:0 2px 18px 0 #becbdc}.system-roles .right-box{flex:1;overflow:hidden;display:flex;flex-direction:column;margin:0 8px;border-radius:6px;margin-bottom:8px}.system-roles .role-table{flex:1;overflow:hidden;padding:8px}.system-roles .flex-top{display:flex;justify-content:space-between;align-items:center}::v-deep .vxe-modal--content{display:flex;flex-direction:column;height:100%}::v-deep .vxe-modal--wrapper .vxe-modal--content{white-space:normal}.power-box,.user-box{height:calc(100% - 44px)}.role-form{margin-top:10px}.power-tree.el-tree{padding:20px 0 0 0}.power-tree.el-tree ::v-deep .el-tree-node__content{height:auto;line-height:19px;align-items:inherit}.power-tree.el-tree ::v-deep .el-tree-node__content>.el-tree-node__expand-icon{padding:0 6px}.power-tree.el-tree ::v-deep .el-checkbox__label{font-size:12px;font-weight:400}.power-foot{margin-top:20px}.btn-power{font-size:0;display:flex;width:100%;flex-wrap:wrap}.btn-power-item{font-size:12px;padding-right:10px;text-overflow:ellipsis;white-space:nowrap}