.layout{width:100%;height:100%}.layout .layout-header{color:#fff;background:#409eff;display:flex;align-items:center;padding:0}.layout .layout-header .layout-header__row{margin-bottom:0}.layout .layout-header .logo{width:220px;display:flex;justify-content:center;align-items:center}.layout .layout-header .logo a{color:inherit}.layout .layout-header .logo h1{margin:0;padding:0}.layout .layout-header .nav{flex:1;overflow:hidden;display:flex;align-items:center}.layout .layout-header .nav .grid-content{flex:1;overflow:hidden}.layout .layout-header .nav .arrow{cursor:pointer;padding:0 10px}.layout .layout-header .user{color:inherit;text-align:right}.layout .layout-header .user .el-dropdown{color:inherit;cursor:pointer}.layout .layout-body{width:100%;height:calc(100% - 60px)}.el-aside{border-right:solid 1px #e6e6e6;height:100%}.el-aside .el-menu{border-right:none}.content .el-main{padding-top:10px}.content .content-header__breadcrumb{display:flex;align-items:center}.main-nav{background-color:#409eff;height:100%;display:flex;position:relative}.main-nav .el-menu-item,.main-nav i{color:#fff}.main-nav .el-menu-item:not(.is-disabled):focus,.main-nav .el-menu-item:not(.is-disabled):active{color:#fff!important}.main-nav>.el-menu-item:not(.is-disabled):focus,.main-nav>.el-menu-item:not(.is-disabled):hover,.main-nav>.el-submenu .el-submenu__title:hover{background-color:rgba(255,255,255,.3)}.main-nav .el-menu-item:not(.is-disabled):focus,.main-nav .el-menu-item:not(.is-disabled):hover{color:#fff!important}.main-nav>.el-menu-item.is-active{background-color:rgba(255,255,255,.3);color:#fff!important}.is-active{background:#ecf5ff}.main-nav :hover .el-menu .el-menu-item,.main-nav :active .el-menu .el-menu-item{color:#fff!important}.more-menu{font-size:16px;color:#fff;height:60px;display:flex;line-height:60px;cursor:pointer;width:120px;justify-content:center;align-items:center}.more-menu span{display:inline-block;height:100%;text-align:center}.active{background-color:#ecf5ff;color:#66b1ff}