#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}.home{padding:10px}.home .op-container{position:fixed;left:0;bottom:0;padding:10px}.home .van-col{margin-bottom:10px}.home .garde{padding:20px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.home .garde .num{font-size:32px;color:#07c160;font-weight:700;min-width:140px;text-align:center}.home .garde .reset{margin-left:10px}.home .container{height:calc(100vh - 264px);overflow-y:scroll}.home .grade-list{display:flex;flex-direction:row;flex-wrap:wrap}.home .grade-list .item{width:24%;margin-bottom:30px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-right:2%;padding-left:3%}