[data-v-4236d20b]:root{--color-primary:red;--color-secondary:#ff0}[data-v-4236d20b].el-table__header{font-size:13px;font-weight:500}[data-v-4236d20b].el-table__header th{color:#333;background:#fafafa}.roleIndex[data-v-4236d20b]{height:100vh}.roleIndex .role-left[data-v-4236d20b]{height:100%;overflow-y:auto;position:relative;background:#fff;border-radius:4px;border-top-right-radius:0;padding:4px;padding-top:60px}.roleIndex .role-left .add-btn-Container[data-v-4236d20b]{height:60px;width:calc(100% - 8px);position:absolute;top:0;display:flex;align-items:center;justify-content:center;z-index:10}.roleIndex .role-left-add[data-v-4236d20b]{display:block;width:90%;margin:auto}.roleIndex .role-left .role-container[data-v-4236d20b]{height:100%;overflow-y:auto}.roleIndex .role-left .role-container .role-li[data-v-4236d20b]{width:100%;border-radius:2px;height:32px;line-height:32px;padding-left:8%;cursor:pointer;font-size:14px;margin-bottom:2px}.roleIndex .role-left .role-container .role-li.active[data-v-4236d20b],.roleIndex .role-left .role-container .role-li[data-v-4236d20b]:hover{background-color:#e7f9f9;color:#13c2c2}.roleIndex .role-right[data-v-4236d20b]{padding-left:10px;height:100%;overflow-y:auto}.roleIndex .role-right .role-right-header[data-v-4236d20b]{display:flex;align-items:center;position:relative;height:68px}.roleIndex .role-right .role-right-header span[data-v-4236d20b]{color:#13c2c2;font-size:18px;cursor:pointer}.roleIndex .role-right .role-right-header .rightBtns[data-v-4236d20b]{width:300px;position:absolute;right:20px;display:flex;justify-content:flex-end}.roleIndex .role-right .role-table[data-v-4236d20b]{margin-top:10px}.roleIndex .role-right .table-header[data-v-4236d20b]{margin-bottom:16px}.roleIndex .role-right .table-header-search[data-v-4236d20b]{width:200px}.roleIndex .role-right .table-header-search[data-v-4236d20b].el-input__inner{border-radius:4px!important}