.roles-sys[data-v-62346bee]{width:100%;height:100%;background:#fff;overflow:auto}.tool-bar[data-v-62346bee]{height:40px}.tool-bar .ant-btn[data-v-62346bee]{margin-right:10px}.tool-bar .ant-btn[data-v-62346bee]:last-child{margin-right:0}[data-v-62346bee] .ant-table-placeholder{min-height:200px;line-height:200px}.side-menu[data-v-62346bee]{margin-right:20px;width:256px}.roles[data-v-62346bee]{height:80%;overflow:auto}.main[data-v-62346bee]{width:82%;height:100%}.main-top[data-v-62346bee]{height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.main-top .roleName[data-v-62346bee]{color:#000;padding:0 5px;height:20px;line-height:18px;font-size:16px!important;border-left:4px solid #1890ff}.main-bottom[data-v-62346bee]{display:-webkit-box;display:-ms-flexbox;display:flex;height:90%;border:1px solid #e8e8e8}.main-bottom .menus[data-v-62346bee]{height:auto;width:256px;overflow:auto;padding-top:20px;border-right:1px solid #e8e8e8}.main-bottom .tagList[data-v-62346bee]{width:80%;height:100%;overflow:auto}.main-bottom .tagList .tag-title[data-v-62346bee]{color:#000}.main-bottom .tagList .tag-info[data-v-62346bee]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap}.main-bottom .tagList .tag-list[data-v-62346bee]{width:190px;margin:10px 20px 10px 0;padding:10px;height:100px;border-radius:8px;border:1px solid #d9d9d9;background-position:100% 0;background-size:30px 30px;position:relative;background:#f8f9ff}.main-bottom .tagList .tag-list .tag-list-top[data-v-62346bee]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:30px}.main-bottom .tagList .tag-list .tag-list-top .tag-list-name[data-v-62346bee]{height:30px;line-height:30px;width:130px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.main-bottom .tagList .tag-list .tag-list-top .tag-list-type[data-v-62346bee]{text-align:right;width:50px;height:30px;line-height:30px}.main-bottom .tagList .tag-list-action[data-v-62346bee]{height:20px;position:absolute;width:100%;left:0;padding:0 15px;bottom:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-bottom .tagList .tag-list .GET[data-v-62346bee]{color:#0d5aa7;font-weight:600}.main-bottom .tagList .tag-list .POST[data-v-62346bee]{color:#2db7f5;font-weight:600}.main-bottom .tagList .tag-list .DELETE[data-v-62346bee]{color:#f93e3e;font-weight:600}.main-bottom .tagList .tag-list .PUT[data-v-62346bee]{color:#fca130;font-weight:600}.main-bottom .tagList .more-tag-child[data-v-62346bee]{margin-bottom:20px}.roles[data-v-62346bee] .ant-tree-switcher{display:none}.no-content[data-v-62346bee]{width:100%;height:200px;text-align:center;line-height:200px;color:rgba(0,0,0,.45);border-bottom:1px solid #e8e8e8}.no-data[data-v-62346bee]{color:#999;font-size:12px!important}.more-tag[data-v-62346bee]{padding:20px}.search-box[data-v-62346bee]{text-align:left;width:90%;margin:20px 0}.search-box-select[data-v-62346bee]{width:150px}.role-tree[data-v-62346bee].ant-tree-node-content-wrapper{width:100%}.role-title[data-v-62346bee]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.role-title-icon[data-v-62346bee]{width:8px;height:8px;margin-right:8px}.role-title-text[data-v-62346bee]{width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}