.role-detail[data-v-20ef75fd]{height:100%;display:flex;flex-direction:column;position:relative}.role-detail .role-detail-header[data-v-20ef75fd]{padding:16px;width:100%;background:#fff;border-radius:4px}.role-detail .role-detail-header .title[data-v-20ef75fd]{font-size:20px;color:#333;font-weight:700}.role-detail .role-detail-header .description[data-v-20ef75fd]{font-size:14px;color:#999;line-height:20px}.role-detail .role-detail-wrapper[data-v-20ef75fd]{padding:16px;flex:1;overflow-x:hidden;overflow-y:auto;background-color:#fff;position:relative;display:flex;flex-direction:column}.role-detail .role-detail-wrapper .role-detail-top-wrapper[data-v-20ef75fd]{width:100%;z-index:2;background-color:#fff;box-shadow:0 8px 16px 8px #fff,0 -16px 0 0 #fff}.role-detail .role-detail-wrapper .role-detail-top-wrapper .tab-ul[data-v-20ef75fd]{color:#999;font-size:14px;overflow:hidden}.role-detail .role-detail-wrapper .role-detail-top-wrapper .tab-ul .tab-item[data-v-20ef75fd]{padding:0 16px;height:32px;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;background:#f7f8fa}.role-detail .role-detail-wrapper .role-detail-top-wrapper .tab-ul .tab-item i[data-v-20ef75fd]{margin-right:8px;font-size:16px}.role-detail .role-detail-wrapper .role-detail-top-wrapper .tab-ul .tab-item.active[data-v-20ef75fd]{background:#347fff;color:#fff}.role-detail .role-detail-wrapper .role-detail-top-wrapper .tab-ul .tab-item.no-click[data-v-20ef75fd]{display:none}.role-detail .role-detail-wrapper .role-detail-top-wrapper .tab-ul .tab-item[data-v-20ef75fd]:first-of-type{border-top-left-radius:4px;border-bottom-left-radius:4px}.role-detail .role-detail-wrapper .role-detail-top-wrapper .tab-ul .tab-item[data-v-20ef75fd]:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px}.role-detail .role-detail-wrapper .role-tree-wrapper[data-v-20ef75fd]{flex:1;overflow:hidden}.role-detail .role-detail-wrapper .role-tree-wrapper[data-v-20ef75fd] .vue-recycle-scroller{padding:16px 0}.role-detail .role-detail-wrapper .role-tree-wrapper[data-v-20ef75fd] .el-tree{font-size:14px}.role-detail .role-detail-wrapper .role-tree-wrapper[data-v-20ef75fd] .el-tree .el-tree-node,.role-detail .role-detail-wrapper .role-tree-wrapper[data-v-20ef75fd] .el-tree .el-tree-node .el-tree-node__children{transition:none!important}.role-detail .role-detail-wrapper .handler-wrapper[data-v-20ef75fd]{width:100%;z-index:1;background-color:#fff;box-shadow:0 16px 0 0 #fff,0 -8px 16px 8px #fff;text-align:right}