.role-container{height:100%;width:100%}.role-container .open-header{height:100px;width:100%;padding:16px 32px 0 32px;background:#fff;border-bottom:1px solid #e8eaec;-webkit-box-shadow:hsla(0,0%,76.9%,.2) 1px 1px 1px 1px;box-shadow:1px 1px 1px 1px hsla(0,0%,76.9%,.2);border-top-right-radius:4px;border-top-left-radius:4px}.role-container .open-header .open-title{display:inline-block;color:#17233d;font-weight:500;font-size:20px}.role-container .open-header .sub-title{margin-top:20px}.role-container .ivu-row{height:calc(100vh - 230px);width:100%;margin-top:10px}.role-container .ivu-row .ivu-col{height:100%}.role-container .ivu-row .ivu-col .role-box{height:100%;width:100%;padding-right:10px}.role-container .ivu-row .ivu-col .role-box .role-content-box{border-radius:4px;border:1px solid rgba(0,21,41,.04);background-color:#fff;overflow:hidden;color:#303133;-webkit-transition:.3s;transition:.3s;height:100%}.role-container .ivu-row .ivu-col .role-box .role-content-box .role-header{height:50px;line-height:50px;border-bottom:1px solid rgba(0,21,41,.04);padding-left:15px}.role-container .ivu-row .ivu-col .role-box .role-content-box .role-table{margin-bottom:10px;height:calc(100vh - 320px);padding:10px}.role-container .ivu-row .ivu-col .role-box .role-content-box .page-bar{padding-left:10px}.role-container .ivu-row .ivu-col .menu-box{height:100%;width:100%;padding-left:10px}.role-container .ivu-row .ivu-col .menu-box .menu-content-box{border-radius:4px;border:1px solid rgba(0,21,41,.04);background-color:#fff;overflow:hidden;color:#303133;-webkit-transition:.3s;transition:.3s;height:100%}.role-container .ivu-row .ivu-col .menu-box .menu-content-box .menu-header{height:50px;line-height:50px;border-bottom:1px solid rgba(0,21,41,.04);padding-left:15px}.role-container .ivu-row .ivu-col .menu-box .menu-content-box .menu-tree-box{height:100%;padding-right:10px}.role-container .ivu-row .ivu-col .menu-box .menu-content-box .menu-tree-box .menu-tree-header{padding:10px}.role-container .ivu-row .ivu-col .menu-box .menu-content-box .menu-tree-box .menu-tree-content-box{height:calc(100vh - 356px);overflow:auto;padding-bottom:30px;padding-left:20px}.role-container .ivu-row .ivu-col .menu-box .menu-content-box .menu-tree-box .menu-tree-content-box::-webkit-scrollbar{width:2px;height:1px;background-color:transparent}.role-container .ivu-row .ivu-col .menu-box .menu-content-box .menu-tree-box .menu-tree-content-box::-webkit-scrollbar-track{background-color:#f8f8f8;border-radius:1px;-webkit-box-shadow:inset 0 0 1px #f8f8f8}.role-container .ivu-row .ivu-col .menu-box .menu-content-box .menu-tree-box .menu-tree-content-box::-webkit-scrollbar-thumb{background-color:transparent;border-radius:1px;-webkit-box-shadow:inset 0 0 1px #3982ff}.role-container .ivu-row .ivu-col .menu-box .empty-box{width:100%;height:100%;border-radius:2px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.5);-webkit-box-shadow:0 10px 20px hsla(0,0%,100%,.5);box-shadow:0 10px 20px hsla(0,0%,100%,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:400px;text-align:center}.role-container .ivu-row .ivu-col .menu-box .empty-box svg{font-size:48px;color:#3982ff}