.addrole{bottom:20px;left:20px;overflow-y:auto;padding-right:20px;position:absolute;right:0;top:0;z-index:1}.addrole .title{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAADAp4fuAAAAAXNSR0IArs4c6QAAAHtJREFUCB1jWLNxT8zqTXs9GZAA0x9GhptMjIzlazbvzYCJM4IYq1ZtE2XmZJ/G8J/x1tcPv9vAghCJVTxMnMJXGRkYK6Eqt0owcXHOYPz//8zT+z+7WVZs3mvEzMA48T8Dw/xgX+d5IF0sTP/+C/9j+lcb6uN6ACQAAgCkFSpNyAUYhgAAAABJRU5ErkJggg==) no-repeat top 21px left 57px #f7f9fb;color:#858c96;font-size:12px;height:50px;line-height:50px}.addrole .title span{color:#212832;margin-left:20px}.addrole .main{background:#fff;padding-bottom:110px;width:100%}.addrole .main .addRoleInfo{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAVpJREFUOBFjZMAC/s80ZmW4dj+AgYExgIGRwYThP4MUWBkjwzMg+wwDw/8NDFqKGxjTz/5G186ILvC/UDiQ4R9DN1CTMrocKp/xLgMTQylj/9v1yOJwA/83NDAxfJzUATSsFFkBQTYT0HL+vArGhoZ/ILUscA3kGAbSDHLAx0kgVhmIALsQ4s3/60ACZAMmxiCQ9xkhEfDgOt4ws02F2HN4Nh77gGGqpaDJAolNBvwRwC2IxyCYFDASgSmDCZw0YGIU04xAA0HpjFoAaBYLPNEiGwoKM2RvqthAZD2QFH19z8CAHqbADAD0MnUBC9DLoOykhmIsus0wl+3oQlGGwQGaxQTJmxhS5AkA8znQy8CMTjXwfwMTqNQAJp27eM0ERQAI4wWghA0sgUBqqJn1wLEMLoJApQa5AKgXVowhkg2wCAKWb6QbCi2+YG6Bl4cwAaoVsDADQTQlVQAAHxF68yo5wwIAAAAASUVORK5CYII=) no-repeat center left 15px;color:#212832;height:46px;line-height:46px;padding-left:46px}.addrole .main .roleContent{border-top:1px solid #cfd5dc;height:calc(100% - 62px);padding-top:14px;width:100%}.addrole .main .roleContent .rolelist{margin-top:26px}.addrole .main .roleContent .rolelist>label{color:#5e656f;float:left;font-size:12px;line-height:32px;text-align:right;width:154px}.addrole .main .roleContent .rolelist>label span{color:#ff344a}.addrole .main .roleContent .rolelist>label .tar{float:right;height:30px;line-height:15px;text-align:left;width:50px}.addrole .main .roleContent .rolelist>label .tarIcon{float:right;height:30px;line-height:15px;width:5px}.addrole .main .roleContent .el-input{margin-left:12px;width:220px}.addrole .main .roleContent .el-textarea{margin-left:12px;width:475px}.addrole .main .roleContent .roleRadio{height:30px}.addrole .main .roleContent .roleRadio .el-radio{margin-left:20px;width:80px}.addrole .main .roleContent .roleRadio .el-radio .el-radio__label{color:#212832}.addrole .main .roleContent .permission{margin-left:166px;min-height:580px;overflow:hidden;width:660px}.addrole .main .roleContent .permission .menutitle{background:#e7f0f8;height:44px;line-height:44px;margin-top:10px;width:100%}.addrole .main .roleContent .permission .menutitle .el-checkbox{cursor:default;float:left;width:auto}.addrole .main .roleContent .permission .menutitle .menu_showoff{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAAAXNSR0IArs4c6QAAALdJREFUGBljXLVplz0TI8sWRkYGHgZ84P//b/8YGAKZmBmZiwgqBhnEyMjFyMBQwPT3+88Uhv8MJ/AZDpYDqvn3/Wc8UBMDw6rNu+WYGJh2MTIyqmPT+P///5v/GP65hfm6PmICKQAx/v39FwpkPsei4TlIDqQGJAfWAGKEBbheZvj7P+I/w/+PID4IgNlAMbAcRAihAcQP9nc+9P8vYxLQCb/AGMgGiUHV4qbWbt5bs3rL3nJsKgCD3kzEOtV9QwAAAABJRU5ErkJggg==) no-repeat 100%;cursor:pointer;display:inline-block;height:44px;margin-left:10px;padding-right:20px}.addrole .main .roleContent .permission label{color:#212832;font-size:12px;line-height:44px;margin-left:20px;text-align:left}.addrole .main .roleContent .permission label span{color:#5e656f}.addrole .main .roleContent .permission .el-checkbox{width:128px}.addrole .main .roleContent .permission .el-collapse-item__content{-webkit-box-sizing:border-box;border-bottom:1px dashed #ccc;box-sizing:border-box;color:#303133;font-size:13px;height:44px;line-height:44px;padding-bottom:0}.addrole .main .roleContent .permission .el-collapse-item__arrow{float:none;margin-left:5px}.addrole .main .roleContent .updateTar{position:relative}.addrole .main .roleContent .updateTar .updateFileBtn{background:#00d5b9;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAAXNSR0IArs4c6QAAAPVJREFUKBV9kj8OAUEUh2dETQgJQekAotNxAIVGIpqNUuICbiAKcQeuIHEFUWo1GpEoUClY32N3ze4OL/ky7/3e+82fZLTruk2lVAnMuFOstdYXUzRzjfGJsIWD0ciRF6GF2dSDETG6VH0GFoFKgjxnacPK1L18l/QSMYeCjUaYN4jlUEOpOvVcdpboRZqiV6Bg0R0xJLxG7ET0IThRo1/HrspmeZpVqECGusG65+pH1iBiRjodGIAYH1CDJczgG3JfovtVPhnaBMYW/f1G24n+7Ink5wf4aeRNU38H2yofQL7XGW62AYuWRsuKUf5pyjLwT7q+AMX0Zf50rIIwAAAAAElFTkSuQmCC) no-repeat center left 20px #00d5b9;border-radius:3px;color:#fff;cursor:pointer;height:30px;left:443px;line-height:32px;position:absolute;text-align:center;text-indent:2em;top:0;width:112px}.addrole .main .roleContent .updateTar .updateFileBtn .updateBtn{bottom:0;cursor:pointer;left:0;opacity:0;overflow:hidden;position:absolute;right:0;top:0}.addrole .main .roleContent .roleBtn{margin-left:153px;margin-top:70px}.addrole .main .roleContent .roleBtn button{background:#fff;border:1px solid #cfd5dc;border-radius:3px;cursor:pointer;margin:0 20px;padding:4px 26px}.addrole .main .roleContent .roleBtn button:hover{background:#1b88ee;border:1px solid #1b88ee;color:#fff}