.role[data-v-eb1c5fd2]{width:100%;height:100%;padding:20px;display:flex;align-items:center;box-sizing:border-box}.role .roleLeft[data-v-eb1c5fd2]{position:relative;width:300px;height:100%}.role .roleLeft[data-v-eb1c5fd2]:after{content:" ";position:absolute;top:0;right:0;height:100%;border-right:1px solid #e7e7e7}.role .roleLeft .roleList[data-v-eb1c5fd2]{width:100%;max-height:calc(100% - 60px);overflow-y:auto}.role .roleLeft .roleList .roleItem[data-v-eb1c5fd2]{position:relative;width:100%;padding:20px;box-sizing:border-box;cursor:pointer}.role .roleLeft .roleList .roleItem .roleName[data-v-eb1c5fd2]{margin-bottom:12px;font-size:18px;font-weight:400;color:#333}.role .roleLeft .roleList .roleItem .remark[data-v-eb1c5fd2]{margin-bottom:11px;font-size:14px;font-weight:400;color:#666}.role .roleLeft .roleList .roleItem .createTime[data-v-eb1c5fd2]{font-size:12px;font-weight:400;color:#666}.role .roleLeft .roleList .roleItem .operateBtns[data-v-eb1c5fd2]{position:absolute;right:20px;top:23px}.role .roleLeft .roleList .roleItem .operateBtns[data-v-eb1c5fd2] .el-button--text{padding:0}.role .roleLeft .roleList .roleItem .operateBtns .delete[data-v-eb1c5fd2]{color:red!important}.role .roleLeft .roleList .roleItem[data-v-eb1c5fd2]:hover{background:#f8f8fc}.role .roleLeft .roleList .roleItem[data-v-eb1c5fd2]:after{content:" ";position:absolute;bottom:0;left:0;width:100%;border-bottom:1px solid #e7e7e7}.role .roleLeft .roleList .activeRole[data-v-eb1c5fd2]{background:#f8f8fc}.role .roleLeft .addRole[data-v-eb1c5fd2]{width:300px;height:60px;line-height:60px;color:#1a43a9;cursor:pointer}.role .roleLeft .addRole[data-v-eb1c5fd2] .el-button--text{padding:0}.role .roleLeft .addRole[data-v-eb1c5fd2] .el-button--text i{font-size:16px;font-weight:700}.role .roleLeft .addRole[data-v-eb1c5fd2] .el-button--text span{margin-left:8px;font-size:16px;font-weight:400}.role .roleright[data-v-eb1c5fd2]{position:relative;width:calc(100% - 60px);height:100%;margin-left:30px}.role .roleright .permissionList[data-v-eb1c5fd2]{width:100%;height:calc(100% - 35px);overflow-y:auto}.role .roleright .permissionList .permissionItem[data-v-eb1c5fd2]{margin-bottom:20px}.role .roleright .permissionList .permissionItem .firstItem[data-v-eb1c5fd2]{position:relative;padding:20px 0}.role .roleright .permissionList .permissionItem .firstItem[data-v-eb1c5fd2]:after{content:" ";position:absolute;bottom:0;left:0;width:100%;border-bottom:1px solid #e7e7e7}.role .roleright .permissionList .permissionItem .firstItem[data-v-eb1c5fd2] .el-checkbox__label{font-size:18px;font-weight:700;color:#333}.role .roleright .permissionList .permissionItem .childItem[data-v-eb1c5fd2]{position:relative}.role .roleright .permissionList .permissionItem .childItem[data-v-eb1c5fd2]:not(:last-of-type):after{content:" ";position:absolute;bottom:0;left:0;width:100%;border-bottom:1px solid #e7e7e7}.role .roleright .permissionList .permissionItem .childItem .secondItem[data-v-eb1c5fd2]{padding:20px 0}.role .roleright .permissionList .permissionItem .childItem .secondItem[data-v-eb1c5fd2] .el-checkbox__label{font-size:16px;font-weight:600;color:#333}.role .roleright .permissionList .permissionItem .childItem .thirdItem[data-v-eb1c5fd2]{padding:0 0 10px}.role .roleright .permissionList .permissionItem .childItem .thirdItem[data-v-eb1c5fd2] .el-checkbox{margin-bottom:10px;margin-right:60px}.role .roleright .permissionList .permissionItem .childItem .thirdItem[data-v-eb1c5fd2] .el-checkbox .el-checkbox__label{width:80px;font-size:14px;font-weight:400;color:#333}.role .roleright .permissionList .permissionItem .childItem .indexItem[data-v-eb1c5fd2]{padding:20px 0}.role .roleright .save[data-v-eb1c5fd2] .el-button{width:80px;height:32px;line-height:32px;padding:0;text-align:center;font-size:12px;font-weight:400;color:#fff}.el-input[data-v-eb1c5fd2],.el-radio-group[data-v-eb1c5fd2],.el-textarea[data-v-eb1c5fd2],[data-v-eb1c5fd2] .el-select{width:200px}