a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,table,td,th{vertical-align:middle}caption,td,th{text-align:left;font-weight:400}a img{border:none}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{margin:0;padding:0;border:0;outline:0;display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}[hidden],audio:not([controls]){display:none}:root{--primary:#906cff;--secondary:#ffe550}body{font-size:14px;font-family:Roboto,Myriad Set Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}html.iphone body{font-family:Helvetica,Arial}html.iphone.zh-CN body{font-family:pingfang,Helvetica,Arial}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}*,:after,:before{box-sizing:border-box}.root-container{margin:0 auto}button{-webkit-appearance:none;outline:none;padding:0;margin:0;border:0;background:none}a,a:active,a:focus,a:hover,a:visited{color:inherit}body,html{min-height:100%;height:100%}#root{min-height:100%;font-size:0;background-color:#a3da4d}.content{position:absolute;width:100%;height:100%;top:0;left:0}.title{font-family:VolteRounded-Bold;font-size:30px;line-height:34px;color:#763b06;text-align:center}.bg{width:100%}.btn-container{display:flex;justify-content:center;align-items:center}button{width:3.33rem;height:.42rem;background:#906cff;color:#fff;font-size:16px;border-radius:.3rem}button,button>span{font-weight:700}.part1{position:relative}.part1 .content .main-title{font-size:25px;padding-left:.1rem;padding-right:.1rem;line-height:30px;font-weight:700;margin-top:.68rem;text-align:center;color:#906cff}.part1 .content .video-wrapper{background:#fff;width:3.37rem;height:1.96rem;margin:0 auto;margin-top:.3rem;margin-bottom:.25rem;border-radius:.12rem;padding:.14rem .28rem}.part1 .content .video-wrapper .video-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.part1 .content .video-wrapper .video-container .video{width:100%}.part1 .content .video-wrapper .video-container .preview{width:100%;height:100%}.part1 .content .video-wrapper .video-container .video-ended{width:100%;height:100%;background-image:url(/static/img/growth-journal/video-end-bg@2x-0bf890e.png);background-size:cover;display:flex;justify-content:center;align-items:center;flex-direction:column}.part1 .content .video-wrapper .video-container .video-ended .end-title{color:#fff;font-size:16px;text-align:center;line-height:20px;font-family:VolteRounded-Bold;font-weight:700}.part1 .content .video-wrapper .video-container .video-ended .btn{width:1.86rem;height:.36rem;background:#ffe550;color:#857dd1;border-radius:.3rem;margin-top:.2rem;margin-bottom:.1rem;cursor:pointer}.part1 .content .video-wrapper .video-container .video-ended .btn:hover{background:#ffeb7a}.part1 .content .video-wrapper .video-container .video-ended .watch-again{cursor:pointer;color:#fff;font-size:13px;text-decoration:underline}.part1 .content .text{color:#fff;font-weight:700;font-size:18px;line-height:22px;text-align:center;margin-top:.23rem;margin-bottom:.1rem}.part1 .content .btn-container{margin-top:.08rem}.part1 .content .learn-more{display:block;margin:0 auto;width:1.5rem;line-height:.3rem;color:#fff;font-size:.16rem;margin-top:.2rem;text-align:center}.part2{margin-top:-.5rem;position:relative;font-size:0}.part2 .content .title{margin-top:1rem}.part2 .content .desc{font-size:16px;line-height:22px;color:#393838;text-align:center;margin-top:.1rem;margin-bottom:.1rem}.part2 .content .classroom-intro ul{margin:0 auto;width:92%;display:flex;flex-direction:column;align-items:center;justify-content:center}.part2 .content .classroom-intro ul li{display:flex;justify-content:center;align-items:flex-start;margin-top:.2rem}.part2 .content .classroom-intro ul li .intro-pic{width:1.45rem;margin-right:.1rem}.part2 .content .classroom-intro ul li .text .subtitle{font-size:18px;font-weight:700;line-height:21px}.part2 .content .classroom-intro ul li .text .detail{color:#404040;font-size:14px;line-height:17px;text-align:left;margin-top:.1rem}.part2 .content .teachers-intro{position:relative;width:3.6rem;background-color:#b47137;border-radius:10px;padding:10px;margin:0 auto;margin-top:.38rem}.part2 .content .teachers-intro .wrapper{background:#fafff2;border-radius:10px;padding-top:.3rem;padding-bottom:.3rem;background-image:url(/static/img/growth-journal/teachers-intro-bg@2x-4dc397e.png);background-position:bottom;background-size:contain;background-repeat:no-repeat}.part2 .content .teachers-intro .wrapper .title{margin:0}.part2 .content .teachers-intro .wrapper .teachers-level{margin:0 auto;width:3rem;margin-top:.1rem}.part2 .content .teachers-intro .wrapper .teachers-level ul{display:flex;justify-content:space-between;align-items:flex-start}.part2 .content .teachers-intro .wrapper .teachers-level ul li{display:flex;justify-content:center;align-items:center;flex-direction:column}.part2 .content .teachers-intro .wrapper .teachers-level ul li .icon{width:.3rem}.part2 .content .teachers-intro .wrapper .teachers-level ul li .text{text-align:center;font-size:14px;color:#404040;margin-top:.1rem}.part2 .content .teachers-intro .wrapper .desc{margin-top:.2rem;padding-left:.1rem;padding-right:.1rem}.part2 .content .teachers-intro .wrapper .desc p{font-size:14px;color:#404040;line-height:17px;text-align:center}.part2 .content .teachers-intro .wrapper .teachers-pics{margin:0 auto;display:block;margin-top:.3rem;width:2.95rem}.part2 .content .teachers-intro+.title{margin-top:.4rem}.part2 .content .btn-container{margin-top:.3rem}.part3{position:relative;margin-top:-1.5rem}.part3 .content .title{margin-top:1.5rem}.part3 .content .will-get-desc{margin-top:.3rem}.part3 .content .will-get-desc ul{flex-direction:column;padding-left:.1rem;padding-right:.1rem}.part3 .content .will-get-desc ul li{display:flex;justify-content:center;align-items:flex-start;margin-top:.4rem}.part3 .content .will-get-desc ul li .icon{width:1.32rem}.part3 .content .will-get-desc ul li .text{margin-left:.2rem}.part3 .content .will-get-desc ul li .text .subtitle{font-size:18px;font-weight:700;line-height:21px}.part3 .content .will-get-desc ul li .text .detail{color:#404040;font-size:14px;line-height:17px;text-align:left;margin-top:.1rem}.part3 .content .supplement-text{margin:0 auto;width:3.4rem;padding:.22rem .16rem;background:#fff1a5;border-radius:22px;color:#826f09;font-size:16px;line-height:19px;font-weight:700;text-align:center;margin-top:.23rem;margin-bottom:.2rem}