.back-page-btn[data-v-1c2221d4]{display:-webkit-box;display:-ms-flexbox;display:flex;width:13vh;height:8vh}.back-page-btn img[data-v-1c2221d4]{width:100%;height:100%;pointer-events:none}.body-prelearn[data-v-cf2c04ac]{height:100vh;overflow:hidden}.body-prelearn .scroll-view[data-v-cf2c04ac]{background-image:url(../img/bg-list.25b9c6e2.png);background-repeat:no-repeat;height:82vh;width:100vw;background-size:100vw 100%;background-position:50%;margin:0 .053333rem;position:relative}.body-prelearn .scroll-view .play-bg0[data-v-cf2c04ac]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:7.5vh;margin-top:1vh}.body-prelearn .scroll-view .play-bg[data-v-cf2c04ac]{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-cf2c04ac]{width:3vw;height:auto;margin-left:1vw;-o-object-fit:contain;object-fit:contain}.body-prelearn .scroll-view .play-img2[data-v-cf2c04ac]{height:5vh;margin-left:1vw;-o-object-fit:contain;object-fit:contain}.body-prelearn .scroll-view .play-text[data-v-cf2c04ac]{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-cf2c04ac]{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-cf2c04ac]{width:70vw}.body-prelearn .scroll-view .listen-select .bg-item-corner[data-v-cf2c04ac]{border-radius:10vw}.body-prelearn .scroll-view .listen-select .bg-item-corner-select[data-v-cf2c04ac],.body-prelearn .scroll-view .listen-select .bg-item-corner[data-v-cf2c04ac]{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-cf2c04ac]{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-cf2c04ac]{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-cf2c04ac]{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-cf2c04ac]{width:6vw;height:6vw}.body-prelearn .scroll-view .score-text[data-v-cf2c04ac]{font-size:3vw;color:#eb9c36;line-height:3.5vw;letter-spacing:.5vw}.class-progress[data-v-cf2c04ac]{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-cf2c04ac]{width:5vw;height:29vh;background:#feba75;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-cf2c04ac]{width:2vw;height:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center}