.content-challeng[data-v-4245f86e]{width:100vw;height:100vh;background-image:url(../img/big-bg.4edcfd18.png);background-repeat:no-repeat;background-size:cover;background-position:bottom;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.content-challeng .fankui-box[data-v-4245f86e],.content-challeng .help-box[data-v-4245f86e]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:8.34492vw;border-radius:1.59944vw;font-size:1.6vw;color:#ff8117}.content-challeng .fankui-box[data-v-4245f86e],.content-challeng .help-box[data-v-4245f86e],.content-challeng .score-box[data-v-4245f86e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:6.39535vh;height:3.05981vw;background:hsla(0,0%,100%,.5);margin-left:2.64256vw}.content-challeng .score-box[data-v-4245f86e]{border-radius:5vw;min-width:10vw;padding:.5vh .6vw}.content-challeng .score-box .score-coin[data-v-4245f86e]{width:3.19889vw;height:6.68605vh;height:3.19889vw;-o-object-fit:contain;object-fit:contain;margin-left:-1vw}.content-challeng .current-timu-index[data-v-4245f86e]{color:#fff;font-weight:700;font-size:1.5299vw;margin-left:.69541vw}.content-challeng .progress-box[data-v-4245f86e]{width:34vw;border-radius:2vw;background:hsla(0,0%,100%,.5);margin-right:1vw;padding:.1vw .1vh;display:-webkit-box;display:-ms-flexbox;display:flex;height:2vh;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.content-challeng .progress-box .huojian[data-v-4245f86e]{height:10vh;width:auto;-o-object-fit:contain;object-fit:contain;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.content-challeng .scroll-view[data-v-4245f86e]{-webkit-box-flex:1;-ms-flex:1;flex: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}.content-challeng .scroll-view .SelectPicByJuziT9[data-v-4245f86e]{width:95.13213vw;height:84.01163vh;height:40.19471vw;background-image:url(../img/main-bg-9.8bce6123.png);background-repeat:no-repeat;background-size:cover;background-position:bottom;display:-webkit-box;display:-ms-flexbox;display:flex}.content-challeng .scroll-view .Select-Juzi-T20[data-v-4245f86e]{width:91.93324vw;height:78.77907vh;height:37.69124vw;background-image:url(../img/main-bg-20.6229a166.png)}.content-challeng .scroll-view .Select-Juzi-T20[data-v-4245f86e],.content-challeng .scroll-view .Speak-Juzi-T21[data-v-4245f86e]{background-repeat:no-repeat;background-size:cover;background-position:bottom;display:-webkit-box;display:-ms-flexbox;display:flex}.content-challeng .scroll-view .Speak-Juzi-T21[data-v-4245f86e]{width:96.38387vw;height:83.13953vh;height:39.77747vw;background-image:url(../img/main-bg-21.053e8f0c.png)}.content-challeng .scroll-view .listen-select[data-v-4245f86e]{width:96.24478vw;height:81.25vh;height:38.87344vw;background-image:url(../img/main-bg.625e0e51.png);background-repeat:no-repeat;background-size:cover;background-position:bottom;display:-webkit-box;display:-ms-flexbox;display:flex}.content-challeng .scroll-view .listen-select .right-content[data-v-4245f86e]{width:54.93741vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 2.78164vw 1.94715vw}.content-challeng .scroll-view .listen-select .right-content .right-bottom .handle-btn-box[data-v-4245f86e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.content-challeng .scroll-view .listen-select .right-content .right-bottom .handle-btn-box .recorder-voice-btn[data-v-4245f86e]{width:6.9541vw;height:14.53488vh;height:6.9541vw;margin:0 4.03338vw}.content-challeng .scroll-view .listen-select .right-content .right-bottom .handle-btn-box .change-btn-box[data-v-4245f86e]{display:-webkit-box;display:-ms-flexbox;display:flex;-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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.content-challeng .scroll-view .listen-select .right-content .right-bottom .handle-btn-box .change-btn-box img[data-v-4245f86e]{width:4.03338vw;height:8.43023vh;height:4.03338vw}.content-challeng .scroll-view .listen-select .right-content .right-bottom .handle-btn-box .change-btn-box span[data-v-4245f86e]{height:3.19767vh;height:1.5299vw;font-family:PingFangSC,PingFang SC;font-weight:600;font-size:2.32558vh;font-size:1.11266vw;color:#894f33;line-height:1.5299vw}.content-challeng .scroll-view .listen-select .right-content .right-center[data-v-4245f86e]{display:-webkit-box;display:-ms-flexbox;display:flex;-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-challeng .scroll-view .listen-select .right-content .right-center .hua-tong[data-v-4245f86e]{width:19.19332vw;height:27.61628vh;height:13.2128vw;background-image:url(../img/ht.a745346b.png);background-repeat:no-repeat;background-size:cover;background-position:bottom}.content-challeng .scroll-view .listen-select .right-content .right-center .result-show[data-v-4245f86e]{margin-top:1.5299vw}.content-challeng .scroll-view .listen-select .right-content .right-center .score-area[data-v-4245f86e]{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;width:19.19332vw;height:9.88372vh;height:4.72879vw;background-image:url(../img/fz.7fa48fa2.png);background-repeat:no-repeat;background-size:cover;background-position:bottom;margin-top:-2.92072vw;padding-bottom:.27816vw}.content-challeng .scroll-view .listen-select .right-content .right-center .play-btn-1[data-v-4245f86e]{width:8.83171vw;height:6.10465vh;height:2.92072vw;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;background:#ffe29c;border-radius:1.46036vw}.content-challeng .scroll-view .listen-select .right-content .right-center .play-btn-1 .play-btn-1-text[data-v-4245f86e]{font-weight:600;font-size:3.48837vh;font-size:1.66898vw;color:#ff5100}.content-challeng .scroll-view .listen-select .right-content .right-center .play-btn-1 .play-btn-1-img[data-v-4245f86e]{width:.83449vw;height:2.90698vh;height:1.39082vw;margin-left:.48679vw}.content-challeng .scroll-view .listen-select .right-content .show-word[data-v-4245f86e]{text-align:center;font-weight:400;font-size:5.52326vh;font-size:2.64256vw;color:#894f33;line-height:3.05981vw;margin:1.66898vw 0}.content-challeng .scroll-view .listen-select .right-content .sound-wave-box .wave-start[data-v-4245f86e]{width:12vw;height:8vw}.content-challeng .scroll-view .listen-select .right-content .sound-wave-box .wave-no-start[data-v-4245f86e]{color:#ff8116;font-size:5.23256vh;font-size:2.50348vw}.content-challeng .scroll-view .listen-select .right-content .right-title[data-v-4245f86e]{width:17.31572vw;height:8.43023vh;height:4.03338vw;background-image:url(../img/title-bg.f93f1ce8.png);background-repeat:no-repeat;background-size:cover;background-position:bottom;background-size:100% 100%;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;margin-top:-.55633vw;font-weight:600;font-size:4.36047vh;font-size:2.08623vw;color:#fff;text-shadow:0 .053333rem .053333rem #a26a00}.content-challeng .scroll-view .listen-select .left-content[data-v-4245f86e]{-webkit-box-flex:1;-ms-flex:1;flex: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}.content-challeng .scroll-view .listen-select .left-content .timu-img[data-v-4245f86e]{width:36.30042vw;height:75.87209vh;height:36.30042vw;border-radius:2.43394vw;-o-object-fit:cover;object-fit:cover}.content-challeng .scroll-view .listen-select .left-content .select-text[data-v-4245f86e]{font-family:PingFangSC,PingFang SC;font-weight:600;font-size:1.8vw;color:#894f33;line-height:8vh;text-align:left;font-style:normal;width:87%;margin-left:2vw}.content-challeng .scroll-view .listen-select .left-content .image-bk[data-v-4245f86e]{border-radius:2vw;border:.133333rem solid #ffe9d4;width:34vw;height:19vw;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto}.content-challeng .scroll-view .listen-select .left-content .overlay[data-v-4245f86e]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1;border-radius:4vh}.content-challeng .scroll-view .listen-select .left-content .overlay1[data-v-4245f86e]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1;border-radius:3vh}.content-challeng .scroll-view .listen-select .left-content .left-title[data-v-4245f86e]{font-family:PingFangSC,PingFang SC;font-weight:600;font-size:2vw;color:#ff8016;line-height:10vh;text-align:center;font-style:normal}.content-challeng .scroll-view .listen-select .left-content .left-text[data-v-4245f86e]{font-family:PingFangSC,PingFang SC;font-weight:400;font-size:1.7vw;color:#894f33;line-height:8vh;text-align:center;font-style:normal}.content-challeng .scroll-view .listen-select .left-content .grid-container[data-v-4245f86e]{display:grid;grid-template-columns:repeat(2,1fr);padding:0 0;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.content-challeng .scroll-view .listen-select .left-content .grid-item[data-v-4245f86e]{position:relative;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;background:#ffe8ca;border:.5vw solid transparent;border-radius:4vh;height:72vh;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;margin:0 .5vw}.content-challeng .scroll-view .listen-select .left-content .grid-item.selected.status[data-v-4245f86e]{border-color:#f53232}.content-challeng .scroll-view .listen-select .left-content .grid-item.selected.status1[data-v-4245f86e]{border-color:#11a60d}.content-challeng .scroll-view .listen-select .left-content .item-image[data-v-4245f86e]{width:100%;height:70vh;-o-object-fit:contain;object-fit:contain;border-radius:4vh}.content-challeng .scroll-view .listen-select .left-content .checkmark[data-v-4245f86e]{position:absolute;top:30vh;right:11vw;width:8vw;height:8vw;background:url(../img/right.c0bcb6bf.png) no-repeat 50%;background-size:contain;display:none;z-index:2}.content-challeng .scroll-view .listen-select .left-content .checkmark1[data-v-4245f86e]{position:absolute;top:30vh;right:11vw;width:8vw;height:8vw;background:url(../img/error.e96481ba.png) no-repeat 50%;background-size:contain;display:none;z-index:2}.content-challeng .scroll-view .listen-select .left-content .grid-item.selected .checkmark1[data-v-4245f86e],.content-challeng .scroll-view .listen-select .left-content .grid-item.selected .checkmark[data-v-4245f86e]{display:block}.content-challeng .scroll-view .listen-select .title[data-v-4245f86e]{font-size:4vh;font-family:Yuanti SC;font-weight:700;color:#a54a00;-webkit-background-clip:text;margin:0 4vw 2vh}.content-challeng .scroll-view .listen-select .select-images-container[data-v-4245f86e]{width:70vw}.content-challeng .scroll-view .listen-select .bg-item-corner[data-v-4245f86e]{border-radius:10vw}.content-challeng .scroll-view .listen-select .bg-item-corner-select[data-v-4245f86e],.content-challeng .scroll-view .listen-select .bg-item-corner[data-v-4245f86e]{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}.content-challeng .scroll-view .listen-select .bg-item-corner-select[data-v-4245f86e]{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-challeng .scroll-view .listen-select .image-listen-select[data-v-4245f86e]{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:.5vh;margin-bottom:.5vh;display:-webkit-box;display:-ms-flexbox;display:flex}.content-challeng .scroll-view .listen-select .image-listen-select-btn[data-v-4245f86e]{width:16.8vw;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:4vh}.content-challeng .scroll-view .listen-select .image-audio[data-v-4245f86e]{width:10vh;height:10vh}.content-challeng .scroll-view .home-title[data-v-4245f86e]{font-size:4vh;font-family:Yuanti SC;font-weight:700;color:#fd931a;padding:0 .426667rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:18%;-webkit-background-clip:text}.content-challeng .scroll-view .play-bg0[data-v-4245f86e]{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}.content-challeng .scroll-view .play-bg[data-v-4245f86e]{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}.content-challeng .scroll-view .play-img1[data-v-4245f86e]{width:8vh;height:8vh;margin-left:1vw;-o-object-fit:contain;object-fit:contain}.content-challeng .scroll-view .voice-title[data-v-4245f86e]{font-family:PingFangSC,PingFang SC;font-weight:600;font-size:2.1vw;color:#894f33;line-height:10vh;text-align:center;font-style:normal;margin-left:1vw}.content-challeng .scroll-view .play-img2[data-v-4245f86e]{height:5vh;margin-left:1vw;-o-object-fit:contain;object-fit:contain}.content-challeng .scroll-view .play-text[data-v-4245f86e]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;font-size:4vh;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}.content-challeng .scroll-view .play-bg0-other[data-v-4245f86e]{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}.content-challeng .scroll-view .play-bg-other[data-v-4245f86e]{width:10vw;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:rgba(255,211,174,.6);border-radius:50vw}.content-challeng .scroll-view .play-img2-other[data-v-4245f86e]{height:3vh;margin-left:1vw;-o-object-fit:contain;object-fit:contain}.content-challeng .scroll-view .play-img2-other1[data-v-4245f86e]{height:3vh;-o-object-fit:contain;object-fit:contain}.content-challeng .scroll-view .circle[data-v-4245f86e]{border-radius:50%;height:4vh;width:4vh;background:#ffe9d4;border:.5vh solid #ff9b48;margin:auto 0}.content-challeng .scroll-view .circle1[data-v-4245f86e]{border-radius:50%;height:4vh;width:4vh;background:#ff5e00;border:.5vh solid #ffbb81;margin:auto 0}.content-challeng .scroll-view .submitSelect5[data-v-4245f86e]{width:20vw;height:8vh;background:-webkit-gradient(linear,left top,right top,from(#fe8843),to(#fe6829));background:linear-gradient(90deg,#fe8843,#fe6829);-webkit-box-shadow:inset 0 .08rem .266667rem 0 rgba(255,184,152,.63);box-shadow:inset 0 .08rem .266667rem 0 rgba(255,184,152,.63);border-radius:.773333rem;font-family:PingFangSC,PingFang SC;font-weight:600;font-size:1.6vw;color:#fff;line-height:8vh;text-align:center;font-style:normal}.content-challeng .scroll-view .play-text-other[data-v-4245f86e]{font-family:PingFangSC,PingFang SC;font-weight:600;font-size:1.6vw;color:#ff5100;line-height:7.5vh;text-align:right;font-style:normal;width:5.5vw}.content-challeng .scroll-view .score-text[data-v-4245f86e]{font-size:5vh;color:#eb9c36;line-height:3.5vw;letter-spacing:.5vw}.image1[data-v-4245f86e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;background-image:url(../img/ic_logn_audio.e2db0fc4.png);background-repeat:no-repeat;width:50vw;height:15vh;background-size:cover;font-size:2.5vw;color:#fff;font-weight:500}.animated-item[data-v-4245f86e],.fade-enter-active[data-v-4245f86e],.fade-leave-active[data-v-4245f86e]{-webkit-transition:opacity .5s ease-out;transition:opacity .5s ease-out}.fade-enter[data-v-4245f86e],.fade-leave-to[data-v-4245f86e]{opacity:0}@-webkit-keyframes glow-4245f86e{0%{-webkit-box-shadow:0 0 .266667rem hsla(0,0%,100%,.7);box-shadow:0 0 .266667rem hsla(0,0%,100%,.7)}50%{-webkit-box-shadow:0 0 .533333rem hsla(0,0%,100%,.9);box-shadow:0 0 .533333rem hsla(0,0%,100%,.9)}to{-webkit-box-shadow:0 0 .266667rem hsla(0,0%,100%,.7);box-shadow:0 0 .266667rem hsla(0,0%,100%,.7)}}@keyframes glow-4245f86e{0%{-webkit-box-shadow:0 0 .266667rem hsla(0,0%,100%,.7);box-shadow:0 0 .266667rem hsla(0,0%,100%,.7)}50%{-webkit-box-shadow:0 0 .533333rem hsla(0,0%,100%,.9);box-shadow:0 0 .533333rem hsla(0,0%,100%,.9)}to{-webkit-box-shadow:0 0 .266667rem hsla(0,0%,100%,.7);box-shadow:0 0 .266667rem hsla(0,0%,100%,.7)}}.glow-animation[data-v-4245f86e]{-webkit-animation:glow-4245f86e 2s infinite alternate;animation:glow-4245f86e 2s infinite alternate}.class-progress[data-v-4245f86e]{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)}.bg-textarea[data-v-4245f86e]{border-radius:.32rem;margin-top:4vh;background:#f5f5f5;border:.026667rem solid #d6d6d6;padding:1vh 2vw;height:25vh;width:100%;font-size:2vw;resize:none;outline:none;color:#333;line-height:normal;vertical-align:top;max-height:30vh;overflow-y:auto}.tip-text[data-v-4245f86e]{font-weight:500;font-size:.373333rem;color:#2f2f2f;letter-spacing:.026667rem;font-style:normal;text-transform:none}.bg-button[data-v-4245f86e]{background-color:#fd931a;color:#fff}.bg-button2[data-v-4245f86e],.bg-button[data-v-4245f86e]{width:90%;padding:1.5vh 0;border:transparent;border-radius:8vh;font-size:2.1vw;text-align:center;height:10vh}.bg-button2[data-v-4245f86e]{background-color:#f5f5f5;color:#333}