.back-page-btn[data-v-ccf42596]{display:-webkit-box;display:-ms-flexbox;display:flex;width:13vh;height:8vh;z-index:200}.back-page-btn img[data-v-ccf42596]{width:100%;height:100%;pointer-events:none}.big-sound-wave[data-v-f09e9db0]{height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-animation:big-wave-sound-ani-f09e9db0 1s linear infinite;animation:big-wave-sound-ani-f09e9db0 1s linear infinite}.big-sound-wave img[data-v-f09e9db0]{width:100%}@-webkit-keyframes big-wave-sound-ani-f09e9db0{0%{-webkit-transform:scaleY(1.6);transform:scaleY(1.6)}50%{-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{-webkit-transform:scaleY(1.6);transform:scaleY(1.6)}}@keyframes big-wave-sound-ani-f09e9db0{0%{-webkit-transform:scaleY(1.6);transform:scaleY(1.6)}50%{-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{-webkit-transform:scaleY(1.6);transform:scaleY(1.6)}}.sound-wave[data-v-f09e9db0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;width:100%;-webkit-animation:wave-sound-ani-f09e9db0 1s linear infinite;animation:wave-sound-ani-f09e9db0 1s linear infinite}.sound-wave i[data-v-f09e9db0]{width:.43605vh;background-color:#fff;border-radius:1.45349vh;margin-right:1.45349vh}.sound-wave i[data-v-f09e9db0]:first-of-type{height:40%}.sound-wave i[data-v-f09e9db0]:nth-of-type(2){height:70%}.sound-wave i[data-v-f09e9db0]:nth-of-type(3){height:100%}.sound-wave i[data-v-f09e9db0]:nth-of-type(4){height:70%}.sound-wave i[data-v-f09e9db0]:nth-of-type(5){height:40%}.sound-wave i[data-v-f09e9db0]:last-of-type{margin-right:0}@-webkit-keyframes wave-sound-ani-f09e9db0{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(.6);transform:scaleY(.6)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes wave-sound-ani-f09e9db0{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(.6);transform:scaleY(.6)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}.body-prelearn[data-v-730ec508]{height:100vh;overflow:hidden;background-image:url(../img/big-bg.4edcfd18.png);background-repeat:no-repeat;background-size:cover;background-position:bottom}.body-prelearn .scroll-view[data-v-730ec508]{background-image:url(../img/bg.b3dc0f47.png);background-repeat:no-repeat;background-size:100% 100%;background-position:50%;-o-object-fit:fill;object-fit:fill;height:82vh;width:100vw;margin:0 .053333rem;position:relative}.body-prelearn .scroll-view .title-bar[data-v-730ec508]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.body-prelearn .scroll-view .title-text[data-v-730ec508]{margin:3vh 2vw 1.8vh;display:-webkit-box;display:-ms-flexbox;display:flex;color:#683313;font-size:4vh;font-weight:700}.body-prelearn .scroll-view .card-container[data-v-730ec508]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:auto;margin:0 3vw;padding:3vh 0;border-radius:1.12rem;background-color:#fff8f0}.body-prelearn .scroll-view .card-container[data-v-730ec508],.body-prelearn .scroll-view .play-bg0[data-v-730ec508]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.body-prelearn .scroll-view .play-bg0[data-v-730ec508]{height:7.5vh;margin-top:1vh}.body-prelearn .scroll-view .play-bg[data-v-730ec508]{width:45vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:linear-gradient(233deg,#ff7714,#fc9a1b);border-radius:50vw}.body-prelearn .scroll-view .play-img1[data-v-730ec508]{width:3vw;height:auto;margin-left:1vw;-o-object-fit:contain;object-fit:contain}.body-prelearn .scroll-view .play-img2[data-v-730ec508]{height:5vh;margin-left:1vw;-o-object-fit:contain;object-fit:contain}.body-prelearn .scroll-view .play-text[data-v-730ec508]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;font-size:2vw;color:#fff;font-weight:500;height:100%;z-index:2;margin-right:1vw;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:60%;word-wrap:break-word;text-align:end}.body-prelearn .scroll-view .listen-select .title[data-v-730ec508]{font-size:2.5vw;font-family:Yuanti SC;font-weight:700;color:#a54a00;line-height:.613333rem;-webkit-background-clip:text}.body-prelearn .scroll-view .listen-select .select-images-container[data-v-730ec508]{width:70vw}.body-prelearn .scroll-view .listen-select .bg-item-corner[data-v-730ec508]{border-radius:10vw}.body-prelearn .scroll-view .listen-select .bg-item-corner-select[data-v-730ec508],.body-prelearn .scroll-view .listen-select .bg-item-corner[data-v-730ec508]{width:21vw;background:#fffaf6;opacity:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.body-prelearn .scroll-view .listen-select .bg-item-corner-select[data-v-730ec508]{border-radius:10vw;border:.5vw solid #feba04;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.body-prelearn .scroll-view .listen-select .image-listen-select[data-v-730ec508]{width:19.95vw;height:13.5vw;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:1.5vw;margin-top:.5vw;margin-bottom:.5vw;display:-webkit-box;display:-ms-flexbox;display:flex}.body-prelearn .scroll-view .listen-select .image-listen-select-btn[data-v-730ec508]{width:16.8vw;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:2vw}.body-prelearn .scroll-view .listen-select .image-audio[data-v-730ec508]{width:6vw;height:6vw}.body-prelearn .scroll-view .score-text[data-v-730ec508]{font-size:3vw;color:#eb9c36;line-height:3.5vw;letter-spacing:.5vw}.class-progress[data-v-730ec508]{height:1.6vh;border-radius:2vw;background:radial-gradient(circle,#ff4200 0,#ff4500 100%);-webkit-box-shadow:inset 0 0 .053333rem .026667rem rgba(255,161,76,.8);box-shadow:inset 0 0 .053333rem .026667rem rgba(255,161,76,.8)}.first-col[data-v-730ec508]{width:5vw;height:29vh;border-radius:.213333rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:center;align-self:center}.first-col .img1[data-v-730ec508]{width:3vw;height:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center}