.nav-control-bar{position:absolute;top:0;left:0;width:100%;height:1rem;cursor:pointer;z-index:1}.nav-control-bar:hover .home-view-nav{height:2rem;overflow:visible;transition:all 1s}.home-view-nav{height:0;overflow:hidden;transition:all 1s}.classHome{padding:1rem 0 1rem 1rem}.classHome .top-large-image{width:45.7rem;height:15rem;background:#d8d8d8;margin-bottom:.8rem;cursor:pointer}.classHome .top-large-image img{width:100%;height:15rem}.classHome .class-list{width:100%;display:flex;flex-wrap:wrap}.classHome .class-list .class-detail{width:8.5rem;height:10rem;margin-right:.8rem;margin-bottom:.8rem;background:linear-gradient(180deg,#ffd393,rgba(255,219,142,0));box-shadow:0 .1rem .4rem 0 rgba(0,0,0,.16);cursor:pointer}.classHome .class-list .class-detail:nth-of-type(5n){margin-right:0}.classHome .class-list .class-detail .cover{width:8.5rem;height:8.5rem;display:flex;justify-content:center;align-items:center}.classHome .class-list .class-detail .cover img{max-width:100%;max-height:100%}.classHome .class-list .class-detail h3{padding:.3rem .45rem;font-size:.6rem;font-weight:800;color:#333;line-height:.9rem;text-shadow:0 .1rem .4rem rgba(0,0,0,.16);background:#fff;box-shadow:0 .1rem .4rem 0 rgba(0,0,0,.16)}.classHome .class-list .class-detail:hover{box-shadow:0 .55rem 1.1rem 0 rgba(41,0,0,.31)}