.videoWrap[data-v-662996b9]{position:relative;display:flex;margin-top:3.4vh;width:90vw;max-width:535px;height:300px;border-radius:20px;background:#131313;overflow:hidden}.videoWrap .lottie[data-v-662996b9]{position:absolute;left:calc(50% - 50px);top:calc(50% - 50px)}.videoWrap video[data-v-662996b9]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.videoWrap .controlsWrap[data-v-662996b9]{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;cursor:pointer}.videoWrap .controlsWrap .playArea[data-v-662996b9]{display:flex;justify-content:center;align-items:center;width:50%;height:100%}.videoWrap .controlsWrap .playIcon[data-v-662996b9]{top:calc(150px - 2.25rem);width:55px;height:55px}.videoWrap .controlsWrap .playIcon.slowPlayIcon[data-v-662996b9]{margin-left:60%}.videoWrap .controlsWrap .playIcon.normalPlayIcon[data-v-662996b9]{margin-right:60%}@media screen and (max-width:768px){.videoWrap[data-v-662996b9]{height:unset}}.hint[data-v-7dff5268]{display:flex;justify-content:center;align-items:center;position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;background:#cbdbf8;cursor:pointer;transition:all .3s}.hint svg[data-v-7dff5268]{fill:#3c6fae}.hint[data-v-7dff5268]:hover{background:#4c83b7}.hint:hover svg[data-v-7dff5268]{fill:#fff}.keyboard[data-v-2f0f1bfe]{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;width:100%;max-width:738px;background:rgba(0,0,0,.02);border-radius:20px;padding:4%}.keyboard .block[data-v-2f0f1bfe]{width:2%;aspect-ratio:1}.keyboard .keyBlock[data-v-2f0f1bfe]{box-sizing:border-box;width:9%;aspect-ratio:1;margin:.5%;border:2px solid transparent}.keyboard .key[data-v-2f0f1bfe]{display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:9%;aspect-ratio:1;margin:.5%;border:2px solid rgba(89,124,186,.16);border-radius:6px;background:#fff;font-weight:400;font-size:18px;color:#8e9fc1}.keyboard .key.backspace svg path[data-v-2f0f1bfe],.keyboard .key.space svg path[data-v-2f0f1bfe]{fill:#bac8e1}.keyboard .key.check[data-v-2f0f1bfe]{width:100%;height:58px}.keyboard .key.active[data-v-2f0f1bfe]{border:2px solid #004e94;color:#004e94;cursor:pointer;transition:all .3s}.keyboard .key.active[data-v-2f0f1bfe]:hover{background:#dce4f2}.keyboard .key.active svg path[data-v-2f0f1bfe]{fill:#004e94}@media screen and (max-width:768px){.keyboard .key[data-v-2f0f1bfe]{font-size:12px}.keyboard .key.backspace svg[data-v-2f0f1bfe],.keyboard .key.space svg[data-v-2f0f1bfe]{width:18px;height:18px}.keyboard .key.check[data-v-2f0f1bfe]{width:100%;height:30px}}.sectionModel{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.sectionModel .rightChar{color:#2bc58a}.sectionModel .wrongChar{color:#ee5151}.sectionModel .tips{font-weight:400;font-size:18px;color:#9090a2}.sectionModel .sent{margin-top:5vh;font-weight:500;font-size:28px;color:#004e94;white-space:pre-line}.sectionModel .sent .underline{margin:0 2px}.sectionModel .trans{margin-top:2.8vh;font-weight:500;font-size:20px;color:#69697f;white-space:pre-line}.sectionModel .questionWrap{width:100%;max-width:860px;min-height:160px;position:relative;box-sizing:border-box;margin-top:10vh;padding:20px 72px;border-radius:10px;background:#e9ebf5;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.sectionModel .questionWrap .questionOption{box-sizing:border-box;margin:12px 0;padding:0 20px;background:#fff;font-weight:600;font-size:20px;color:#585971;width:45%;height:64px;line-height:64px;border-radius:64px;text-align:center;box-shadow:0 2px 14px 0 rgba(0,0,0,.02);cursor:pointer;transition:all .3s}.sectionModel .questionWrap .questionOption:hover{background:#dce4f2}.sectionModel .questionWrap .questionOption.right{color:#2bc58a;background:#ccede4}.sectionModel .questionWrap .questionOption.wrong{color:#ee5151;background:#f5d8dd}.sectionModel .questionWrap.character,.sectionModel .questionWrap.speech{justify-content:center}.sectionModel .questionWrap.character .questionOption{margin:12px;width:100px;border-radius:16px;font-size:26px}.sectionModel .questionWrap.word{justify-content:center}.sectionModel .questionWrap.word .questionOption{box-sizing:border-box;margin:12px;padding:0 10px;width:unset;min-width:100px;border-radius:16px}.sectionModel .speechWrap{width:100%;margin-top:50px;display:flex;justify-content:center;align-items:center}.sectionModel .speechWrap .btn{display:flex;justify-content:center;align-items:center;width:60px;height:60px;border-radius:50%;background:#ccc;cursor:pointer;transition:all .3s}.sectionModel .speechWrap .btn:hover{background:#aaa}.sectionModel .speechWrap .btn.speechBtn{width:100px;height:100px;margin:0 50px}.sectionModel .speechWrap .btn.speechBtn .icon{width:50px;height:50px}.sectionModel .speechSkip{margin-top:30px;cursor:pointer}@media screen and (max-width:768px){.sectionModel .questionWrap{padding:12vw 5vw}.sectionModel .questionWrap .questionOption{width:100%}}.videoLearn .btnWrap[data-v-ee365dd8]{width:100%;max-width:580px;margin-top:5vh;display:flex;justify-content:space-between}.videoLearn .btnWrap .btn[data-v-ee365dd8]{width:260px;max-width:48%;height:46px;line-height:46px;border-radius:46px;text-align:center;box-sizing:border-box;font-weight:700;font-size:20px;cursor:pointer;transition:all .3s}.videoLearn .btnWrap .preBtn[data-v-ee365dd8]{border:2px solid #004e94;background:#fff;line-height:42px;color:#004e94}.videoLearn .btnWrap .preBtn[data-v-ee365dd8]:hover{border:2px solid #0a4172;color:#0a4172}.videoLearn .btnWrap .nextBtn[data-v-ee365dd8]{background:#004e94;color:#fff}.videoLearn .btnWrap .nextBtn[data-v-ee365dd8]:hover{background:#0a4172}.videoLearn .btnWrap.firstVideoLearn[data-v-ee365dd8]{justify-content:center}.videoLearn .btnWrap.firstVideoLearn .preBtn[data-v-ee365dd8]{display:none}.sectionModel .trans[data-v-fcba4594]{min-width:80%;position:relative;margin-top:15vh;font-size:30px;color:#2f2f4d}.sectionModel .trans .hint[data-v-fcba4594]{position:absolute;top:-1.5px;right:0}.sectionModel .questionWrap[data-v-fcba4594]{margin-top:20vh;padding:0;background:transparent;justify-content:center}.sectionModel .questionWrap .questionOption[data-v-fcba4594]{margin:20px;width:164px;height:170px;line-height:170px;border-radius:26px}@media screen and (max-width:768px){.sectionModel .questionWrap[data-v-fcba4594]{justify-content:unset}.sectionModel .questionWrap .questionOption[data-v-fcba4594]{margin:4%;padding:0 4%;width:42%;height:38vw;line-height:38vw}}.sectionModel .questionWrap[data-v-bfcd38c6]{margin-top:5vh}.sectionModel .trans[data-v-2d54d065]{margin-top:12vh;font-size:24px;color:#2f2f4d}.sectionModel .sent[data-v-2d54d065]{margin-top:10vh}.sectionModel .questionWrap[data-v-5210cd9a]{margin-top:5vh}.sectionModel .trans[data-v-470067b4]{margin-top:12vh;font-size:24px;color:#2f2f4d}.sectionModel .sentWrap[data-v-470067b4]{display:flex;align-items:center;margin-top:5vh}.sectionModel .sentWrap .sent[data-v-470067b4]{margin-top:unset;margin-left:95px}.sectionModel .sentWrap .hintWrap[data-v-470067b4]{display:flex;flex-direction:column;align-items:center;width:45px;height:45px;position:relative;margin-left:50px}.sectionModel .sentWrap .hintWrap .hint[data-v-470067b4]{position:unset;flex-shrink:0}.sectionModel .sentWrap .hintWrap .rightAnswer[data-v-470067b4]{margin-top:1vh;padding:5px 24px;background:rgba(0,0,0,.02);border-radius:5px;font-weight:500;font-size:30px;color:#45dba1}.sectionModel .keyboard[data-v-470067b4]{margin-top:10vh}.dialogue{width:100%;padding:20px 0}.dialogue .stemWrap{width:100%;display:flex;text-align:left}.dialogue .stemWrap .headWrap{display:flex;justify-content:center;align-items:flex-end}.dialogue .stemWrap .headWrap .headImg{width:62px;height:auto}.dialogue .stemWrap .sentWrap{position:relative;margin-left:20px;padding:16px;background:#f7f7f7;border:2px solid #e6e6e6;border-radius:16px}.dialogue .stemWrap .sentWrap .cornerWrap{position:absolute;left:-22px;bottom:-2px;width:0;height:0;border:20px solid transparent;border-bottom-color:#e6e6e6}.dialogue .stemWrap .sentWrap .cornerWrap .corner{position:absolute;left:-15px;bottom:-18px;width:0;height:0;border:20px solid transparent;border-bottom-color:#f7f7f7}.dialogue .stemWrap .sentWrap .sent{display:flex;align-items:center;font-weight:600;font-size:20px;color:#2f2f4d}.dialogue .stemWrap .sentWrap .sent .audio{margin-right:10px;width:20px;height:20px;background-size:20px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAflBMVEUAAACmp8GlqMKmp8Gyssqnp8Krq8anqsOnp8GnqMKnqMKnp8KnqMOoqcKnqMKnp8Knp8Kmp8KoqMOnqcKmp8KmqcKnqMKoqcKnqcSqqsymqMGnqMGnqMOmp8GnqcKnqcKmp8KnqsSmp8KoqcOoqMGmp8Gnp8KnqMGnqMOmp8F+EBssAAAAKXRSTlMA+lj2CnIHKvLqvJ5PQG7ixcBZNaWJRy8jD9d3Z8utjn8Y2mOysZaTXA1p+moAAAFiSURBVEjH3ZbXcoNADEXZYBswGJfgQnFPu///gxERmMxAvOv7FosXjYYzV6stkvc8NuGo9BKVBBdMAZjXh+XGIYx8L4wcapCQ64PrRXJfblkjffBLAsk9OV+xHriCQfhntbbLBhpINZPAPh+WK1VuGBwtJbL+HZhV4x9L29UNg14QAf72hqVz9G14O64SytrsDoANXMWtzFQkm/p8wtjAGTDf6d8bicVeE7QqruDj0EmG59r5gLGC+V68RMFE3Kp2CruipjVV8HwB3uuShi6gF3c3LNYFj3wncCbusT14wMYZ9BbAQr2dAVJ3cA1Ege77HMjcwUQTrO1NxN3BwBhcb9Up3MHcB0p1j0DkDo4i4KTuCcbQ4GOpjrtU6eLQ20EfAPrI0YecvlbsRaafDvqxYp9H+kEmWkAloYxuOmyboxurZXKwtHJieCDGlYmMK/SAZLeUGsn4IVDHziIq6UH3/9s34um8Qrl7RScAAAAASUVORK5CYII=)}.dialogue .stemWrap .sentWrap .sent .audio:not(.lock){background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAAwCAMAAADJhANkAAAAh1BMVEUAAAA5das2baI5dKs5dq1AeLA6dqw5das7eKw6dqw6eq48eLA5dqs5daw5dqw6dqw8eK45das6daw9eKw5das5daw5das6daw6dqw5dqw5das6daw7dq06daw6d607dq04dqw5daw5dqw6da05d606dqw5daw5d6s6dqw6d605dKs5d6w5dautobkaAAAALHRSTlMA/AStlAdC+StiFw3t5MGCEcuLHffd0FN3avKjJNdbL722nU0165oycknFeJwYTcUAAAIaSURBVFjD7djrbqpQEAXgPVs2CJQKchO832rrWe//fIfKqTSRuuvkTMqPTkyMyTdZS0Ugqt/hjh6YH9zEe3dQ3i0Afzg+dggeRkoPxL8tQXSzIOlDc4cHLwABdBMg5w/H5fhLX+Ygwk2AqK+AIu3n6fxSvydA0qdLYNTrVxGIYAkQ8OsjofrkTtPtczObgtBwS4CA12oFRMHVz7KrIlgCbH6xNyw/AiYfeRXoY4C7hWzeqKCAw/InD3na+uAJHbQUsnij0hwoWX5+PXX7HbIWsvsKSAzHu8C2XZiCHihk9Weg5PgwQd1+Z84jhex+BcwZXjcOpUShRYQo5Hj/8jv7/4XUCN6B49cZRgKFtJoAPsfHNTYSX5nygVeON0ectUSh1eVYeNybHEUo9AnNON5ESIxEoRlQcXwocgw1jx3I5fhFhq3EQR0XqAOOLwFH4jz0BmwYXqsp4Et8QnOgYvkNsnF7+/RAIbt3CXnK8YcMSZu3Jny3kM0bFSfAH6UZftKdLXbwqB1LIas375fKZ8PxwRH16d9CvAVdlaWQ1ZdOyvCXK1p312Jek+ipmWPdOEshCd88n2p4688ri/H7rHcNtASI+PAMOL3/Zu1zEPUHCHo9B5ZB/27gEKg3QND78DL3yxV3CaLbAElfIlvd2QinBLoJEPXuwfImEiCzBsj7bsKJ1933yfvvLB5epmH36uf9AEfrYfnfGez8BUT/Rz8dXbzOAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:60px;background-position:-40px 0;cursor:pointer}.dialogue .stemWrap .sentWrap .sent .audio.active{-webkit-animation:audioSmall .6s steps(3) infinite;animation:audioSmall .6s steps(3) infinite}@-webkit-keyframes audioSmall{0%{background-position:0 0}to{background-position:-60px 0}}@keyframes audioSmall{0%{background-position:0 0}to{background-position:-60px 0}}.dialogue .stemWrap .sentWrap .sent .underline{margin:0 2px}.dialogue .stemWrap .sentWrap .sent .underline:first-child{color:#004e94}.dialogue .stemWrap .sentWrap .trans{margin-top:6px;font-weight:400;font-size:16px;color:#4f5072}.dialogue .questionWrap{width:100%;position:relative;box-sizing:border-box;margin-top:30px;padding:20px;display:flex;flex-wrap:wrap;justify-content:center}.dialogue .questionWrap .questionOption{box-sizing:border-box;margin:20px;padding:0 20px;background:#fff;box-shadow:0 2px 14px 0 rgba(0,0,0,.02);border-radius:18px;font-weight:600;font-size:20px;color:#585971;min-width:108px;height:62px;line-height:62px;text-align:center;cursor:pointer;transition:all .3s}.dialogue .questionWrap .questionOption:hover{background:#dce4f2}.dialogue .questionWrap .questionOption.right{color:#2bc58a;background:#ccede4}.dialogue .questionWrap .questionOption.wrong{color:#ee5151;background:#f5d8dd}.dialogue .questionWrap .questionOption.lock{cursor:default;color:#e3e1ea!important;background:#e3e1ea!important}.dialogue .questionWrap.character,.dialogue .questionWrap.speech{justify-content:center}.dialogue .questionWrap.character .questionOption{width:50px;border-radius:10px}.dialogue .questionWrap.word{justify-content:center}.dialogue .questionWrap.word .questionOption{width:unset;padding:0 20px;border-radius:10px}.dialogue .questionWrap.hidden{display:none}.dialogue.reverse .stemWrap{flex-direction:row-reverse}.dialogue.reverse .stemWrap .sentWrap{margin-left:unset;margin-right:20px;background:#edeef5;border:2px solid #d6d8e5}.dialogue.reverse .stemWrap .sentWrap .cornerWrap{position:absolute;left:unset;right:-22px;bottom:-2px;width:0;height:0;border:20px solid transparent;border-bottom-color:#d6d8e5}.dialogue.reverse .stemWrap .sentWrap .cornerWrap .corner{position:absolute;left:unset;right:-15px;bottom:-18px;width:0;height:0;border:20px solid transparent;border-bottom-color:#edeef5}@media screen and (max-width:768px){.dialogue{padding:10px 0}.dialogue .stemWrap .headWrap .headImg{width:11vw;height:auto}.dialogue .stemWrap .sentWrap{padding:10px}.dialogue .stemWrap .sentWrap .sent{font-size:16px}.dialogue .stemWrap .sentWrap .trans{margin-top:2px;font-size:14px}.dialogue .questionWrap{margin-top:10px;padding:10px}.dialogue .questionWrap .questionOption{margin:10px;padding:0 10px;border-radius:12px;font-size:16px;min-width:80px;height:50px;line-height:50px}}.dialogueModel[data-v-2fffb66e]{width:100%;max-width:800px;min-height:100%}.dialogueModel .tips[data-v-2fffb66e]{margin:40px auto 20px;text-align:center;font-weight:400;font-size:18px;color:#9090a2}.dialogueModel .finishWrap[data-v-2fffb66e]{position:fixed;left:0;bottom:0;width:100vw;height:20vh;background:#fff;display:flex;justify-content:center;align-items:center}.dialogueModel .finishWrap .finishBtn[data-v-2fffb66e]{padding:0 20px;min-width:220px;height:46px;line-height:46px;border-radius:46px;font-weight:700;font-size:20px;color:#fff;text-align:center;background:#004e94;cursor:pointer;transition:all .3s}.dialogueModel .finishWrap .finishBtn[data-v-2fffb66e]:hover{background:#0a4172}@media screen and (max-width:768px){.dialogueModel .tips[data-v-2fffb66e]{margin:20px auto;font-size:14px}}.finish[data-v-f2af0b4c]{width:100%;min-height:100vh;padding:20px 0;background:#f3f4f8}.finish .xpWrap[data-v-f2af0b4c]{display:flex;flex-direction:column;align-items:center;width:90vw;max-width:800px;margin:0 auto;border-radius:12px;background-color:#fff;background-image:linear-gradient(0,rgba(74,142,254,0) 20%,#004e94)}.finish .xpWrap .cupWrap[data-v-f2af0b4c]{position:relative;width:343px;height:199px}.finish .xpWrap .cupWrap .cupImg[data-v-f2af0b4c]{width:100%;height:100%}.finish .xpWrap .cupWrap .earnXP[data-v-f2af0b4c]{position:absolute;left:0;top:155px;width:100%;height:44px;line-height:44px;text-align:center;font-weight:600;font-size:22px;color:#fff}.finish .xpWrap .medalWrap[data-v-f2af0b4c]{display:flex;justify-content:space-between;margin:32px 0;width:200px;height:47px}.finish .xpWrap .medalWrap .medalImg[data-v-f2af0b4c]{width:36px;height:100%}.finish .audioWrap[data-v-f2af0b4c]{display:flex;flex-direction:column;align-items:center;width:90vw;max-width:800px;margin:24px auto 0;padding:10px 0;border-radius:12px;background-color:#fff}.finish .audioWrap .sentWrap[data-v-f2af0b4c]{width:100%;max-width:560px;padding:16px;border-radius:10px;border-bottom:1px solid rgba(47,47,77,.0784313725490196);box-sizing:border-box;transition:all .3s}.finish .audioWrap .sentWrap[data-v-f2af0b4c]:hover{cursor:pointer;background:rgba(47,47,77,.0784313725490196)}.finish .audioWrap .sentWrap .sent[data-v-f2af0b4c]{display:flex;align-items:center;font-weight:600;font-size:18px;color:#2f2f4d;white-space:pre-line}.finish .audioWrap .sentWrap .sent .audio[data-v-f2af0b4c]{margin-right:10px;width:24px;height:24px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAAwCAMAAADJhANkAAAAh1BMVEUAAAA5das2baI5dKs5dq1AeLA6dqw5das7eKw6dqw6eq48eLA5dqs5daw5dqw6dqw8eK45das6daw9eKw5das5daw5das6daw6dqw5dqw5das6daw7dq06daw6d607dq04dqw5daw5dqw6da05d606dqw5daw5d6s6dqw6d605dKs5d6w5dautobkaAAAALHRSTlMA/AStlAdC+StiFw3t5MGCEcuLHffd0FN3avKjJNdbL722nU0165oycknFeJwYTcUAAAIaSURBVFjD7djrbqpQEAXgPVs2CJQKchO832rrWe//fIfKqTSRuuvkTMqPTkyMyTdZS0Ugqt/hjh6YH9zEe3dQ3i0Afzg+dggeRkoPxL8tQXSzIOlDc4cHLwABdBMg5w/H5fhLX+Ygwk2AqK+AIu3n6fxSvydA0qdLYNTrVxGIYAkQ8OsjofrkTtPtczObgtBwS4CA12oFRMHVz7KrIlgCbH6xNyw/AiYfeRXoY4C7hWzeqKCAw/InD3na+uAJHbQUsnij0hwoWX5+PXX7HbIWsvsKSAzHu8C2XZiCHihk9Weg5PgwQd1+Z84jhex+BcwZXjcOpUShRYQo5Hj/8jv7/4XUCN6B49cZRgKFtJoAPsfHNTYSX5nygVeON0ectUSh1eVYeNybHEUo9AnNON5ESIxEoRlQcXwocgw1jx3I5fhFhq3EQR0XqAOOLwFH4jz0BmwYXqsp4Et8QnOgYvkNsnF7+/RAIbt3CXnK8YcMSZu3Jny3kM0bFSfAH6UZftKdLXbwqB1LIas375fKZ8PxwRH16d9CvAVdlaWQ1ZdOyvCXK1p312Jek+ipmWPdOEshCd88n2p4688ri/H7rHcNtASI+PAMOL3/Zu1zEPUHCHo9B5ZB/27gEKg3QND78DL3yxV3CaLbAElfIlvd2QinBLoJEPXuwfImEiCzBsj7bsKJ1933yfvvLB5epmH36uf9AEfrYfnfGez8BUT/Rz8dXbzOAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:72px;background-position:-48px 0;cursor:pointer}.finish .audioWrap .sentWrap .sent .audio.active[data-v-f2af0b4c]{-webkit-animation:audio-data-v-f2af0b4c .6s steps(3) infinite;animation:audio-data-v-f2af0b4c .6s steps(3) infinite}@-webkit-keyframes audio-data-v-f2af0b4c{0%{background-position:0 0}to{background-position:-72px 0}}@keyframes audio-data-v-f2af0b4c{0%{background-position:0 0}to{background-position:-72px 0}}.finish .audioWrap .sentWrap .trans[data-v-f2af0b4c]{margin-top:6px;margin-left:34px;font-weight:500;font-size:16px;color:#4f5072;white-space:pre-line}.finish .audioWrap .continueBtn[data-v-f2af0b4c]{margin:34px 0;width:268px;height:46px;line-height:46px;border-radius:46px;background:#004e94;font-weight:700;font-size:20px;color:#fff;text-align:center;transition:all .3s}.finish .audioWrap .continueBtn[data-v-f2af0b4c]:hover{cursor:pointer;background:#0a4172}.clipsLesson[data-v-77fe90ea]{background:#f3f4f8}.clipsLesson .lessonWrap[data-v-77fe90ea]{width:90vw;max-width:960px;margin:0 auto}.clipsLesson .lessonWrap .lessonHeader[data-v-77fe90ea]{box-sizing:border-box;width:100%;height:30px;padding-top:10px;display:flex;justify-content:space-between;align-items:center}.clipsLesson .lessonWrap .lessonHeader .close[data-v-77fe90ea]{display:flex;justify-content:center;align-items:center;width:20px;height:20px;cursor:pointer}.clipsLesson .lessonWrap .lessonHeader .close img[data-v-77fe90ea]{width:17px}.clipsLesson .lessonWrap .lessonHeader .progress[data-v-77fe90ea]{position:relative;width:calc(100% - 35px);height:12px;border-radius:12px;background:#d8d8d8;overflow:hidden}.clipsLesson .lessonWrap .lessonHeader .progressBar[data-v-77fe90ea]{position:absolute;top:0;left:0;max-width:100%;height:100%;border-radius:12px;background:#17dac5;transition:width .5s}.clipsLesson .lessonWrap .lessonMain[data-v-77fe90ea]{width:100%;height:calc(100vh - 30px);overflow:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.clipsLesson .lessonWrap .lessonMain[data-v-77fe90ea]::-webkit-scrollbar{width:0}.clipsLesson .lessonWrap .lessonMain.dialogue[data-v-77fe90ea]{box-sizing:border-box;padding-bottom:20vh}