.role-new{width:682px}.distribution-menu{width:400px;height:488px;padding:0 16px;padding-bottom:56px;background-color:#f5f5f5}.distribution-menu .distribution-menu-box{width:100%;height:100%;position:relative;padding-top:57px}.distribution-menu .distribution-menu-box .search-box{position:absolute;left:0;top:0;width:100%;height:57px;padding-top:20px;padding-left:16px;padding-right:45px}.distribution-menu .distribution-menu-box .search-box .el-input__inner{height:36px;line-height:36px;box-shadow:0 1px 2px 0 rgba(0,0,0,.15);border-radius:2px;padding-left:31px;font-size:14px}.distribution-menu .distribution-menu-box .search-box .el-input__suffix{display:flex;align-items:center}.distribution-menu .distribution-menu-box .search-box .el-input__prefix{width:31px;height:100%;display:flex;align-items:center;left:0;padding-left:9px;box-sizing:border-box}.distribution-menu .distribution-menu-box .search-box .el-input__prefix .input-search{width:14px;height:14px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAACJ0lEQVQ4T52TPYhTQRSFz52XZINIXHAF3Yi4oKKVrQspIhtImPeeoIgg2KogWIhgsYidlVta+APWauEqb/IHQVdEtLFwGwtF0EURF6sVoyGZIyOJvM2fuFPNzL3zcebecwWxVa1Wd3c6nXmSBRGZJrkmIq9I3gzDcDGe27+X3kW5XD5rrV0AsHnYAxG5n06nzxUKhW9D4+6yC7nh9iKyKCJ3EonE606nk7XWzpGcB7AJwIsgCHIiYgcU1ev1mVartdxVcj4Mw+v9SbVabU+73X5GcrtS6pLv+9cGQMaYWyRPOyVBEBwbVQdjzBGSjwB89zxvSmv9K54rURS9BzCjlAp93zfjCmqM+Upym+d5ea3103UgY8xPkhOpVGpXsVhcGQeKoqgBYE5ETgZBcLdf0SqAKc/zZrXWL/8BegNgv+d5Oa31835FNZJFEbkcBMHVUaBKpbLTWvvRxScnJ7fkcrm1fkVHATwA8COZTB4slUrvhsGMMVWSpVFN+WNIY8w9kidE5ItS6ozWOurBukpuOwiAplLqgO/7H4Y6u9FobG02m+7xbNeUqySdt7IA9gFQDiIiTQCPnUHDMHy77mu9A0lVqVQuWmuvxMdERAjgoYhcILlA8jiAzwDycdjfWYt9ZQLAIWvtDqXUSiaTWe4VNoqivQCWAEyLyCeSh3uwAdC49ruYg4nIE5JZB0skEnnXoP8GjYJtCORg3UFe6ipb2jAoBnPWOPUbNHkJfeZ00+QAAAAASUVORK5CYII=);background-size:100% 100%}.distribution-menu .distribution-menu-box .choose-menu-box{height:100%;width:100%;position:relative;padding-top:30px}.distribution-menu .distribution-menu-box .choose-menu-box .choose-menu-text{position:absolute;top:0;left:0;height:38px;width:100%;padding-left:16px;line-height:38px;color:#8c8c8c;font-size:16px}.distribution-menu .distribution-menu-box .choose-menu-box .choose-menu-content,.distribution-menu .distribution-menu-box .choose-menu-box .choose-menu-content .choose-menu-scrollbar{height:100%;width:100%}.distribution-menu .distribution-menu-box .choose-menu-box .choose-menu-content .choose-menu-scrollbar .el-scrollbar__wrap{overflow-x:hidden}.distribution-menu .distribution-menu-box .choose-menu-box .choose-menu-content .choose-menu-scrollbar .el-scrollbar__wrap .el-tree{background-color:#f5f5f5}.distribution-menu .distribution-menu-box .choose-menu-box .choose-menu-content .choose-menu-scrollbar .el-scrollbar__wrap .el-tree .el-tree-node__content{height:38px}.distribution-menu .distribution-menu-box .choose-menu-box .choose-menu-content .choose-menu-scrollbar .el-scrollbar__wrap .el-tree .el-tree-node__content:hover{background-color:#e8e8e8}.distribution-menu .distribution-menu-box .choose-menu-box .choose-menu-content .choose-menu-scrollbar .el-scrollbar__wrap .el-tree .el-tree-node__content .el-tree-node__label{color:#262626}.distribution-menu .distribution-menu-button{width:100%;height:56px;position:absolute;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.distribution-menu .distribution-menu-button .el-button{height:32px;line-height:32px;padding:0 16px;font-size:14px}.distribution-menu .distribution-menu-button .el-button+.el-button{margin-left:24px}.distribution-permissions{width:660px;height:462px;padding-bottom:56px;background-color:#f5f5f5}.distribution-permissions .distribution-permissions-box{width:100%;height:100%;padding-top:20px;display:flex;justify-content:space-between}.distribution-permissions .distribution-permissions-box .distribution-menu-box{position:relative;width:252px;height:100%;padding-top:47px}.distribution-permissions .distribution-permissions-box .distribution-menu-box .search-box{position:absolute;left:0;top:0;width:100%;height:47px;padding-top:10px;padding-left:16px;padding-right:16px}.distribution-permissions .distribution-permissions-box .distribution-menu-box .search-box .el-input__inner{height:30px;line-height:30px;box-shadow:0 1px 2px 0 rgba(0,0,0,.15);border-radius:2px;padding-left:31px;font-size:12px}.distribution-permissions .distribution-permissions-box .distribution-menu-box .search-box .el-input__prefix{width:31px;height:100%;display:flex;align-items:center;left:0;padding-left:9px;box-sizing:border-box}.distribution-permissions .distribution-permissions-box .distribution-menu-box .search-box .el-input__prefix .input-search{width:14px;height:14px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAACJ0lEQVQ4T52TPYhTQRSFz52XZINIXHAF3Yi4oKKVrQspIhtImPeeoIgg2KogWIhgsYidlVta+APWauEqb/IHQVdEtLFwGwtF0EURF6sVoyGZIyOJvM2fuFPNzL3zcebecwWxVa1Wd3c6nXmSBRGZJrkmIq9I3gzDcDGe27+X3kW5XD5rrV0AsHnYAxG5n06nzxUKhW9D4+6yC7nh9iKyKCJ3EonE606nk7XWzpGcB7AJwIsgCHIiYgcU1ev1mVartdxVcj4Mw+v9SbVabU+73X5GcrtS6pLv+9cGQMaYWyRPOyVBEBwbVQdjzBGSjwB89zxvSmv9K54rURS9BzCjlAp93zfjCmqM+Upym+d5ea3103UgY8xPkhOpVGpXsVhcGQeKoqgBYE5ETgZBcLdf0SqAKc/zZrXWL/8BegNgv+d5Oa31835FNZJFEbkcBMHVUaBKpbLTWvvRxScnJ7fkcrm1fkVHATwA8COZTB4slUrvhsGMMVWSpVFN+WNIY8w9kidE5ItS6ozWOurBukpuOwiAplLqgO/7H4Y6u9FobG02m+7xbNeUqySdt7IA9gFQDiIiTQCPnUHDMHy77mu9A0lVqVQuWmuvxMdERAjgoYhcILlA8jiAzwDycdjfWYt9ZQLAIWvtDqXUSiaTWe4VNoqivQCWAEyLyCeSh3uwAdC49ruYg4nIE5JZB0skEnnXoP8GjYJtCORg3UFe6ipb2jAoBnPWOPUbNHkJfeZ00+QAAAAASUVORK5CYII=);background-size:100% 100%}.distribution-permissions .distribution-permissions-box .distribution-menu-box .distribution-tree-box{height:100%;width:100%;position:relative;padding-top:32px}.distribution-permissions .distribution-permissions-box .distribution-menu-box .distribution-tree-box .distribution-text{position:absolute;top:0;left:0;width:100%;font-size:14px;font-family:PingFang SC;font-weight:400;color:#8c8c8c;line-height:32px;height:32px;padding-left:16px;background-color:#f5f5f5}.distribution-permissions .distribution-permissions-box .distribution-menu-box .distribution-tree-box .distribution-tree{height:100%}.distribution-permissions .distribution-permissions-box .distribution-menu-box .distribution-tree-box .distribution-tree .zy-tree{width:252px;min-width:252px;background-color:#f5f5f5}.distribution-permissions .distribution-permissions-box .distribution-menu-box .distribution-tree-box .distribution-tree .zy-tree .zy-tree-components-item{background-color:#f5f5f5}.distribution-permissions .distribution-permissions-box .distribution-menu-box .distribution-tree-box .distribution-tree .zy-tree .zy-tree-components-item .zy-tree-components-item-text{height:30px;line-height:30px;font-size:12px}.distribution-permissions .distribution-permissions-box .distribution-permissions-list{width:408px;height:100%;border-left:1px solid #d9d9d9;padding:0 16px}.distribution-permissions .distribution-permissions-box .distribution-permissions-list .el-table{background-color:#f5f5f5}.distribution-permissions .distribution-permissions-box .distribution-permissions-list .el-table th{background-color:#e6e5e8;height:30px;padding:0;font-size:12px}.distribution-permissions .distribution-permissions-box .distribution-permissions-list .el-table th>.cell{font-weight:500}.distribution-permissions .distribution-permissions-box .distribution-permissions-list .el-table__body td{height:30px;padding:0;font-size:12px;background-color:#f5f5f5}.distribution-permissions .distribution-permissions-box .distribution-permissions-list .el-table--enable-row-hover .el-table__body tr:hover>td{background-color:#e0eaf2}.distribution-permissions .distribution-permissions-button{width:100%;height:56px;position:absolute;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.distribution-permissions .distribution-permissions-button .el-button{height:32px;line-height:32px;padding:0 16px;font-size:14px}.distribution-permissions .distribution-permissions-button .el-button+.el-button{margin-left:24px}.data-permissions{width:880px;height:520px;padding:0 24px}.data-permissions .data-permissions-box{height:464px;width:100%;border:1px solid #e6e6e6}.data-permissions .data-permissions-button{width:100%;height:56px;display:flex;align-items:center;justify-content:center}.data-permissions .data-permissions-button .el-button{height:32px;line-height:32px;padding:0 16px;font-size:14px}.data-permissions .data-permissions-button .el-button+.el-button{margin-left:24px}.role-module{width:400px;height:488px;padding:0 16px;padding-bottom:56px;background-color:#f5f5f5}.role-module .role-module-box{width:100%;height:100%;position:relative;padding-top:57px}.role-module .role-module-box .search-box{position:absolute;left:0;top:0;width:100%;height:57px;padding-top:20px;padding-left:16px;padding-right:45px}.role-module .role-module-box .search-box .el-input__inner{height:36px;line-height:36px;box-shadow:0 1px 2px 0 rgba(0,0,0,.15);border-radius:2px;padding-left:31px;font-size:14px}.role-module .role-module-box .search-box .el-input__suffix{display:flex;align-items:center}.role-module .role-module-box .search-box .el-input__prefix{width:31px;height:100%;display:flex;align-items:center;left:0;padding-left:9px;box-sizing:border-box}.role-module .role-module-box .search-box .el-input__prefix .input-search{width:14px;height:14px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAACJ0lEQVQ4T52TPYhTQRSFz52XZINIXHAF3Yi4oKKVrQspIhtImPeeoIgg2KogWIhgsYidlVta+APWauEqb/IHQVdEtLFwGwtF0EURF6sVoyGZIyOJvM2fuFPNzL3zcebecwWxVa1Wd3c6nXmSBRGZJrkmIq9I3gzDcDGe27+X3kW5XD5rrV0AsHnYAxG5n06nzxUKhW9D4+6yC7nh9iKyKCJ3EonE606nk7XWzpGcB7AJwIsgCHIiYgcU1ev1mVartdxVcj4Mw+v9SbVabU+73X5GcrtS6pLv+9cGQMaYWyRPOyVBEBwbVQdjzBGSjwB89zxvSmv9K54rURS9BzCjlAp93zfjCmqM+Upym+d5ea3103UgY8xPkhOpVGpXsVhcGQeKoqgBYE5ETgZBcLdf0SqAKc/zZrXWL/8BegNgv+d5Oa31835FNZJFEbkcBMHVUaBKpbLTWvvRxScnJ7fkcrm1fkVHATwA8COZTB4slUrvhsGMMVWSpVFN+WNIY8w9kidE5ItS6ozWOurBukpuOwiAplLqgO/7H4Y6u9FobG02m+7xbNeUqySdt7IA9gFQDiIiTQCPnUHDMHy77mu9A0lVqVQuWmuvxMdERAjgoYhcILlA8jiAzwDycdjfWYt9ZQLAIWvtDqXUSiaTWe4VNoqivQCWAEyLyCeSh3uwAdC49ruYg4nIE5JZB0skEnnXoP8GjYJtCORg3UFe6ipb2jAoBnPWOPUbNHkJfeZ00+QAAAAASUVORK5CYII=);background-size:100% 100%}.role-module .role-module-box .choose-menu-box{height:100%;width:100%;position:relative;padding-top:30px}.role-module .role-module-box .choose-menu-box .choose-menu-text{position:absolute;top:0;left:0;height:38px;width:100%;padding-left:16px;line-height:38px;color:#8c8c8c;font-size:16px}.role-module .role-module-box .choose-menu-box .choose-menu-content,.role-module .role-module-box .choose-menu-box .choose-menu-content .choose-menu-scrollbar{height:100%;width:100%}.role-module .role-module-box .choose-menu-box .choose-menu-content .choose-menu-scrollbar .el-scrollbar__wrap{overflow-x:hidden}.role-module .role-module-box .choose-menu-box .choose-menu-content .choose-menu-scrollbar .el-scrollbar__wrap .el-tree{background-color:#f5f5f5}.role-module .role-module-box .choose-menu-box .choose-menu-content .choose-menu-scrollbar .el-scrollbar__wrap .el-tree .el-tree-node__content{height:38px}.role-module .role-module-box .choose-menu-box .choose-menu-content .choose-menu-scrollbar .el-scrollbar__wrap .el-tree .el-tree-node__content:hover{background-color:#e8e8e8}.role-module .role-module-box .choose-menu-box .choose-menu-content .choose-menu-scrollbar .el-scrollbar__wrap .el-tree .el-tree-node__content .el-tree-node__label{color:#262626}.role-module .role-module-button{width:100%;height:56px;position:absolute;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.role-module .role-module-button .el-button{height:32px;line-height:32px;padding:0 16px;font-size:14px}.role-module .role-module-button .el-button+.el-button{margin-left:24px}.synchronous{width:660px;height:462px;padding-bottom:56px;background-color:#f5f5f5}.synchronous .distribution-permissions-box{width:100%;height:100%;padding-top:20px;display:flex;justify-content:space-between}.synchronous .distribution-permissions-box .distribution-menu-box{position:relative;width:252px;height:100%;padding-top:47px}.synchronous .distribution-permissions-box .distribution-menu-box .search-box{position:absolute;left:0;top:0;width:100%;height:47px;padding-top:10px;padding-left:16px;padding-right:16px}.synchronous .distribution-permissions-box .distribution-menu-box .search-box .el-input__inner{height:30px;line-height:30px;box-shadow:0 1px 2px 0 rgba(0,0,0,.15);border-radius:2px;padding-left:31px;font-size:12px}.synchronous .distribution-permissions-box .distribution-menu-box .search-box .el-input__prefix{width:31px;height:100%;display:flex;align-items:center;left:0;padding-left:9px;box-sizing:border-box}.synchronous .distribution-permissions-box .distribution-menu-box .search-box .el-input__prefix .input-search{width:14px;height:14px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAACJ0lEQVQ4T52TPYhTQRSFz52XZINIXHAF3Yi4oKKVrQspIhtImPeeoIgg2KogWIhgsYidlVta+APWauEqb/IHQVdEtLFwGwtF0EURF6sVoyGZIyOJvM2fuFPNzL3zcebecwWxVa1Wd3c6nXmSBRGZJrkmIq9I3gzDcDGe27+X3kW5XD5rrV0AsHnYAxG5n06nzxUKhW9D4+6yC7nh9iKyKCJ3EonE606nk7XWzpGcB7AJwIsgCHIiYgcU1ev1mVartdxVcj4Mw+v9SbVabU+73X5GcrtS6pLv+9cGQMaYWyRPOyVBEBwbVQdjzBGSjwB89zxvSmv9K54rURS9BzCjlAp93zfjCmqM+Upym+d5ea3103UgY8xPkhOpVGpXsVhcGQeKoqgBYE5ETgZBcLdf0SqAKc/zZrXWL/8BegNgv+d5Oa31835FNZJFEbkcBMHVUaBKpbLTWvvRxScnJ7fkcrm1fkVHATwA8COZTB4slUrvhsGMMVWSpVFN+WNIY8w9kidE5ItS6ozWOurBukpuOwiAplLqgO/7H4Y6u9FobG02m+7xbNeUqySdt7IA9gFQDiIiTQCPnUHDMHy77mu9A0lVqVQuWmuvxMdERAjgoYhcILlA8jiAzwDycdjfWYt9ZQLAIWvtDqXUSiaTWe4VNoqivQCWAEyLyCeSh3uwAdC49ruYg4nIE5JZB0skEnnXoP8GjYJtCORg3UFe6ipb2jAoBnPWOPUbNHkJfeZ00+QAAAAASUVORK5CYII=);background-size:100% 100%}.synchronous .distribution-permissions-box .distribution-menu-box .distribution-tree-box{height:100%;width:100%;position:relative;padding-top:32px}.synchronous .distribution-permissions-box .distribution-menu-box .distribution-tree-box .distribution-text{position:absolute;top:0;left:0;width:100%;font-size:14px;font-family:PingFang SC;font-weight:400;color:#8c8c8c;line-height:32px;height:32px;padding-left:16px;background-color:#f5f5f5}.synchronous .distribution-permissions-box .distribution-menu-box .distribution-tree-box .distribution-tree{height:100%}.synchronous .distribution-permissions-box .distribution-menu-box .distribution-tree-box .distribution-tree .zy-tree{width:252px;min-width:252px;background-color:#f5f5f5}.synchronous .distribution-permissions-box .distribution-menu-box .distribution-tree-box .distribution-tree .zy-tree .zy-tree-components-item{background-color:#f5f5f5}.synchronous .distribution-permissions-box .distribution-menu-box .distribution-tree-box .distribution-tree .zy-tree .zy-tree-components-item .zy-tree-components-item-text{height:30px;line-height:30px;font-size:12px}.synchronous .distribution-permissions-box .distribution-permissions-list{width:408px;height:100%;border-left:1px solid #d9d9d9;padding:0 16px}.synchronous .distribution-permissions-box .distribution-permissions-list .el-table{background-color:#f5f5f5}.synchronous .distribution-permissions-box .distribution-permissions-list .el-table th{background-color:#e6e5e8;height:30px;padding:0;font-size:12px}.synchronous .distribution-permissions-box .distribution-permissions-list .el-table th>.cell{font-weight:500}.synchronous .distribution-permissions-box .distribution-permissions-list .el-table__body td{height:30px;padding:0;font-size:12px;background-color:#f5f5f5}.synchronous .distribution-permissions-box .distribution-permissions-list .el-table--enable-row-hover .el-table__body tr:hover>td{background-color:#e0eaf2}.synchronous .distribution-permissions-button{width:100%;height:56px;position:absolute;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.synchronous .distribution-permissions-button .el-button{height:32px;line-height:32px;padding:0 16px;font-size:14px}.synchronous .distribution-permissions-button .el-button+.el-button{margin-left:24px}.roleShortcutMenu{width:682px}.roleShortcutMenu .el-checkbox{width:50%;margin:0}.role-management{height:100%;width:100%}.role-management .tableData{height:calc(100% - 116px)}.role-management .tableData .help{margin-left:10px;display:inline-block}