@keyframes spin-data-v-42235b50{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-42235b50{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.plan-step-bar[data-v-42235b50]{display:flex;justify-content:center;padding:24px 16px;width:100%}.plan-step-bar.finish-plan-step[data-v-42235b50]{margin-bottom:150px}@media screen and (max-width:960px){.plan-step-bar.finish-plan-step[data-v-42235b50]{margin-bottom:0}}.plan-step-bar .step[data-v-42235b50],.plan-step-bar em[data-v-42235b50]{font-size:18px;color:rgba(0,0,0,.38)}@media screen and (max-width:640px){.plan-step-bar .step[data-v-42235b50],.plan-step-bar em[data-v-42235b50]{font-size:14px}}.plan-step-bar .step.active[data-v-42235b50],.plan-step-bar em.active[data-v-42235b50]{font-weight:500;color:var(--primary)}.plan-step-bar em[data-v-42235b50]{margin:0 15px}@media screen and (max-width:640px){.plan-step-bar em[data-v-42235b50]{margin:0 10px}}@keyframes spin-data-v-3d39154b{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-3d39154b{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.make-plans[data-v-3d39154b] .layout-container{padding:0}.plan-container[data-v-3d39154b]{max-width:1024px;width:100%;min-height:fit-content;background-color:#fff;padding:32px 72px;box-shadow:0 3px 20px 0 rgba(0,0,0,.1);margin:0 auto}@media screen and (max-width:960px){.plan-container[data-v-3d39154b]{box-shadow:none;padding:0 24px}}.plan-container.finished[data-v-3d39154b]{padding:0;max-width:none;overflow:unset}@keyframes spin-data-v-4f58889a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-4f58889a{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.card-wrapper[data-v-4f58889a]{display:flex}@media screen and (max-width:960px){.card-wrapper[data-v-4f58889a]{flex-direction:column;width:100%;justify-content:center;align-content:center}}.card-wrapper .content-container[data-v-4f58889a]{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;margin-right:48px}@media screen and (max-width:960px){.card-wrapper .content-container[data-v-4f58889a]{margin-right:0;margin-bottom:24px}}.card-wrapper .content-container h3[data-v-4f58889a],.card-wrapper .content-container h4[data-v-4f58889a]{font-size:20px;font-weight:400;text-align:center;color:rgba(0,0,0,.8)}@media screen and (max-width:960px){.card-wrapper .content-container h3[data-v-4f58889a],.card-wrapper .content-container h4[data-v-4f58889a]{font-size:18px}}.card-wrapper .content-container h3 span[data-v-4f58889a],.card-wrapper .content-container h4 span[data-v-4f58889a]{font-size:20px;font-weight:400;color:var(--primary);margin-left:8px}@media screen and (max-width:960px){.card-wrapper .content-container h3 span[data-v-4f58889a],.card-wrapper .content-container h4 span[data-v-4f58889a]{font-size:18px;margin-left:4px}}.card-wrapper .content-container h4[data-v-4f58889a]{font-weight:500}@media screen and (max-width:960px){.card-wrapper .content-container h4[data-v-4f58889a]{font-size:14px;font-weight:400;margin-bottom:4px}}.card-wrapper .content-container .short-bar[data-v-4f58889a]{width:30px;height:3px;background-color:var(--primary);margin:20px 0}@media screen and (max-width:960px){.card-wrapper .content-container .short-bar[data-v-4f58889a]{margin:10px 0}}.card-wrapper .content-container .description-list[data-v-4f58889a]{margin-top:16px;width:100%;max-width:360px}@media screen and (max-width:960px){.card-wrapper .content-container .description-list[data-v-4f58889a]{margin-top:4px;max-width:260px}}.card-wrapper .content-container .description-list .description[data-v-4f58889a]{display:flex;align-items:flex-start;font-size:16px;color:rgba(0,0,0,.8)}@media screen and (max-width:960px){.card-wrapper .content-container .description-list .description[data-v-4f58889a]{font-size:14px}}.card-wrapper .content-container .description-list .description .bullet[data-v-4f58889a]{margin-top:10px;margin-right:8px;height:4px;width:4px;min-width:4px;background:var(--primary)}.card-wrapper .image-container[data-v-4f58889a]{width:320px;height:270px;display:flex;align-items:center;justify-content:center;margin:0 auto}@media screen and (max-width:960px){.card-wrapper .image-container[data-v-4f58889a]{width:260px;height:160px}}.card-wrapper .image-container img[data-v-4f58889a]{width:auto;height:100%}@keyframes spin-data-v-2b5f9996{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-2b5f9996{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.level-slider[data-v-2b5f9996]{background-color:hsla(0,0%,96.1%,.79);width:100%;height:400px;position:relative;margin-top:18px}@media screen and (max-width:960px){.level-slider[data-v-2b5f9996]{height:fit-content}}.level-slider .side-section[data-v-2b5f9996]{position:absolute;display:flex;align-items:center;height:100%}.level-slider .side-section.left[data-v-2b5f9996]{left:-20px}.level-slider .side-section.right[data-v-2b5f9996]{right:-20px}.card-container[data-v-2b5f9996]{height:100%;display:flex;justify-content:center;align-items:center}@media screen and (max-width:960px){.card-container[data-v-2b5f9996]{align-items:flex-start;padding:24px}}@keyframes spin-data-v-511d2ec6{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-511d2ec6{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.level-wrapper[data-v-511d2ec6]{height:100%}@media screen and (max-width:960px){.level-wrapper[data-v-511d2ec6]{width:100%;display:flex;flex-direction:column;align-items:center;padding:16px 0}}.bar-list-wrapper[data-v-511d2ec6]{display:flex;justify-content:space-around}.bar-list-wrapper.has-bottom-border[data-v-511d2ec6]{border-bottom:1px solid #d7d7d7}.bar-list-wrapper .bar-wrapper[data-v-511d2ec6]{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;cursor:pointer}@media screen and (max-width:960px){.bar-list-wrapper .bar-wrapper[data-v-511d2ec6]{width:50px;margin:0 auto}.bar-list-wrapper .bar-wrapper img[data-v-511d2ec6]{width:30px}}.bar-list-wrapper .bar-wrapper img[data-v-511d2ec6]{width:41px}.bar-list-wrapper .bar-wrapper .my-level[data-v-511d2ec6]{font-size:14px;text-align:center;color:rgba(0,0,0,.38);margin-bottom:4px}@media screen and (max-width:960px){.bar-list-wrapper .bar-wrapper .my-level[data-v-511d2ec6]{font-size:12px}}.bar-list-wrapper .bar-wrapper .bar[data-v-511d2ec6]{width:50px;height:40px;background-color:var(--primary-lightest)}.bar-list-wrapper .bar-wrapper .bar.disabled[data-v-511d2ec6]{background-color:#ebebeb;cursor:not-allowed}.bar-list-wrapper .bar-wrapper .bar.active[data-v-511d2ec6]{background-color:var(--primary)}.bar-list-wrapper .bar-wrapper .bar.bar-A1[data-v-511d2ec6]{height:20px}.bar-list-wrapper .bar-wrapper .bar.bar-A2[data-v-511d2ec6]{height:32px}.bar-list-wrapper .bar-wrapper .bar.bar-B1[data-v-511d2ec6]{height:44px}.bar-list-wrapper .bar-wrapper .bar.bar-B2[data-v-511d2ec6]{height:52px}.bar-list-wrapper .bar-wrapper .bar.bar-C1[data-v-511d2ec6]{height:68px}.bar-list-wrapper .bar-wrapper .bar.bar-C2[data-v-511d2ec6]{height:80px}@media screen and (max-width:960px){.bar-list-wrapper .bar-wrapper .bar[data-v-511d2ec6]{width:30px}.bar-list-wrapper .bar-wrapper .bar.bar-A1[data-v-511d2ec6]{height:12px}.bar-list-wrapper .bar-wrapper .bar.bar-A2[data-v-511d2ec6]{height:22px}.bar-list-wrapper .bar-wrapper .bar.bar-B1[data-v-511d2ec6]{height:26px}.bar-list-wrapper .bar-wrapper .bar.bar-B2[data-v-511d2ec6]{height:36px}.bar-list-wrapper .bar-wrapper .bar.bar-C1[data-v-511d2ec6]{height:40px}.bar-list-wrapper .bar-wrapper .bar.bar-C2[data-v-511d2ec6]{height:50px}}.bar-list-wrapper .level-desc[data-v-511d2ec6]{display:flex;justify-content:center;width:50px;font-size:14px;color:rgba(0,0,0,.8);padding-top:8px}@media screen and (max-width:960px){.bar-list-wrapper .level-desc[data-v-511d2ec6]{display:flex;flex-direction:column;align-items:center}}.bar-list-wrapper .level-desc.disabled[data-v-511d2ec6]{color:#ebebeb}.bar-list-wrapper .level-desc.active[data-v-511d2ec6]{color:var(--primary)}.fixed-bottom-bar[data-v-511d2ec6]{display:flex;justify-content:center;align-items:center;width:100%;height:fit-content;padding:20px}@media screen and (max-width:960px){.fixed-bottom-bar[data-v-511d2ec6]{margin-top:10px;margin-bottom:10px}}.fixed-bottom-bar .hero-button[data-v-511d2ec6]{width:260px;height:40px;border-radius:20px}@media screen and (max-width:960px){.fixed-bottom-bar .hero-button[data-v-511d2ec6]{width:210px;height:38px;border-radius:18px}}.hour-wrapper{display:flex;flex-direction:column;position:relative;height:100%}.hour-wrapper .top-section{display:flex;align-items:center;justify-content:space-around;margin-bottom:27px;background-color:hsla(0,0%,96.1%,.79);padding:16px 48px}@media screen and (max-width:960px){.hour-wrapper .top-section{flex-direction:column;width:100%;margin:16px auto}}.hour-wrapper .top-section h3{font-size:21px;font-weight:400;text-align:center;color:rgba(0,0,0,.8);margin-bottom:10px}@media screen and (max-width:960px){.hour-wrapper .top-section h3{font-size:18px;font-weight:400;margin-bottom:6px}}.hour-wrapper .top-section h4{font-size:16px;font-weight:400;text-align:center;color:rgba(0,0,0,.8)}@media screen and (max-width:960px){.hour-wrapper .top-section h4{font-size:14px;font-weight:400;text-align:center;color:rgba(0,0,0,.54)}}.hour-wrapper .top-section .weekly-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:240px}@media screen and (max-width:960px){.hour-wrapper .top-section .weekly-wrapper{margin-bottom:24px}}.hour-wrapper .top-section .course-count{font-size:36px;font-weight:500;color:var(--primary);margin:0 10px}@media screen and (max-width:960px){.hour-wrapper .top-section .course-count{font-size:28px;margin:0 6px}}.hour-wrapper .top-section .image-container{width:320px;height:270px;display:flex;justify-content:center;align-items:center}@media screen and (max-width:960px){.hour-wrapper .top-section .image-container{width:260px;height:160px}}.hour-wrapper .top-section .image-container img{width:100%;height:auto}.hour-wrapper .slider-wrapper{position:relative;display:flex;justify-content:center;align-items:center;height:45px}.hour-wrapper .slider-wrapper .slider-component-wrapper{margin:auto;width:calc(100% - 264px);position:relative}@media screen and (max-width:960px){.hour-wrapper .slider-wrapper .slider-component-wrapper{width:calc(100% - 130px)}}@media screen and (max-width:768px){.hour-wrapper .slider-wrapper .slider-component-wrapper{width:calc(100% - 120px)}}@media screen and (max-width:640px){.hour-wrapper .slider-wrapper .slider-component-wrapper{width:calc(100% - 110px)}}.hour-wrapper .slider-wrapper .slider-component-wrapper .suggestion{position:absolute;display:flex;flex-direction:column;align-items:center;left:calc(16.6% - 112px);top:10px;width:212px}.hour-wrapper .slider-wrapper .slider-component-wrapper .suggestion .middle-bar{width:2px;height:30px;background-color:#979797}.hour-wrapper .slider-wrapper .slider-component-wrapper .suggestion p{font-size:16px;text-align:center;color:rgba(0,0,0,.54)}@media screen and (max-width:960px){.hour-wrapper .slider-wrapper .slider-component-wrapper .desktop-text{display:none}}.hour-wrapper .slider-wrapper .side-section{position:absolute;display:flex;align-items:center}.hour-wrapper .slider-wrapper .side-section.left{left:0}.hour-wrapper .slider-wrapper .side-section.right{right:0}.hour-wrapper .slider-wrapper .side-section .count{font-size:22px;font-weight:500;text-align:center;color:rgba(0,0,0,.8)}@media screen and (max-width:960px){.hour-wrapper .slider-wrapper .side-section .count{font-size:16px;font-weight:400}}.hour-wrapper .slider-wrapper .side-section .count.min-count{margin-left:48px}@media screen and (max-width:960px){.hour-wrapper .slider-wrapper .side-section .count.min-count{margin-left:36px}}@media screen and (max-width:768px){.hour-wrapper .slider-wrapper .side-section .count.min-count{margin-left:34px}}@media screen and (max-width:640px){.hour-wrapper .slider-wrapper .side-section .count.min-count{margin-left:32px}}.hour-wrapper .slider-wrapper .side-section .count.max-count{margin-right:36px}@media screen and (max-width:960px){.hour-wrapper .slider-wrapper .side-section .count.max-count{margin-right:30px}}@media screen and (max-width:768px){.hour-wrapper .slider-wrapper .side-section .count.max-count{margin-left:26px}}@media screen and (max-width:640px){.hour-wrapper .slider-wrapper .side-section .count.max-count{margin-left:22px}}@media screen and (max-width:960px){.hour-wrapper .slider-wrapper .side-section .hero-button.is-circle{display:none}}.hour-wrapper .slider-wrapper .side-section .hero-button.is-circle.enabled:hover{box-shadow:0 2px 15px 0 rgba(0,0,0,.25)}.hour-wrapper .slider-wrapper .side-section .hero-button.is-circle img{width:30px}.hour-wrapper .better-text{margin-top:20px;text-align:center;color:rgba(0,0,0,.54)}@media screen and (max-width:960px){.hour-wrapper .better-text{margin-top:2px;margin-bottom:24px}.hour-wrapper .better-text p{font-size:14px;font-weight:400}}.hour-wrapper .fixed-bottom-bar{display:flex;justify-content:center;align-items:center;width:100%;height:fit-content;padding:20px}@media screen and (max-width:960px){.hour-wrapper .fixed-bottom-bar{height:100px;position:relative}}.hour-wrapper .fixed-bottom-bar .hero-button{width:260px}@media screen and (max-width:960px){.hour-wrapper .fixed-bottom-bar .hero-button{width:210px}}@keyframes spin-data-v-082cade4{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-082cade4{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.new-package-card[data-v-082cade4]{width:320px;height:480px;background-color:#f5f5f5;border-radius:20px;padding:20px 12px;box-shadow:0 15px 20px 0 rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative}@media screen and (max-width:768px){.new-package-card[data-v-082cade4]{box-shadow:none}}.label[data-v-082cade4]{background-color:#ffcb00;padding:4px 20px;border-radius:16px;color:#333;font-weight:400;font-size:14px;position:absolute;top:-15px}.label.voicetube[data-v-082cade4]{background-color:var(--primary);color:#fff}.content-section[data-v-082cade4]{background-color:#fff;width:280px;height:316px;border-radius:16px;padding:30px 30px 20px 30px}.content-section .title-month[data-v-082cade4]{color:var(--primary);font-weight:500;font-size:16px;line-height:28px}.content-section .title-course[data-v-082cade4]{color:var(--primary);font-weight:500;font-size:20px;line-height:28px}.monthly-price-bar[data-v-082cade4]{color:#333;font-weight:400;font-size:14px;line-height:28px;margin-top:14px}.monthly-price-bar span[data-v-082cade4]{font-size:20px;font-weight:400}.discount-bar[data-v-082cade4]{border-radius:10px;width:168px;height:22px;background-color:#f5f5f5;margin-top:12px;display:flex;justify-content:space-between;overflow:hidden}.discount-bar .price[data-v-082cade4]{font-weight:400;font-size:12px;color:#333;width:100%;text-align:center;padding:2px;text-decoration:line-through;text-decoration-color:#f43a3a}.discount-bar .percent[data-v-082cade4]{background-color:#f92e59;padding:2px 8px;width:54px;height:100%;color:#fff;font-weight:500;font-size:12px;text-align:center}.yearly-price-bar[data-v-082cade4]{color:#757575;font-weight:350;font-size:12px;line-height:18px;margin-top:12px}ul[data-v-082cade4]{border-top:1px solid #e1e1e1;margin-top:16px;padding-top:10px;padding-left:16px}ul li[data-v-082cade4]{color:#333;font-weight:400;font-size:14px;line-height:28px}ul li.bold[data-v-082cade4]{font-weight:700}ul li.light[data-v-082cade4]{color:#757575;font-weight:350;font-size:12px;line-height:24px}.tips p[data-v-082cade4]{color:#333;font-weight:300;font-size:14px;line-height:22px;text-align:center}.button-wrap[data-v-082cade4]{text-align:center}.button-wrap .hero-button[data-v-082cade4]{width:200px}@keyframes spin-data-v-0b01012a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-0b01012a{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.packages[data-v-0b01012a]{width:960px;margin:0 auto 32px auto;display:flex;justify-content:center;align-items:center;flex-direction:column}@media screen and (max-width:1024px){.packages[data-v-0b01012a]{width:100%;margin-top:108px}}.packages[data-v-0b01012a] br.mobile{display:none}@media screen and (max-width:1024px){.packages[data-v-0b01012a] br.mobile{display:block}}.packages[data-v-0b01012a] .packages-content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 70px 40px 70px;width:100%}@media screen and (max-width:1024px){.packages[data-v-0b01012a] .packages-content{padding:0 12px 26px 12px;position:relative}}@media screen and (max-width:768px){.packages[data-v-0b01012a] .packages-content{width:320px;padding:0}}.packages[data-v-0b01012a] .packages-content .cards{margin-bottom:30px;width:100%}.packages[data-v-0b01012a] .packages-content .cards.desktop{display:flex;justify-content:space-evenly}@media screen and (max-width:1024px){.packages[data-v-0b01012a] .packages-content .cards.desktop{display:none}}.packages[data-v-0b01012a] .packages-content .cards.mobile{display:none}@media screen and (max-width:1024px){.packages[data-v-0b01012a] .packages-content .cards.mobile{display:block;margin-bottom:0}}.packages[data-v-0b01012a] .packages-content .card-swiper,.packages[data-v-0b01012a] .packages-content .cards{width:100%}.packages[data-v-0b01012a] .packages-content .card-slide:not(:last-child){margin-right:8px}.packages[data-v-0b01012a] .package-hint{font-size:14px;margin-bottom:20px;font-weight:400;color:#333}.packages[data-v-0b01012a] .card-swiper-wrapper{padding:16px 0}.packages[data-v-0b01012a] .packages-intro{display:flex;flex-direction:column;margin-bottom:36px}@media screen and (max-width:1024px){.packages[data-v-0b01012a] .packages-intro{margin-bottom:16px}}.packages[data-v-0b01012a] .packages-intro .intro-text{font-size:14px;font-weight:300;color:#333;text-align:center}.packages[data-v-0b01012a] .intro-title{text-align:center;font-size:16px;color:#333;margin-bottom:10px;font-weight:400}.packages[data-v-0b01012a] .intro-title>span{color:#00bbc3}.packages[data-v-0b01012a] .bank-cards{position:relative;display:flex;align-items:center;justify-content:center;height:34px;border-radius:30px;background-color:#fff;font-size:16px;font-weight:500;color:rgba(0,0,0,.8);margin:10px auto;padding:8px 56px 8px 24px}@media screen and (max-width:960px){.packages[data-v-0b01012a] .bank-cards{width:85%;margin:0 32px;height:56px;min-height:56px;border-radius:28.5px;justify-content:center;padding:8px 16px;font-size:14px}}.packages[data-v-0b01012a] .bank-cards img{width:71px;height:57px;margin-right:10px}.packages[data-v-0b01012a] .bank-cards div{font-weight:400}.packages[data-v-0b01012a] .bank-cards div .zero-rate{font-weight:500;color:#f4428c}.more-package-link[data-v-0b01012a]{margin-top:10px;color:#4f4f4f;font-weight:400;font-size:14px;text-decoration:underline}@keyframes spin-data-v-60c0820a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-60c0820a{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.new-package-card[data-v-60c0820a]{width:320px;height:480px;background-color:#f5f5f5;border-radius:20px;padding:20px 12px;box-shadow:0 15px 20px 0 rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative}@media screen and (max-width:768px){.new-package-card[data-v-60c0820a]{box-shadow:none}}.label[data-v-60c0820a]{background-color:#ffcb00;padding:4px 20px;border-radius:16px;color:#333;font-weight:400;font-size:14px;position:absolute;top:-15px}.label.voicetube[data-v-60c0820a]{background-color:var(--primary);color:#fff}.content-section[data-v-60c0820a]{background-color:#fff;width:280px;height:316px;border-radius:16px;padding:30px 30px 20px 30px}.content-section .title-month[data-v-60c0820a]{color:var(--primary);font-weight:500;font-size:16px;line-height:28px}.content-section .title-course[data-v-60c0820a]{color:var(--primary);font-weight:500;font-size:20px;line-height:28px}.monthly-price-bar[data-v-60c0820a]{color:#333;font-weight:400;font-size:14px;line-height:28px;margin-top:14px}.monthly-price-bar span[data-v-60c0820a]{font-size:20px;font-weight:400}.discount-bar[data-v-60c0820a]{border-radius:10px;width:168px;height:22px;background-color:#f5f5f5;margin-top:12px;display:flex;justify-content:space-between;overflow:hidden}.discount-bar .price[data-v-60c0820a]{font-weight:400;font-size:12px;color:#333;width:100%;text-align:center;padding:2px;text-decoration:line-through;text-decoration-color:#f43a3a}.discount-bar .percent[data-v-60c0820a]{background-color:#f92e59;padding:2px 8px;width:54px;height:100%;color:#fff;font-weight:500;font-size:12px;text-align:center}.yearly-price-bar[data-v-60c0820a]{color:#757575;font-weight:350;font-size:12px;line-height:18px;margin-top:12px}ul[data-v-60c0820a]{border-top:1px solid #e1e1e1;margin-top:16px;padding-top:10px;padding-left:16px}ul li[data-v-60c0820a]{color:#333;font-weight:400;font-size:14px;line-height:28px}ul li.bold[data-v-60c0820a]{font-weight:700}ul li.light[data-v-60c0820a]{color:#757575;font-weight:350;font-size:12px;line-height:24px}.tips p[data-v-60c0820a]{color:#333;font-weight:300;font-size:14px;line-height:22px;text-align:center}.button-wrap[data-v-60c0820a]{text-align:center}.button-wrap .hero-button[data-v-60c0820a]{width:200px}@keyframes spin-data-v-7281710f{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-7281710f{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.packages[data-v-7281710f]{width:960px;margin:0 auto 32px auto;display:flex;justify-content:center;align-items:center;flex-direction:column}@media screen and (max-width:1024px){.packages[data-v-7281710f]{width:100%;margin-top:28px}}.packages[data-v-7281710f] br.mobile{display:none}@media screen and (max-width:1024px){.packages[data-v-7281710f] br.mobile{display:block}}.packages[data-v-7281710f] .packages-content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 70px 40px 70px;width:100%}@media screen and (max-width:1024px){.packages[data-v-7281710f] .packages-content{padding:0 12px 26px 12px;position:relative}}@media screen and (max-width:768px){.packages[data-v-7281710f] .packages-content{width:320px;padding:0}}.packages[data-v-7281710f] .packages-content .cards{margin-bottom:30px;width:100%}.packages[data-v-7281710f] .packages-content .cards.desktop{display:flex;justify-content:space-evenly}@media screen and (max-width:1024px){.packages[data-v-7281710f] .packages-content .cards.desktop{display:none}}.packages[data-v-7281710f] .packages-content .cards.mobile{display:none}@media screen and (max-width:1024px){.packages[data-v-7281710f] .packages-content .cards.mobile{display:block;margin-bottom:0}}.packages[data-v-7281710f] .packages-content .card-swiper,.packages[data-v-7281710f] .packages-content .cards{width:100%}.packages[data-v-7281710f] .packages-content .card-slide:not(:last-child){margin-right:8px}.packages[data-v-7281710f] .package-hint{font-size:14px;margin-bottom:20px;font-weight:400;color:#333}.packages[data-v-7281710f] .card-swiper-wrapper{padding:16px 0}.packages[data-v-7281710f] .packages-intro{display:flex;flex-direction:column;margin-bottom:36px}@media screen and (max-width:1024px){.packages[data-v-7281710f] .packages-intro{margin-bottom:16px}}.packages[data-v-7281710f] .packages-intro .intro-text{font-size:14px;font-weight:300;color:#333;text-align:center}.packages[data-v-7281710f] .intro-title{text-align:center;font-size:16px;color:#333;margin-bottom:10px;font-weight:400}.packages[data-v-7281710f] .intro-title>span{color:#00bbc3}.packages[data-v-7281710f] .bank-cards{position:relative;display:flex;align-items:center;justify-content:center;height:34px;border-radius:30px;background-color:#fff;font-size:16px;font-weight:500;color:rgba(0,0,0,.8);margin:10px auto;padding:8px 56px 8px 24px}@media screen and (max-width:960px){.packages[data-v-7281710f] .bank-cards{width:85%;margin:0 32px;height:56px;min-height:56px;border-radius:28.5px;justify-content:center;padding:8px 16px;font-size:14px}}.packages[data-v-7281710f] .bank-cards img{width:71px;height:57px;margin-right:10px}.packages[data-v-7281710f] .bank-cards div{font-weight:400}.packages[data-v-7281710f] .bank-cards div .zero-rate{font-weight:500;color:#f4428c}.more-package-link[data-v-7281710f]{margin-top:10px;color:#4f4f4f;font-weight:400;font-size:14px;text-decoration:underline}.subtitle[data-v-7281710f]{max-width:300px;margin-bottom:40px}.subtitle div[data-v-7281710f]{background-color:red}@keyframes spin-data-v-52e0218e{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-52e0218e{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.jp-payment-modal p[data-v-52e0218e]{margin-bottom:16px;font-size:16px;font-weight:400;text-align:center}.jp-payment-modal p.hint[data-v-52e0218e]{color:rgba(0,0,0,.54)}@media screen and (max-width:768px){.jp-payment-modal p[data-v-52e0218e]{font-size:14px}}.jp-payment-modal .button-hint-action[data-v-52e0218e]{display:flex;justify-content:center}.jp-payment-modal .button-hint-action .hero-button[data-v-52e0218e]{width:150px;margin:0 8px}.jp-payment-modal .button-hint-action .hero-button[data-v-52e0218e]:not(:last-child){margin-right:16px}@media screen and (max-width:768px){.jp-payment-modal .button-hint-action .hero-button[data-v-52e0218e]{width:150px;height:36px;font-size:14px;font-weight:500}}.jp-payment-modal .button-hint-action .hero-link[data-v-52e0218e]{color:var(--primary)}.jp-payment-modal .button-hint-action .hero-link[data-v-52e0218e]:hover{color:var(--primary-linear)}.jp-payment-modal.voicetube .button-hint-action[data-v-52e0218e]{display:flex;flex-direction:column-reverse;align-items:center}.jp-payment-modal.voicetube .button-hint-action>.hero-button[data-v-52e0218e]{color:#fff}.jp-payment-modal.voicetube .button-hint-action>.hero-button[data-v-52e0218e]:first-child{margin-right:0}.jp-payment-modal.voicetube .button-hint-action>.hero-button[data-v-52e0218e]:last-child{margin-bottom:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.solution-container{width:100%}.solution-container .separator{width:30px;height:3px;background-color:var(--primary);margin:24px auto}@media screen and (max-width:960px){.solution-container .separator{width:20px;margin:12px auto}}.solution-container .solution-top{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;padding:180px 0 80px 0;background-color:#fff;font-weight:700}@media screen and (max-width:960px){.solution-container .solution-top{padding-top:0}}.solution-container .solution-top h1{font-size:28px}.solution-container .solution-top h2{font-size:36px}.solution-container .solution-top h3{font-size:20px;font-weight:700;text-align:center}.solution-container .solution-top .solution-title-wrapper{margin-bottom:28px}@media screen and (max-width:960px){.solution-container .solution-top .solution-title-wrapper{margin-bottom:16px}}.solution-container .solution-top .solution-title-wrapper h3{font-weight:400;margin-bottom:4px}@media screen and (max-width:960px){.solution-container .solution-top .solution-title-wrapper h3{font-size:16px}}.solution-container .solution-top .solution-title-wrapper h1{font-weight:400}.solution-container .solution-top .solution-title-wrapper h1 span{color:var(--primary)}@media screen and (max-width:960px){.solution-container .solution-top .solution-title-wrapper h1{font-size:18px}}.solution-container .solution-top .plan-board{position:absolute;top:-150px;display:flex;flex-direction:column;align-items:center;width:753px;min-height:300px;background:url(../img/board.0bc977b6.png);background-size:100% 300px;background-repeat:no-repeat;background-position:50%;padding-top:40px}@media screen and (max-width:960px){.solution-container .solution-top .plan-board{position:relative;max-width:420px;min-height:230px;background-image:url(../img/board-mobile.d825aefe.png);background-size:contain;width:95%;top:auto;padding-top:0;display:flex;align-items:center;justify-content:center;margin-bottom:40px}}.solution-container .solution-top .plan-board.voicetube{background-image:url(../img/board-mobile-voicetube.ed2f33d9.png)}.solution-container .solution-top .plan-board h2{font-size:22px;font-weight:600;color:rgba(0,0,0,.8)}@media screen and (max-width:960px){.solution-container .solution-top .plan-board h2{font-size:18px}}.solution-container .solution-top .plan-board h3{font-size:18px;font-weight:400;font-stretch:normal;font-style:normal;color:rgba(0,0,0,.8)}@media screen and (max-width:960px){.solution-container .solution-top .plan-board h3{font-size:16px}}@media screen and (max-width:768px){.solution-container .solution-top .plan-board h3{font-size:14px}}.solution-container .solution-top .plan-board h3 span{font-weight:500;color:var(--primary);margin:0 5px}.solution-container .solution-top .plan-board .course-count{font-size:24px;font-weight:500;color:var(--primary);margin:0 5px}@media screen and (max-width:960px){.solution-container .solution-top .plan-board .course-count{font-size:18px;font-weight:500}}@media screen and (max-width:768px){.solution-container .solution-top .plan-board .course-count{font-size:16px}}.solution-container .solution-body{display:flex;flex-direction:column;padding:168px 300px;background-image:url(../img/trial-start.ada12f62.png);background-repeat:no-repeat;background-position:top;background-size:cover}@media screen and (max-width:960px){.solution-container .solution-body{padding:240px 24px 54px 24px;height:100%;background-image:url(../img/trial-start-m.f9bb4877.png)}}.solution-container .solution-body .separator{margin:30px}@media screen and (max-width:960px){.solution-container .solution-body .separator{padding:12px auto}}.solution-container .solution-body h2{font-size:36px;font-weight:500;color:#fff;margin-bottom:16px}@media screen and (max-width:960px){.solution-container .solution-body h2{font-size:32px}}@media screen and (max-width:768px){.solution-container .solution-body h2{font-size:24px}}.solution-container .solution-body p{font-size:18px;color:#fff;margin-bottom:40px}@media screen and (max-width:960px){.solution-container .solution-body p{font-size:14px}}.solution-container .hero-button{width:300px}.solution-container .hero-button:not(:last-child){margin-bottom:24px}@media screen and (max-width:960px){.solution-container .hero-button{width:210px;height:36px;font-size:14px}}