.transition-container[data-v-8a724448]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;cursor:pointer}.blur-background[data-v-8a724448]{position:absolute;width:100vw;height:100vh;overflow:hidden;left:0;top:0}.bg-image[data-v-8a724448]{position:absolute;top:0;left:0;width:100%;height:100%;background-position:bottom;background-size:cover;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bg-image .bg-color-1[data-v-8a724448]{background:#feefc9}.bg-image .bg-color-2[data-v-8a724448]{background:#d7f2cf}.bg-image .bg-color-3[data-v-8a724448]{background:#fbdccb}.bg-image .bg-color-4[data-v-8a724448]{background:#fbe8a3}.bg-image .part-item[data-v-8a724448]{width:calc(100vw/1470*200);height:calc(100vh/688*216);height:calc(100vw/1470*216);background:radial-gradient(0 70% at 100% 49%,hsla(0,0%,100%,0) 0,#fff3dd 100%);-webkit-box-shadow:inset 0 calc(100vw/1470*3) calc(100vw/1470*8) 0 #fff;box-shadow:inset 0 calc(100vw/1470*3) calc(100vw/1470*8) 0 #fff;border-radius:calc(100vw/1470*45);margin-right:calc(100vw/1470*48);padding:calc(100vw/1470*22) calc(100vw/1470*25) 0;position:relative;z-index:10;cursor:pointer}.bg-image .part-item .name[data-v-8a724448]{height:calc(100vh/688*31);height:calc(100vw/1470*31);font-weight:700;font-size:calc(100vw/1470*22);color:#7d381c;line-height:calc(100vw/1470*31);margin-top:calc(100vw/1470*16);text-align:center}.bg-image .part-item .img-bg[data-v-8a724448]{width:100%;height:calc(100vh/688*115);height:calc(100vw/1470*115);border-radius:calc(100vw/1470*32);position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bg-image .part-item .img-bg img[data-v-8a724448]{width:calc(100vw/1470*112);position:absolute;bottom:1vw}.bg-image .scale-item[data-v-8a724448]{width:calc(100vw/1470*241);height:calc(100vh/688*248);height:calc(100vw/1470*248);background:radial-gradient(0 70% at 100% 49%,hsla(0,0%,100%,0) 0,#fff3dd 100%);-webkit-box-shadow:inset 0 calc(100vw/1470*3) calc(100vw/1470*8) 0 #fff;box-shadow:inset 0 calc(100vw/1470*3) calc(100vw/1470*8) 0 #fff;border-radius:calc(100vw/1470*45);margin-right:calc(100vw/1470*48);padding:calc(100vw/1470*21) calc(100vw/1470*21) 0;position:relative}.bg-image .scale-item .down[data-v-8a724448]{padding-right:2vw;width:100%;position:absolute;top:-4vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bg-image .scale-item .down img[data-v-8a724448]{width:calc(100vw/1470*40)}.bg-image .scale-item .name[data-v-8a724448]{height:calc(100vh/688*42);height:calc(100vw/1470*42);font-weight:700;font-size:calc(100vw/1470*30);color:#7d381c;line-height:calc(100vw/1470*42);margin-top:calc(100vw/1470*16);text-align:center}.bg-image .scale-item .img-bg[data-v-8a724448]{width:100%;height:calc(100vh/688*153);height:calc(100vw/1470*153);border-radius:calc(100vw/1470*42)}.bg-image .scale-item .img-bg img[data-v-8a724448]{width:calc(100vw/1470*169);position:absolute;bottom:1vw;-webkit-animation:slideInUp-8a724448 1s infinite;animation:slideInUp-8a724448 1s infinite;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInUp-8a724448{0%{-webkit-transform:translate3d(0,.5vw,0) rotate(-10deg);transform:translate3d(0,.5vw,0) rotate(-10deg);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp-8a724448{0%{-webkit-transform:translate3d(0,.5vw,0) rotate(-10deg);transform:translate3d(0,.5vw,0) rotate(-10deg);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bg-image .scale-item .flash[data-v-8a724448]{width:calc(100vw/1470*262);height:calc(100vh/688*266);height:calc(100vw/1470*266);position:absolute;top:0;left:0;margin-left:calc(-100vw/1470*10);margin-top:calc(-100vw/1470*10);-webkit-box-shadow:inset 0 calc(100vw/1470*4) calc(100vw/1470*11) 0 #fff,0 calc(100vw/1470*4) calc(100vw/1470*8) 0 hsla(0,0%,100%,.6);box-shadow:inset 0 calc(100vw/1470*4) calc(100vw/1470*11) 0 #fff,0 calc(100vw/1470*4) calc(100vw/1470*8) 0 hsla(0,0%,100%,.6);border-radius:calc(100vw/1470*50)}@-webkit-keyframes flash-8a724448{0%{-webkit-transform:scale(.96) translate(-50%,-50%);transform:scale(.96) translate(-50%,-50%)}to{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%)}}@keyframes flash-8a724448{0%{-webkit-transform:scale(.96) translate(-50%,-50%);transform:scale(.96) translate(-50%,-50%)}to{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%)}}.bg-image .part-item[data-v-8a724448]:last-child{margin-right:0}.blur-layer[data-v-8a724448]{top:0;-webkit-animation:blurInOut-8a724448 .8s ease-in;animation:blurInOut-8a724448 .8s ease-in}.blur-layer-1[data-v-8a724448],.blur-layer[data-v-8a724448]{position:absolute;left:0;width:100%;height:100%;z-index:-1;background-size:cover;background-position:bottom;opacity:0}.blur-layer-1[data-v-8a724448]{bottom:0;-webkit-animation:blurInOut2-8a724448 .8s ease-in;animation:blurInOut2-8a724448 .8s ease-in}@-webkit-keyframes blurInOut-8a724448{0%{opacity:1;-webkit-filter:blur(.266667rem);filter:blur(.266667rem);top:100%}70%{opacity:1;-webkit-filter:blur(1.6rem);filter:blur(1.6rem);top:50%}to{opacity:0;-webkit-filter:blur(1.6rem);filter:blur(1.6rem);top:50%}}@keyframes blurInOut-8a724448{0%{opacity:1;-webkit-filter:blur(.266667rem);filter:blur(.266667rem);top:100%}70%{opacity:1;-webkit-filter:blur(1.6rem);filter:blur(1.6rem);top:50%}to{opacity:0;-webkit-filter:blur(1.6rem);filter:blur(1.6rem);top:50%}}@-webkit-keyframes blurInOut2-8a724448{0%{opacity:1;-webkit-filter:blur(.266667rem);filter:blur(.266667rem);bottom:100%}70%{opacity:1;-webkit-filter:blur(1.6rem);filter:blur(1.6rem);bottom:50%}to{opacity:0;-webkit-filter:blur(1.6rem);filter:blur(1.6rem);bottom:50%}}@keyframes blurInOut2-8a724448{0%{opacity:1;-webkit-filter:blur(.266667rem);filter:blur(.266667rem);bottom:100%}70%{opacity:1;-webkit-filter:blur(1.6rem);filter:blur(1.6rem);bottom:50%}to{opacity:0;-webkit-filter:blur(1.6rem);filter:blur(1.6rem);bottom:50%}}.dong-1[data-v-8a724448]{top:0;-webkit-animation:dong1 .8s ease-in;animation:dong1 .8s ease-in}.dong-1[data-v-8a724448],.dong-2[data-v-8a724448]{position:absolute;left:0;width:100%;height:100%;z-index:-1;opacity:0}.dong-2[data-v-8a724448]{bottom:0;-webkit-animation:dong2 .8s ease-in;animation:dong2 .8s ease-in}.content[data-v-8a724448]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%;max-width:16rem;padding:1.066667rem;background:rgba(0,0,0,.7);border-radius:.533333rem;backdrop-filter:blur(.133333rem);-webkit-backdrop-filter:blur(.133333rem);-webkit-box-shadow:0 .266667rem .8rem rgba(0,0,0,.5);box-shadow:0 .266667rem .8rem rgba(0,0,0,.5);text-align:center;z-index:2}@-webkit-keyframes dong2-252c2d01{0%{-webkit-filter:blur(6vw);filter:blur(6vw)}to{-webkit-filter:blur(0);filter:blur(0)}}@keyframes dong2-252c2d01{0%{-webkit-filter:blur(6vw);filter:blur(6vw)}to{-webkit-filter:blur(0);filter:blur(0)}}.content[data-v-252c2d01]{height:100vh;width:100vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;background-image:url(../img/common-bg.ffae6e30.png);background-repeat:no-repeat;background-size:cover;background-position:bottom}.content .fullscreen-video[data-v-252c2d01]{position:fixed;width:100%;height:100%;top:0;left:0;-o-object-fit:contain;object-fit:contain;background-color:#fb9019;z-index:10}.content .lesson-detail-topnav[data-v-252c2d01]{padding:calc(100vh/688*10);position:absolute;top:0;left:0;right:0;z-index:9}.content .lesson-detail-container[data-v-252c2d01],.content .lesson-detail-topnav[data-v-252c2d01]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.content .lesson-detail-container[data-v-252c2d01]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:calc(100vw/1438*1136);height:calc(100vw/1438*640);background-image:url(../img/video-bg-2.e34b1b1a.png);background-repeat:no-repeat;background-size:cover;background-position:bottom;position:relative;background-size:100% 100%}.content .lesson-detail-container .style-video[data-v-252c2d01]{width:calc(100vw/1438*1062);height:calc(100vw/1438*584);-o-object-fit:contain;object-fit:contain;border-radius:calc(100vw/1438*40);border:calc(100vh/688*4) solid #fff;background-color:#ffb800;max-height:100vh;-webkit-box-sizing:border-box;box-sizing:border-box}.content .lesson-detail-container .container2[data-v-252c2d01]{width:100%;height:100%;background-color:wheat;border-radius:.266667rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.content .lesson-detail-container .card-popup-bg[data-v-252c2d01]{width:60vw;background-color:#fff;border-radius:.266667rem}.content .lesson-detail-container .card-popup-bg .listen-select[data-v-252c2d01]{width:60vw}.content .lesson-detail-container .card-popup-bg .listen-select .title[data-v-252c2d01]{font-size:6vh;font-family:Yuanti SC;font-weight:700;color:#a54a00;-webkit-background-clip:text}.content .lesson-detail-container .card-popup-bg .listen-select .select-images-container[data-v-252c2d01]{width:55vw}.content .lesson-detail-container .card-popup-bg .listen-select .bg-item-corner[data-v-252c2d01]{background:#eaeaea;border-radius:10vw}.content .lesson-detail-container .card-popup-bg .listen-select .bg-item-corner-select[data-v-252c2d01],.content .lesson-detail-container .card-popup-bg .listen-select .bg-item-corner[data-v-252c2d01]{width:calc(55vw * .35);height:12vh;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}.content .lesson-detail-container .card-popup-bg .listen-select .bg-item-corner-select[data-v-252c2d01]{background:#fff;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}.content .lesson-detail-container .card-popup-bg .listen-select .image-listen-select[data-v-252c2d01]{width:calc(55vw * .3 * .95);height:calc(55vw * .3 * .9 / 1.4);text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:1.5vw;margin-top:1vh}.content .lesson-detail-container .card-popup-bg .listen-select .image-listen-select-btn[data-v-252c2d01]{width:calc(55vw * .3 * .8);height:calc(55vw * .3 * .8 / 2.77);text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:4vh}.content .lesson-detail-container .card-popup-bg .listen-select .image-audio[data-v-252c2d01]{width:10vh;height:10vh}.content .lesson-detail-container .card-popup-bg .listen-select .score-text[data-v-252c2d01]{font-size:4vh;color:#fe8818;line-height:6vh;font-weight:700}video[data-v-252c2d01]::-webkit-media-controls-enclosure{overflow:hidden}.cast-screen-btn[data-v-252c2d01]{padding:0;background:transparent;border:none;outline:none;cursor:pointer;font-size:2vw;position:absolute;right:.426667rem;top:.266667rem;z-index:1000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}