.default{height:100%}.default .avue-layout{height:calc(100% - 64px)}.default .el-menu--popup .el-menu-item{background-color:#20222a}.default .el-menu--popup .el-menu-item i,.default .el-menu--popup .el-menu-item span{color:hsla(0,0%,100%,.7)}.default .el-menu--popup .el-menu-item:hover i,.default .el-menu--popup .el-menu-item:hover span{color:#fff}.default .el-menu--popup .el-menu-item.is-active{background-color:rgba(0,0,0,.8)}.default .el-menu--popup .el-menu-item.is-active:before{content:"";top:0;left:0;bottom:0;width:4px;background:#409eff;position:absolute}.default .el-menu--popup .el-menu-item.is-active i,.default .el-menu--popup .el-menu-item.is-active span{color:#fff}.default .el-menu--popup .el-submenu{background-color:#20222a}.default .avue-sidebar{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:100%;position:relative;background-color:#001529;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:2px 0 6px rgba(0,21,41,.35);box-shadow:2px 0 6px rgba(0,21,41,.35);overflow-y:auto;overflow-x:hidden}.default .avue-sidebar--tip{width:90%;height:140px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:5px;position:absolute;top:5px;left:5%;color:#ccc;z-index:2;text-align:center;font-size:14px;background-color:rgba(0,0,0,.4)}.default .avue-sidebar .el-menu-item i,.default .avue-sidebar .el-menu-item span,.default .avue-sidebar .el-submenu__title i,.default .avue-sidebar .el-submenu__title span{color:#fff}.default .avue-sidebar .el-menu-item:hover,.default .avue-sidebar .el-submenu__title:hover{background:transparent}.default .avue-sidebar .el-menu-item:hover i,.default .avue-sidebar .el-menu-item:hover span,.default .avue-sidebar .el-submenu__title:hover i,.default .avue-sidebar .el-submenu__title:hover span{color:#1890ff}.default .avue-sidebar .el-menu-item.is-active,.default .avue-sidebar .el-submenu__title.is-active{background-color:#1890ff}.default .avue-sidebar .el-menu-item.is-active:before,.default .avue-sidebar .el-submenu__title.is-active:before{content:"";top:0;left:0;bottom:0;width:4px;background:#1890ff;position:absolute}.default .avue-sidebar .el-menu-item.is-active i,.default .avue-sidebar .el-menu-item.is-active span,.default .avue-sidebar .el-submenu__title.is-active i,.default .avue-sidebar .el-submenu__title.is-active span{color:#fff}