.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}.body-prelearn[data-v-1f83f7da]{height:100vh;overflow:hidden;background-image:url(../img/big-bg.4edcfd18.png);background-repeat:no-repeat;background-size:cover;background-position:bottom}.body-prelearn .top-bar[data-v-1f83f7da]{width:100%;padding:2vh 2vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.body-prelearn .top-right[data-v-1f83f7da]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.body-prelearn .top-info[data-v-1f83f7da],.body-prelearn .top-right[data-v-1f83f7da]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.body-prelearn .top-info[data-v-1f83f7da]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:2vh}.body-prelearn .progress-wrap[data-v-1f83f7da]{width:28vw;border-radius:2vw;background:#fff;margin-right:1vw;padding:.1vw .1vh;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;height:2vh;position:relative}.body-prelearn .page-num[data-v-1f83f7da],.body-prelearn .progress-wrap[data-v-1f83f7da]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.body-prelearn .page-num[data-v-1f83f7da]{width:7vw}.body-prelearn .score-box[data-v-1f83f7da]{border-radius:5vw;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;min-width:10vw;max-width:12vw;padding:.5vh .6vw;height:6vh;margin:0 3vw;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.body-prelearn .scroll-view[data-v-1f83f7da]{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-1f83f7da]{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-1f83f7da]{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-1f83f7da]{-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}.body-prelearn .scroll-view .card-container[data-v-1f83f7da],.body-prelearn .scroll-view .play-bg0[data-v-1f83f7da]{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-1f83f7da]{height:7.5vh;margin-top:1vh}.body-prelearn .scroll-view .play-bg[data-v-1f83f7da]{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-1f83f7da]{width:3vw;height:auto;margin-left:1vw;-o-object-fit:contain;object-fit:contain}.body-prelearn .scroll-view .play-img2[data-v-1f83f7da]{height:5vh;margin-left:1vw;-o-object-fit:contain;object-fit:contain}.body-prelearn .scroll-view .play-text[data-v-1f83f7da]{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-1f83f7da]{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-1f83f7da]{width:70vw}.body-prelearn .scroll-view .listen-select .bg-item-corner[data-v-1f83f7da]{border-radius:10vw}.body-prelearn .scroll-view .listen-select .bg-item-corner-select[data-v-1f83f7da],.body-prelearn .scroll-view .listen-select .bg-item-corner[data-v-1f83f7da]{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-1f83f7da]{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-1f83f7da]{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-1f83f7da]{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-1f83f7da]{width:6vw;height:6vw}.body-prelearn .scroll-view .score-text[data-v-1f83f7da]{font-size:3vw;color:#eb9c36;line-height:3.5vw;letter-spacing:.5vw}.class-progress[data-v-1f83f7da]{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-1f83f7da]{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-1f83f7da]{width:3vw;height:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center}