@media (min-width:768px){.roleDiv[data-v-772aceb7]{width:99.5%;height:100%;padding:1%;border:.005208rem solid #fff;background-color:#fff;border-radius:.052083rem;font-family:"\5FAE\8F6F\96C5\9ED1"}.roleDiv .roleCount[data-v-772aceb7]{width:100%;height:10%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.roleDiv .roleCount .roleItem[data-v-772aceb7]{width:33%;height:100%;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:.0625rem;border:.005208rem solid #e2e8f0;padding:1% 1.5%;display:flex;flex-direction:column;justify-content:center}.roleDiv .roleCount .roleItem .title[data-v-772aceb7]{font-size:.067708rem;font-weight:600;color:#475569}.roleDiv .roleCount .roleItem:first-child .count[data-v-772aceb7]{font-size:.145833rem;font-weight:700;color:#3b82f6}.roleDiv .roleCount .roleItem:nth-child(2) .count[data-v-772aceb7]{font-size:.145833rem;font-weight:700;color:#8b5cf6}.roleDiv .roleCount .roleItem:nth-child(3) .count[data-v-772aceb7]{font-size:.145833rem;font-weight:700;color:#10b981}.roleDiv .searchBox[data-v-772aceb7]{margin-top:1%;padding:1%;width:100%;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:.0625rem;border:.005208rem solid #e2e8f0;display:flex;flex-direction:row;justify-content:center}.roleDiv .searchBox .searchBox-left[data-v-772aceb7]{width:70%;height:100%}.roleDiv .searchBox .searchBox-left .el-input[data-v-772aceb7]{width:60%;margin-right:1%}.roleDiv .searchBox .searchBox-left .search[data-v-772aceb7]{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;box-shadow:0 .010417rem .020833rem 0 rgba(0,0,0,.06)}.roleDiv .searchBox .searchBox-left .reset[data-v-772aceb7]{background:#fff;color:#1e293b;border:.005208rem solid #e2e8f0}.roleDiv .searchBox .searchBox-right[data-v-772aceb7]{width:30%;height:100%;display:flex;justify-content:flex-end}.roleDiv .searchBox .searchBox-right .el-button[data-v-772aceb7]{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;box-shadow:0 .010417rem .020833rem 0 rgba(0,0,0,.06)}.roleDiv[data-v-772aceb7] .tableDiv{width:100%;height:70%;margin-top:1%;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:.0625rem;border:.005208rem solid #e2e8f0;padding:1%}.roleDiv[data-v-772aceb7] .tableDiv .el-table .saveSub{color:#3b82f6}.roleDiv[data-v-772aceb7] .tableDiv .el-table .delSub{color:#ef4444}.roleDiv[data-v-772aceb7] .tableDiv .addOrModify .el-form{width:90%;margin-left:5%}.roleDiv[data-v-772aceb7] .tableDiv .addOrModify .el-form .el-select{width:100%}.roleDiv[data-v-772aceb7] .tableDiv .addOrModify .voucherFileSub{display:flex;flex-direction:row;align-items:center}.roleDiv[data-v-772aceb7] .tableDiv .addOrModify .voucherFileSub .voucherFileSub-img{height:20%;width:20%;cursor:pointer}.roleDiv[data-v-772aceb7] .tableDiv .addOrModify .voucherFileSub .el-button{margin-left:2%}.roleDiv[data-v-772aceb7] .tableDiv .addOrModify .submitBut{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;box-shadow:0 .010417rem .020833rem 0 rgba(0,0,0,.06);width:1.041667rem}.roleDiv[data-v-772aceb7] .tableDiv .addOrModify .cancelBut{background-color:#fff;border:.005208rem solid #333;color:#333;font-size:.083333rem;width:.520833rem}.roleDiv[data-v-772aceb7] .tableDiv .permissionDialog .elTree .custom-tree-node{flex:1;display:flex;align-items:center;justify-content:space-between;font-size:.072917rem;padding-right:.041667rem}.roleDiv[data-v-772aceb7] .tableDiv .permissionDialog .elTree .custom-tree-node .descriptionSpan{color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:1.041667rem}.roleDiv[data-v-772aceb7] .tableDiv .permissionDialog .elSub{display:flex;justify-content:center;margin-top:1%}.roleDiv .pagination[data-v-772aceb7]{width:100%;margin-top:1%}.roleDiv .pagination .el-pagination[data-v-772aceb7]{float:right}}