.wrapper[data-v-7b95b8fa]{width:100vw;height:100vh;position:relative}.flex-c[data-v-7b95b8fa],.flex[data-v-7b95b8fa]{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-c[data-v-7b95b8fa]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.just-con-sb[data-v-7b95b8fa]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.just-con-c[data-v-7b95b8fa]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.align-it-c[data-v-7b95b8fa]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-wrap[data-v-7b95b8fa]{-ms-flex-wrap:wrap;flex-wrap:wrap}.common-wrapper[data-v-7b95b8fa]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:1.19904vh;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 .75377vw}.common-wrapper .page-area[data-v-7b95b8fa]{font-weight:400;font-size:2.01005vw}.common-wrapper .page-area span[data-v-7b95b8fa]{font-weight:600;font-size:3.01508vw}.common-wrapper .content-show-area[data-v-7b95b8fa]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.common-wrapper .content-show-area .change-page-btn[data-v-7b95b8fa]{font-size:3.35008vw}.common-wrapper .content-show-area .main-con[data-v-7b95b8fa]{width:69.34673vw;height:78.05755vh;border-radius:2.63789vh;background:#fff;padding:4.31655vh 3.18258vw 0;position:relative}.wrapper[data-v-4b9699d0]{width:100vw;height:100vh;position:relative}.flex-c[data-v-4b9699d0],.flex[data-v-4b9699d0]{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-c[data-v-4b9699d0]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.just-con-sb[data-v-4b9699d0]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.just-con-c[data-v-4b9699d0]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.align-it-c[data-v-4b9699d0]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-wrap[data-v-4b9699d0]{-ms-flex-wrap:wrap;flex-wrap:wrap}.img-box-component[data-v-4b9699d0]{width:90.16787vh;height:45.56355vh;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.img-box-component .main-img[data-v-4b9699d0]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:2.39808vh}.img-box-component .scale-img[data-v-4b9699d0]{position:absolute;bottom:2.03837vh;right:1.42379vw;width:2.51256vw;max-height:2.51256vw}.wrapper[data-v-8cd37384]{width:100vw;height:100vh;position:relative}.flex-c[data-v-8cd37384],.flex[data-v-8cd37384]{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-c[data-v-8cd37384]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.just-con-sb[data-v-8cd37384]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.just-con-c[data-v-8cd37384]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.align-it-c[data-v-8cd37384]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-wrap[data-v-8cd37384]{-ms-flex-wrap:wrap;flex-wrap:wrap}.play-audio-btn[data-v-8cd37384]{width:100%;height:100%;background:url(data:image/png;base64,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) no-repeat;background-size:100%}.slide-left-enter,.slide-right-leave-active{opacity:0;-webkit-transform:translate(10%);transform:translate(10%)}.slide-left-leave-active,.slide-right-enter{opacity:0;-webkit-transform:translate(-10%);transform:translate(-10%)}.swipe-area{-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.big-sound-wave[data-v-f09e9db0]{height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-animation:big-wave-sound-ani-f09e9db0 1s linear infinite;animation:big-wave-sound-ani-f09e9db0 1s linear infinite}.big-sound-wave img[data-v-f09e9db0]{width:100%}@-webkit-keyframes big-wave-sound-ani-f09e9db0{0%{-webkit-transform:scaleY(1.6);transform:scaleY(1.6)}50%{-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{-webkit-transform:scaleY(1.6);transform:scaleY(1.6)}}@keyframes big-wave-sound-ani-f09e9db0{0%{-webkit-transform:scaleY(1.6);transform:scaleY(1.6)}50%{-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{-webkit-transform:scaleY(1.6);transform:scaleY(1.6)}}.sound-wave[data-v-f09e9db0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;width:100%;-webkit-animation:wave-sound-ani-f09e9db0 1s linear infinite;animation:wave-sound-ani-f09e9db0 1s linear infinite}.sound-wave i[data-v-f09e9db0]{width:.43605vh;background-color:#fff;border-radius:1.45349vh;margin-right:1.45349vh}.sound-wave i[data-v-f09e9db0]:first-of-type{height:40%}.sound-wave i[data-v-f09e9db0]:nth-of-type(2){height:70%}.sound-wave i[data-v-f09e9db0]:nth-of-type(3){height:100%}.sound-wave i[data-v-f09e9db0]:nth-of-type(4){height:70%}.sound-wave i[data-v-f09e9db0]:nth-of-type(5){height:40%}.sound-wave i[data-v-f09e9db0]:last-of-type{margin-right:0}@-webkit-keyframes wave-sound-ani-f09e9db0{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(.6);transform:scaleY(.6)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes wave-sound-ani-f09e9db0{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(.6);transform:scaleY(.6)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}.wrapper[data-v-65a59f26]{width:100vw;height:100vh;position:relative}.flex-c[data-v-65a59f26],.flex[data-v-65a59f26]{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-c[data-v-65a59f26]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.just-con-sb[data-v-65a59f26]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.just-con-c[data-v-65a59f26]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.align-it-c[data-v-65a59f26]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-wrap[data-v-65a59f26]{-ms-flex-wrap:wrap;flex-wrap:wrap}.sound-record-btn[data-v-65a59f26]{width:8.63309vh;height:8.63309vh;background:#ff6b05;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;margin-left:5.03597vh}.sound-record-btn img[data-v-65a59f26]{width:5.9952vh;height:5.9952vh;pointer-events:none}.high-score[data-v-b3547740]{color:green}.low-score[data-v-b3547740]{color:red}.wrapper[data-v-5f908b8a]{width:100vw;height:100vh;position:relative}.flex-c[data-v-5f908b8a],.flex[data-v-5f908b8a]{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-c[data-v-5f908b8a]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.just-con-sb[data-v-5f908b8a]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.just-con-c[data-v-5f908b8a]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.align-it-c[data-v-5f908b8a]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-wrap[data-v-5f908b8a]{-ms-flex-wrap:wrap;flex-wrap:wrap}.template-1[data-v-5f908b8a]{width:100%;height:100%;padding:2.8777vh 2.51799vh;display:-webkit-box;display:-ms-flexbox;display:flex}.template-1 .listen-btn[data-v-5f908b8a]{width:8.63309vh;height:8.63309vh}.template-1 .custom-class[data-v-5f908b8a]{color:#ff6b05}.template-1 .show-text-area[data-v-5f908b8a]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:5.27578vh 3.35731vh 2.15827vh 4.55635vh;background:#f6f6f6;border-radius:0 2.63789vh 2.63789vh 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.template-1 .show-text-area .show-page[data-v-5f908b8a]{font-size:1.50754vw;font-weight:400;line-height:normal;text-align:center;color:#666;margin-top:2.63789vh}.template-1 .show-text-area .user-action[data-v-5f908b8a]{height:8.63309vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.template-1 .show-text-area .main-text[data-v-5f908b8a]{margin-top:3.11751vh;font-family:PingFang SC;font-size:1.84255vw;font-weight:400;line-height:2.51256vw;color:#222;-webkit-box-flex:1;-ms-flex:1;flex:1}.template-1 .show-text-area .classify[data-v-5f908b8a]{display:-webkit-box;display:-ms-flexbox;display:flex}.template-1 .show-text-area .classify .item[data-v-5f908b8a]{padding:0 1.42379vw;height:2.51256vw;line-height:2.51256vw;color:#fff;font-size:1.50754vw}.template-1 .show-text-area .classify .classify-1[data-v-5f908b8a]{background:#ffb625}.template-1 .show-text-area .classify .classify-2[data-v-5f908b8a]{background:#fc9a08}.template-1 .show-text-area .classify .classify-3[data-v-5f908b8a]{background:#fa7132}.template-1 .show-img-area[data-v-5f908b8a]{width:61.39089vh;height:74.10072vh;border-radius:2.63789vh 0 0 2.63789vh}.template-1 .show-img-area img[data-v-5f908b8a]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:2.63789vh 0 0 2.63789vh;pointer-events:none}.wrapper[data-v-423265a6]{width:100vw;height:100vh;position:relative}.flex-c[data-v-423265a6],.flex[data-v-423265a6]{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-c[data-v-423265a6]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.just-con-sb[data-v-423265a6]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.just-con-c[data-v-423265a6]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.align-it-c[data-v-423265a6]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-wrap[data-v-423265a6]{-ms-flex-wrap:wrap;flex-wrap:wrap}.template-3[data-v-423265a6]{width:100%;height:100%;padding:2.8777vh 2.51799vh 0;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}.template-3 .listen-btn[data-v-423265a6]{width:8.63309vh;height:8.63309vh}.template-3 .custom-class[data-v-423265a6]{color:#ff6b05}.template-3 .show-text-area[data-v-423265a6]{-webkit-box-flex:1;-ms-flex:1;flex:1;border-radius:2.63789vh 0 0 2.63789vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.template-3 .show-text-area .show-page[data-v-423265a6]{font-size:1.50754vw;font-weight:400;line-height:normal;text-align:center;color:#666;margin-top:2.63789vh}.template-3 .show-text-area .user-action[data-v-423265a6]{height:8.63309vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:5.9952vh;border-left:.026667rem solid #e8e8e8}.template-3 .show-text-area .main-text[data-v-423265a6]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:1.84255vw;font-weight:400;line-height:2.51256vw;color:#222;padding-right:1.91847vh}.template-3 .show-text-area .classify[data-v-423265a6]{display:-webkit-box;display:-ms-flexbox;display:flex}.template-3 .show-text-area .classify .item[data-v-423265a6]{padding:0 1.42379vw;height:2.51256vw;line-height:2.51256vw;color:#fff;font-size:1.50754vw}.template-3 .show-text-area .classify .classify-1[data-v-423265a6]{background:#ffb625}.template-3 .show-text-area .classify .classify-2[data-v-423265a6]{background:#fc9a08}.template-3 .show-text-area .classify .classify-3[data-v-423265a6]{background:#fa7132}.template-3 .show-img-area[data-v-423265a6]{width:auto;height:62.82974vh;border-radius:2.63789vh 2.63789vh 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.template-3 .show-img-area .show-page[data-v-423265a6]{width:8.63309vh;height:4.07674vh;border-radius:3.95683vh 0 0 3.95683vh;background:rgba(0,0,0,.22);font-size:2.15827vh;font-weight:400;line-height:4.07674vh;text-align:center;color:#fff;position:absolute;right:0;bottom:1.67866vh}.template-3 .show-img-area img[data-v-423265a6]{width:100%;height:62.82974vh;-o-object-fit:contain;object-fit:contain;border-radius:2.63789vh 2.63789vh 0 0;pointer-events:none}.wrapper[data-v-60ae1398]{width:100vw;height:100vh;position:relative}.flex-c[data-v-60ae1398],.flex[data-v-60ae1398]{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-c[data-v-60ae1398]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.just-con-sb[data-v-60ae1398]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.just-con-c[data-v-60ae1398]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.align-it-c[data-v-60ae1398]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-wrap[data-v-60ae1398]{-ms-flex-wrap:wrap;flex-wrap:wrap}.template-4[data-v-60ae1398]{width:100%;height:100%;padding:2.8777vh 2.51799vh;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}.template-4 .listen-btn[data-v-60ae1398]{width:8.63309vh;height:8.63309vh}.template-4 .custom-class[data-v-60ae1398]{color:#ff6b05}.template-4 .show-text-area[data-v-60ae1398]{border-radius:0 0 2.39808vh 2.39808vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:16.06715vh;position:absolute;bottom:0;left:0;background:rgba(0,0,0,.3);padding:0 4.07674vh}.template-4 .show-text-area .user-action[data-v-60ae1398]{height:8.63309vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:5.9952vh;border-left:.026667rem solid #e8e8e8}.template-4 .show-text-area .main-text[data-v-60ae1398]{padding-right:2.39808vh;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:1.84255vw;font-weight:400;line-height:2.51256vw;color:#fff}.template-4 .show-img-area[data-v-60ae1398]{width:100%;height:100%;border-radius:2.39808vh;position:relative}.template-4 .show-img-area .show-page[data-v-60ae1398]{width:8.63309vh;height:4.07674vh;border-radius:3.95683vh 0 0 3.95683vh;background:rgba(0,0,0,.22);font-size:2.15827vh;font-weight:400;line-height:4.07674vh;text-align:center;color:#fff;position:absolute;right:0;bottom:18.46523vh}.template-4 .show-img-area img[data-v-60ae1398]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:2.63789vh;pointer-events:none}.wrapper[data-v-bb24dd32]{width:100vw;height:100vh;position:relative}.flex-c[data-v-bb24dd32],.flex[data-v-bb24dd32]{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-c[data-v-bb24dd32]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.just-con-sb[data-v-bb24dd32]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.just-con-c[data-v-bb24dd32]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.align-it-c[data-v-bb24dd32]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-wrap[data-v-bb24dd32]{-ms-flex-wrap:wrap;flex-wrap:wrap}.template-2[data-v-bb24dd32]{width:100%;height:100%;padding:2.8777vh 2.51799vh;display:-webkit-box;display:-ms-flexbox;display:flex}.template-2 .listen-btn[data-v-bb24dd32]{width:8.63309vh;height:8.63309vh}.template-2 .custom-class[data-v-bb24dd32]{color:#ff6b05}.template-2 .show-text-area[data-v-bb24dd32]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:5.27578vh 3.11751vh 2.15827vh 4.55635vh;background:#f6f6f6;border-radius:2.63789vh 0 0 2.63789vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.template-2 .show-text-area .show-page[data-v-bb24dd32]{font-size:1.50754vw;font-weight:400;line-height:normal;text-align:center;color:#666;margin-top:2.63789vh}.template-2 .show-text-area .user-action[data-v-bb24dd32]{height:8.63309vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.template-2 .show-text-area .main-text[data-v-bb24dd32]{margin-top:3.11751vh;font-family:PingFang SC;font-size:1.84255vw;font-weight:400;line-height:2.51256vw;color:#222;-webkit-box-flex:1;-ms-flex:1;flex:1}.template-2 .show-text-area .classify[data-v-bb24dd32]{display:-webkit-box;display:-ms-flexbox;display:flex}.template-2 .show-text-area .classify .item[data-v-bb24dd32]{padding:0 1.42379vw;height:2.51256vw;line-height:2.51256vw;color:#fff;font-size:1.50754vw}.template-2 .show-text-area .classify .classify-1[data-v-bb24dd32]{background:#ffb625}.template-2 .show-text-area .classify .classify-2[data-v-bb24dd32]{background:#fc9a08}.template-2 .show-text-area .classify .classify-3[data-v-bb24dd32]{background:#fa7132}.template-2 .show-img-area[data-v-bb24dd32]{width:50%;height:100%;border-radius:0 2.63789vh 2.63789vh 0}.template-2 .show-img-area img[data-v-bb24dd32]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:0 2.63789vh 2.63789vh 0;pointer-events:none}.wrapper[data-v-897ada22]{width:100vw;height:100vh;position:relative}.flex-c[data-v-897ada22],.flex[data-v-897ada22]{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-c[data-v-897ada22]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.just-con-sb[data-v-897ada22]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.just-con-c[data-v-897ada22]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.align-it-c[data-v-897ada22]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-wrap[data-v-897ada22]{-ms-flex-wrap:wrap;flex-wrap:wrap}.listen-read[data-v-897ada22]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.listen-read .listen-read-main[data-v-897ada22]{position:fixed;top:50%;left:54%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:84vw;height:87.29017vh;border-radius:2.63789vh;background:#fff}