.pages[data-v-1bc2cbb4]{width:10rem;float:left;min-height:100vh;position:relative;background:#e7fffd}.pages .main[data-v-1bc2cbb4]{width:100%;float:left}.pages .main .top[data-v-1bc2cbb4]{width:10rem;height:1.2rem;background:url(http://cdn.hellostatic.molyfun.com/mpweb/images/course/info/topbar.png) top no-repeat;background-size:10rem;position:fixed;z-index:99;border-bottom:1px solid #ebebeb;display:none}.pages .main .showtop[data-v-1bc2cbb4]{display:block;-webkit-animation:movedown-data-v-1bc2cbb4 .6s linear;animation:movedown-data-v-1bc2cbb4 .6s linear}@-webkit-keyframes movedown-data-v-1bc2cbb4{0%{opacity:.2;top:-1.2rem}to{opacity:1;top:0}}@keyframes movedown-data-v-1bc2cbb4{0%{opacity:.2;top:-1.2rem}to{opacity:1;top:0}}.pages .main .infoitem[data-v-1bc2cbb4]{float:left;margin-top:1.2rem}.pages .main .infoitem .item[data-v-1bc2cbb4]{float:left;width:100%}.pages .main .infoitem .item img[data-v-1bc2cbb4]{width:100%;float:left;border:none;margin:0;padding:0}.pages .main .infoitem .part1[data-v-1bc2cbb4]{float:left;width:9.04rem;height:9.81333rem;background:#fff;border-radius:.16rem;margin-left:.48rem}.pages .main .infoitem .part1 .slide1[data-v-1bc2cbb4]{float:left;width:9.04rem;height:9.81333rem;margin-top:.70667rem;padding-left:.32rem;margin-bottom:.4rem;box-sizing:border-box}.pages .main .infoitem .part1 .slide1 img[data-v-1bc2cbb4]{width:7.46667rem;height:8.33333rem;float:left;border:none;margin:0;padding:0}.pages .main .infoitem .part1 .slide1 .swiper-slide[data-v-1bc2cbb4]{width:7.86667rem!important}.pages .main .infoitem .part1 .slide1 .swiper-slide-prev[data-v-1bc2cbb4]{right:-.46667rem}.pages .main .infoitem .part1 .slide1 .swiper-slide-next[data-v-1bc2cbb4]{left:-.46667rem}.pages .main .infoitem .part2[data-v-1bc2cbb4]{float:left;width:9.04rem;height:7.38667rem;background:#fff;border-radius:.16rem;margin-left:.48rem;margin-top:.61333rem}.pages .main .infoitem .part2 .item2-1[data-v-1bc2cbb4]{float:left;width:6.34667rem;height:.49333rem;margin-top:.70667rem;margin-left:1.34667rem;margin-bottom:.72rem}.pages .main .infoitem .part2 .slide2[data-v-1bc2cbb4]{float:left;width:8.58667rem;height:9.81333rem;margin-left:.45333rem;margin-bottom:.4rem}.pages .main .infoitem .part2 .slide2 img[data-v-1bc2cbb4]{width:6.77333rem;float:left;border:none;margin:0;padding:0}.pages .main .infoitem .part2 .slide2 .swiper-slide[data-v-1bc2cbb4]{width:8.58667rem!important}.pages .main .infoitem .part2 .slide2 .swiper-slide-prev[data-v-1bc2cbb4]{right:-1.33333rem}.pages .main .infoitem .part2 .slide2 .swiper-slide-next[data-v-1bc2cbb4]{left:-1.33333rem}.pages .main .infoitem .part3[data-v-1bc2cbb4]{float:left;width:9.04rem;height:7.38667rem;background:#fff;border-radius:.16rem;margin-left:.48rem;margin-top:.61333rem}.pages .main .infoitem .part3 .item3-1[data-v-1bc2cbb4]{float:left;width:6.34667rem;height:.49333rem;margin-top:.70667rem;margin-left:1.34667rem;margin-bottom:.72rem}.pages .main .infoitem .part3 .slide3[data-v-1bc2cbb4]{float:left;width:8.58667rem;height:9.81333rem;margin-left:.45333rem;margin-bottom:.4rem}.pages .main .infoitem .part3 .slide3 img[data-v-1bc2cbb4]{width:6.77333rem;float:left;border:none;margin:0;padding:0}.pages .main .infoitem .part3 .slide3 .swiper-slide[data-v-1bc2cbb4]{width:8.58667rem!important}.pages .main .infoitem .part3 .slide3 .swiper-slide-prev[data-v-1bc2cbb4]{right:-1.33333rem}.pages .main .infoitem .part3 .slide3 .swiper-slide-next[data-v-1bc2cbb4]{left:-1.33333rem}.pages .main .infoitem .part4[data-v-1bc2cbb4]{float:left;width:9.04rem;height:7.92rem;background:#fff;border-radius:.16rem;margin-left:.48rem;margin-top:.61333rem;margin-bottom:.73333rem}.pages .main .infoitem .part4 .item4-1[data-v-1bc2cbb4]{float:left;width:7.36rem;height:1.33333rem;margin-top:.70667rem;margin-left:.84rem;margin-bottom:.68rem}.pages .main .infoitem .part4 .slide4[data-v-1bc2cbb4]{float:left;width:8.58667rem;height:4.46667rem;margin-left:.45333rem;margin-bottom:.4rem}.pages .main .infoitem .part4 .slide4 img[data-v-1bc2cbb4]{width:7.78667rem;height:4.46667rem;float:left;border:none;margin:0;padding:0}.pages .main .infoitem .part4 .slide4 .swiper-slide[data-v-1bc2cbb4]{width:8.58667rem!important}.pages .main .infoitem .part4 .slide4 .swiper-slide-prev[data-v-1bc2cbb4]{right:-.66667rem}.pages .main .infoitem .part4 .slide4 .swiper-slide-next[data-v-1bc2cbb4]{left:-.66667rem}.pages .main .bottom[data-v-1bc2cbb4]{width:10rem;height:2.09333rem;background:url(http://cdn.hellostatic.molyfun.com/mpweb/images/course/info/bottombar2.png) 50% no-repeat;background-size:10rem;position:fixed;bottom:0;z-index:99;display:none}.pages .main .showbottom[data-v-1bc2cbb4]{display:block;-webkit-animation:moveup-data-v-1bc2cbb4 .4s linear;animation:moveup-data-v-1bc2cbb4 .4s linear}@-webkit-keyframes moveup-data-v-1bc2cbb4{0%{opacity:1;bottom:-1.2rem}to{opacity:1;bottom:0}}@keyframes moveup-data-v-1bc2cbb4{0%{opacity:1;bottom:-1.2rem}to{opacity:1;bottom:0}}