.menus-container{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.menus-container .menus-header{-ms-flex-negative:0;flex-shrink:0;padding:10px 0;border-bottom:1px solid #e4e7ed;margin-bottom:10px}.menus-container .menus-tree-container{-webkit-box-flex:1;-ms-flex:1;flex:1;height:0;overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 300px)}.menus-container .menus-tree-container .menus-tree{min-height:100%;padding-bottom:60px}.menus-container .menus-tree-container .menus-tree .el-tree-node__content{height:auto;min-height:36px;line-height:36px;padding:0 8px}.menus-container .menus-tree-container .menus-tree .custom-tree-node{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:14px;padding-right:8px;min-height:36px}.menus-container .menus-tree-container .menus-tree .custom-tree-node .el-button{margin-left:8px;-ms-flex-negative:0;flex-shrink:0}.authority .el-input-number{margin-left:15px}.authority .el-input-number span{display:none}.authority .button-box{padding:10px 20px}.authority .button-box .el-button{float:right}.role-box{height:calc(100vh - 150px);max-height:calc(100vh - 150px)}.role-box,.role-box .el-tabs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.role-box .el-tabs{height:100%}.role-box .el-tabs__content{-webkit-box-flex:1;-ms-flex:1;flex:1;height:0;overflow:auto;padding:10px}.role-box .el-tabs__header{-ms-flex-negative:0;flex-shrink:0}.custom-drawer{z-index:10000!important;background-color:#fff!important;-webkit-box-shadow:-2px 0 8px rgba(0,0,0,.15)!important;box-shadow:-2px 0 8px rgba(0,0,0,.15)!important;height:calc(100vh - 80px)!important;max-height:calc(100vh - 80px)!important;top:0!important;position:fixed!important;right:0!important}.custom-drawer .el-drawer__container,.custom-drawer .el-drawer__wrapper{z-index:9999!important}.custom-drawer .el-drawer__mask{display:none!important;opacity:0!important;visibility:hidden!important;z-index:-1!important}.custom-drawer .el-drawer__body{z-index:10001!important;position:relative;background-color:#fff!important;height:calc(100vh - 80px)!important;max-height:calc(100vh - 80px)!important;overflow:hidden!important;padding:0!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.custom-drawer .el-drawer__mask,.custom-drawer .el-overlay,.custom-drawer .v-modal{display:none!important;opacity:0!important;visibility:hidden!important;z-index:-1!important}.custom-drawer .el-drawer__container,.custom-drawer .el-drawer__wrapper{position:fixed!important;top:0!important;right:0!important;width:40%!important;height:calc(100vh - 50px)!important;max-height:calc(100vh - 50px)!important;overflow:hidden!important}.drawer-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px 20px;border-bottom:1px solid #e4e7ed;background-color:#f8f9fa}.drawer-header .drawer-title{margin:0;font-size:16px;font-weight:600;color:#303133}.drawer-header .close-btn{color:#909399;font-size:18px}.drawer-header .close-btn:hover{color:#f56c6c;background-color:#fef0f0}