.main{color:#30313E}.main .color{color:#2b67f3}.main .base-maxwidth{max-width:1480px;padding:0 20px}.main img{height:auto}.main h2{font-size:44px}.main .title-line{position:relative}.main .title-line::before{content:'';position:absolute;left:50%;top:70%;transform:translateX(-50%);width:288px;height:44px;background:url(https://images.imyfone.com/en/assets/overview/ai-math-solver/line.svg) no-repeat center/100%;z-index:-1}.main .base-switching-button{display:flex;flex-direction:column;align-items:center}.main .base-switching-button .product-button:first-child{margin-bottom:0}.main .base-switching-button .button{min-width:200px;height:60px;padding:10px 20px;border-radius:50px;display:flex;justify-content:center;align-items:center;font-weight:500;color:#fff;white-space:nowrap;background-color:#2b67f3;font-size:18px}.main .base-switching-button .button:hover{opacity:.8}.main .base-version-switching{align-items:center;margin-top:12px}.main .base-version-switching .version-switching-icon{display:flex;margin-left:12px;justify-content:center;color:rgba(48,49,62,.4);border:none;background-color:transparent;cursor:pointer;transition:all .2s}.main .base-version-switching>p{color:#30313E}.main .base-version-switching .version-switching-icon.active,.main .base-version-switching .version-switching-icon:hover{color:#30313E}.main .base-version-switching .version-switching-icon svg{width:20px;height:20px;transition:all .2s}.main .scale-rebound{transform:scale(.65) translateZ(0)}.main .scale-rebound.start{animation:scaleBounceIn .4s forwards}.main .translatex-rebound{transform:translateX(-20%) translateZ(0)}.main .translateX{transition:all .4s linear;transform:translateX(-20%) translateZ(0)}.main .translateY{transition:all .4s linear;transform:translateX(20%) translateZ(0)}.main .translatex-rebound.start{animation:translateXBounceIn .8s forwards}.main .translateX.start,.main .translateY.start{transform:translateX(0) translateZ(0)}.main .feature-item.animation-target{transform:scale(0) translateZ(0)}.main .feature-center .feature-item.animation-target.start{animation:scaleBounceIn .4s forwards}.main .feature-left .feature-item.animation-target.start,.main .features-right .feature-item.animation-target.start{animation:scaleBounceIn .4s .1s forwards}.main .feature-left .feature-item.animation-target.start:nth-child(2),.main .features-right .feature-item.animation-target.start:nth-child(2){animation-delay:.2s}.main .scale-hide{transform:scale(0) translateZ(0)}@keyframes scaleBounceIn{50%{transform:scale(1.01) translateZ(0)}70%{transform:scale(.99) translateZ(0)}100%{transform:scale(1) translateZ(0)}}@keyframes translateXBounceIn{50%{transform:translateX(2px) translateZ(0)}70%{transform:translateX(-2px) translateZ(0)}100%{transform:translateX(0) translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,10%,0)}to{opacity:1;transform:translateZ(0)}}.top-banner{background:linear-gradient(161deg,rgba(204,252,240,.8) 0%,rgba(255,255,255,0) 28.93%),linear-gradient(186deg,#95D3FF 0%,#E5EDFF 43.49%,#FFF 95.18%);padding:86px 0 0;text-align:center;position:relative;overflow:hidden}.top-banner::before,.top-banner::after{content:'';position:absolute;top:50%;left:0;transform:translate(-50%,-50%);max-width:749px;max-height:752px;width:54%;height:55%;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,#FFC2C2 0%,rgba(255,196,196,0) 100%);filter:blur(160px)}.top-banner::after{max-width:1063px;max-height:1063px;background:radial-gradient(50% 50% at 50% 50%,rgba(87,145,241,.4) 0%,rgba(87,145,241,0) 100%);filter:blur(193px);transform:translate(30%,-20%);top:0;right:0;left:unset}.top-banner .bottom-white{position:absolute;bottom:0;left:0;width:100%;height:105px;background:linear-gradient(0deg,#FFF 0%,rgba(255,255,255,0) 100%);z-index:1}.top-banner .base-maxwidth{position:relative;z-index:1}.top-banner h1{font-size:54px;max-width:740px;margin:0 auto}.top-banner .button-box{display:flex;justify-content:center;margin:36px auto 72px;position:relative;z-index:1}.top-banner .button-box .button-item{position:relative}.top-banner .button-box .download{padding:12px 16px;color:#fff;font-weight:700;font-size:16px;border-radius:30px;border:2px solid rgba(255,255,255,.2);background:linear-gradient(270deg,#2EA8FF 0%,#2b67f3 100%);background-clip:padding-box;min-width:210px;height:60px;display:flex;align-items:center;justify-content:center;transition:all linear .2s}.top-banner .button-box .download svg{width:32px;height:32px;margin-right:8px}.top-banner .button-box .button-item:last-child{margin-left:60px}.top-banner .button-box .button-item:last-child .download{background:#FFF;color:#30313E}.top-banner .button-box .button-item:last-child .download svg{color:#2b67f3}.top-banner .button-box .download:hover{opacity:.8}.top-banner .button-box .button-item:last-child .download:hover{background:rgba(56,111,240,.3);opacity:1}.top-banner .img-box{position:relative;margin:0 auto;max-width:480px;width:36%;animation:fadeInDown .8s ease-out backwards}.top-banner .img-box img{position:relative;max-width:100%;height:auto;z-index:1}.top-banner .img-box .fetion{position:absolute;left:50%;top:0;max-width:1224px;width:65vw;z-index:0;transform:translate(-48%,-15%)}.top-banner .banner-anim img{position:absolute}.top-banner .banner-anim img.banner-anim-1{max-width:274px;top:16%;left:-34%;width:58%}.top-banner .banner-anim img.banner-anim-2{max-width:323px;width:70%;top:20%;right:-40%;animation-delay:.7s}.top-banner .banner-anim img.banner-anim-3{max-width:360px;width:76%;bottom:12%;left:-25%;animation-delay:.9s}.most-powerful{padding:164px 0 140px}.most-powerful .base-maxwidth{display:flex;justify-content:space-between;align-items:center}.most-powerful .text{width:46%;max-width:660px}.most-powerful h2{font-size:36px;max-width:458px}.most-powerful .desc{margin:36px auto}.most-powerful .desc p:not(:last-child){margin-bottom:24px}.most-powerful .base-switching-button{align-items:flex-start}.most-powerful .base-switching-button .button{min-width:160px;height:44px;border-radius:22px;font-size:16px}.most-powerful .base-switching-button .button{min-width:160px}.most-powerful .img{max-width:758px;width:calc(54% - 20px)}.most-useful{padding-bottom:170px}.most-useful h2{max-width:538px;margin:0 auto;text-align:center;position:relative}.most-useful .desc{text-align:center;margin:20px auto 60px}.most-useful .content{display:flex;justify-content:space-between;align-items:center;max-width:1108px;margin:0 auto}.most-useful .img{width:50%;display:flex;align-items:center}.most-useful .img .like{margin-right:60px;width:20%;max-width:140px}.most-useful .animation-box{border-radius:24px;background:#F1F1F6;max-width:320px;max-height:600px;aspect-ratio:8 / 15;padding:12px;position:relative}.most-useful .animation-img{position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}.most-useful .animation-img img{width:100%;object-fit:cover;transition:all .3s linear;transform-origin:top;max-height:700px}.most-useful .animation-text{position:absolute;top:0;left:0;width:100%;height:100%}@keyframes bounceIn{0%{transform:scale(.6) translateZ(0);opacity:0}50%{transform:scale(1.02) translateZ(0);opacity:1}70%{transform:scale(.98) translateZ(0)}100%{transform:scale(1) translateZ(0);opacity:1}}.most-useful .subject-box span{position:absolute;top:26%;left:40%;display:flex;justify-content:center;align-items:center;border-radius:9px;border:2px solid rgba(255,255,255,1);background:linear-gradient(95deg,#CAD4FF 0%,#8799FF 100%);min-width:102px;min-height:41px;font-size:20px;font-weight:700;text-shadow:0 1.131px 1.131px rgba(0,0,0,.1);color:#FFF;filter:drop-shadow(-7.485px 7.485px 3.743px rgba(54,84,155,.12));padding:11px;opacity:0;transform:scale(.6) translateZ(0)}.most-useful .subject-box span:nth-child(2){width:116px;font-size:18px;top:40%;left:70%;background:linear-gradient(263deg,#8FD2FF 0%,#C3ECFF 100%);animation-delay:0.3s!important}.most-useful .subject-box span:nth-child(3){width:124px;top:46%;left:-8%;background:linear-gradient(100deg,#FFC1CC 0%,#FF869A 100%);animation-delay:0.6s!important}.most-useful .subject-box span:nth-child(4){width:146px;top:64%;left:20%;background:linear-gradient(95deg,#D7CAFF 0%,#B8A0FF 100%);animation-delay:0.9s!important}.most-useful .step-box img{position:absolute;top:30%;left:-18%;max-width:228px;width:100%;opacity:0;transform:scale(.6) translateZ(0)}.most-useful .step-box img:nth-child(2){top:64%;left:42%;animation-delay:0.6s!important}.most-useful .explanation-box img{position:absolute;top:48%;left:42%;max-width:228px;width:100%;opacity:0;transform:scale(.6) translateZ(0)}.most-useful .animation-target.start .animation-box.animation-tab-one .subject-box span,.most-useful .animation-target.start .animation-box.animation-tab-two .step-box img,.most-useful .animation-target.start .animation-box.animation-tab-three .explanation-box img{animation:bounceIn .6s forwards}.most-useful .animation-box.animation-tab-two .img-one,.most-useful .animation-box.animation-tab-three .img-one{max-height:0}.most-useful .text{max-width:440px;width:50%}.most-useful .tab-list{display:flex;flex-direction:column;justify-content:center;counter-reset:my-counter}.most-useful .tab-item{position:relative;padding:26px 20px 36px 60px;width:100%;background:#F1F1F6;border-radius:24px;margin-bottom:20px;cursor:pointer;color:#30313E;transition:all .2s}.most-useful .tab-item:last-child{margin-bottom:0}.most-useful .tab-item::before{counter-increment:my-counter;content:counter(my-counter);color:inherit;text-align:center;font-size:14px;font-style:italic;font-weight:700;border:1px solid rgba(48,49,62,.2);border-radius:50%;position:absolute;left:20px;top:25px;padding:2px 9px 2px 6px}.most-useful .tab-item h3{font-size:16px}.most-useful .tab-item p{font-size:14px;margin-top:4px}.most-useful .tab-item.active{background:#2b67f3;color:#FFF}.most-useful .tab-item:not(.active):hover{background:#E7E7EF}.most-useful .tab-item.active::before{border-color:rgba(255,255,255,.2)}.most-feature{padding:132px 0 80px;border-radius:280px 280px 0 0;background:rgba(255,224,231,.5)}.most-feature .base-maxwidth{max-width:1340px}.most-feature h2{max-width:763px}.most-feature .feature-box{display:flex;justify-content:center;margin:60px auto 40px}.most-feature .feature-box>div{display:flex;flex-direction:column}.most-feature .feature-box>div>div:last-child{margin-top:20px}.most-feature .feature-item{padding:24px 32px 10px;display:flex;flex-direction:column;border-radius:20px;background:#FFF;height:50%;max-width:480px}.most-feature .feature-box>.feature-center>div.feature-item{margin:0 20px;padding-bottom:0;height:100%;min-height:420px}.most-feature .feature-item h3{font-size:22px}.most-feature .feature-item p{color:rgba(48,49,62,.8);margin-top:8px;flex:1}.most-feature .feature-item img{margin:31px auto 0;max-width:240px;display:block}.most-subject{padding:160px 0 124px;overflow:hidden}.most-subject h2{max-width:704px;margin:0 auto;text-align:center}.most-subject .desc{margin:20px auto 60px;text-align:center}.most-subject .subject-box{display:flex;justify-content:space-between;margin-bottom:60px}.most-subject .subject-item{padding:40px;border-radius:32px;background:rgba(56,113,255,.1) url(https://images.imyfone.com/en/assets/overview/ai-math-solver/subject-bg-1.png) no-repeat 98% 98%/140px;max-width:460px;min-height:296px;width:calc(100%/3 - 20px);color:#2b67f3}.most-subject .subject-item:nth-child(2){color:#E46176;background:rgba(255,134,154,.1) url(https://images.imyfone.com/en/assets/overview/ai-math-solver/subject-bg-2.png) no-repeat 98% 98%/140px}.most-subject .subject-item:nth-child(3){color:#9B82E6;background:rgba(184,160,255,.1) url(https://images.imyfone.com/en/assets/overview/ai-math-solver/subject-bg-3.png) no-repeat 98% 98%/140px}.most-subject .subject-item h3{font-size:22px;margin-bottom:12px}.success-story{padding:0 20px 160px}.success-story .base-maxwidth{padding:110px 100px 120px;border-radius:64px;background:url(https://images.imyfone.com/en/assets/overview/ai-math-solver/ruler.png) no-repeat 100% 0% / 24%,url(https://images.imyfone.com/en/assets/overview/ai-math-solver/student.png) no-repeat 94% 100% / 9%;background-color:#F8F6FF}.success-story h2{max-width:460px}.success-story .story-box{margin-top:60px;max-width:1080px}.success-story .story-item{margin-bottom:20px}.success-story .story-item h3{margin-top:10px;font-weight:600;font-size:16px}.faq-container{padding-bottom:160px}.faq-container h2{text-align:center;font-size:52px}.faq-container .faq-box{max-width:957px;margin:24px auto 0}.faq-container .faq-item{padding:36px 0;border-bottom:1px solid rgba(200,200,200,.2)}.faq-container .faq-item .faq-title{display:flex;justify-content:space-between;font-size:20px;cursor:pointer}.faq-container .faq-item .faq-title span{margin:1px 4px 0 0}.faq-container .faq-item .faq-title p{flex:1;font-size:20px;font-weight:600}.faq-container .faq-item .faq-title svg{margin:5px 0 0 10px;transition:all .3s;min-width:20px;width:20px;height:20px;color:#30313E}.faq-container .faq-item .faq-content{margin-top:16px;display:none;padding-right:30px;color:rgb(24 25 31 / 60%);font-size:16px}.faq-container .faq-item .faq-content a{color:#2b67f3}.faq-container .faq-item.curr .faq-title svg{transform:rotate(-180deg)}@media(max-width:1540px){.most-feature{border-radius:140px 140px 0 0}}@media(max-width:1024px){.top-banner .button-box .button-item:last-child{display:none}}@media(max-width:992px){.main h2{font-size:24px}.main .title-line::before{top:78%;width:144px;height:22px}.main .base-switching-button .button{min-width:160px;height:44px;font-size:16px}.main .translateX{transform:translateX(-30%) translateZ(0)}.main .translateY{transform:translateX(30%) translateZ(0)}.main .feature-center .feature-item.animation-target.start{animation:scaleBounceIn .4s forwards!important}.top-banner{padding-top:60px}.top-banner h1{font-size:26px;max-width:356px}.top-banner .button-box .download{min-width:180px;height:48px;font-size:14px;font-weight:600}.top-banner .button-box .download svg{width:24px;height:24px;margin-right:4px}.top-banner .button-box{margin:26px auto 32px}.top-banner .img-box{max-width:178px;width:100%}.top-banner .banner-anim img.banner-anim-2{right:-34%}.top-banner .bottom-white{height:80px}.most-powerful{padding:40px 0}.most-powerful h2{font-size:24px;text-align:center}.most-powerful .base-maxwidth{justify-content:center;flex-wrap:wrap}.most-powerful .text{width:100%;display:flex;flex-direction:column;align-items:center}.most-powerful .desc{text-align:center;margin:16px auto 24px}.most-powerful .desc p{font-size:14px}.most-powerful .img{max-width:524px;width:100%;margin-top:24px}.most-useful{padding-bottom:60px}.most-useful h2{max-width:347px}.most-useful .desc{margin:16px auto 32px;font-size:14px}.most-useful .content{justify-content:center;margin:0 auto;flex-wrap:wrap}.most-useful .img{width:100%;max-width:347px;justify-content:center}.most-useful .step-box img,.most-useful .explanation-box img{max-width:144px}.most-useful .text{width:100%;order:-1;margin-bottom:20px}.most-useful .tab-item{padding:10px 16px 10px 44px;border-radius:16px;margin-bottom:14px}.most-useful .animation-box{border-radius:16px;padding:6px;max-width:172px}.most-useful .tab-item::before{left:14px;top:16px;padding:0 7px 0 4px}.most-useful .tab-item h3{font-size:14px}.most-useful .tab-item p{font-size:12px;margin-top:0}.most-useful .subject-box span{padding:6px;min-height:34px;font-size:14px;font-weight:600;min-width:82px;left:26%}.most-useful .subject-box span:nth-child(2){width:84px;font-size:14px}.most-useful .subject-box span:nth-child(3){width:90px}.most-useful .subject-box span:nth-child(4){width:100px;left:28%}.most-feature{border-radius:40px 40px 0 0;padding:40px 0 47px}.most-feature h2{text-align:center;max-width:400px;margin:0 auto}.most-feature .feature-box{margin:28px auto 24px;flex-wrap:wrap}.most-feature .feature-box>div>div:last-child{margin-top:16px}.most-feature .feature-item{max-width:100%}.most-feature .feature-item h3{font-size:16px}.most-feature .feature-item p{font-size:14px}.most-feature .feature-item{padding:20px 28px;height:auto}.most-feature .feature-box>.feature-center>div.feature-item{margin:16px auto;min-height:auto}.most-subject{padding:60px 0}.most-subject h2{max-width:430px}.most-subject .desc{margin:16px auto 24px;font-size:14px}.most-subject .subject-box{margin-bottom:24px}.most-subject .subject-item{padding:20px;min-height:246px;width:calc(100% / 3 - 8px);background-size:80px!important}.most-subject .subject-item h3{font-size:16px}.most-subject .subject-item p{font-size:14px}.success-story{padding:0 0 60px}.success-story .base-maxwidth{padding:40px 20px 160px;border-radius:0}.success-story .story-box{margin-top:24px}.success-story .story-item p,.success-story .story-item h3{font-size:14px}.faq-container{padding-bottom:40px}.faq-container .faq-box{margin:20px auto 0}.faq-container .faq-item{padding:16px 0;border-bottom:none}.faq-container .faq-item .faq-title{font-size:16px}.faq-container .faq-item .faq-title p{font-size:16px}.faq-container .faq-item .faq-title svg{min-width:16px;width:16px;height:16px}}@media(max-width:567px){.top-banner .button-box{flex-direction:column;align-items:center}.top-banner .button-box .button-item:last-child{margin:12px 0 0}.top-banner .img-box .fetion{width:720px;transform:translate(-77%,-17%)}.most-useful .img .like{margin-right:30px}.most-subject .subject-box{flex-wrap:wrap}.most-subject .subject-item{min-height:200px;width:100%;margin:0 auto 16px}.most-subject .translatex-rebound{transition:all .4s linear;transform:translateX(-40%) translateZ(0)}.most-subject .translatex-rebound.start{animation:none;transform:translateX(0) translateZ(0)}.success-story .base-maxwidth{background:#F8F6FF url(https://images.imyfone.com/en/assets/overview/ai-math-solver/student.png) no-repeat 94% 100% / 18%}}@media(max-width:340px){.top-banner .img-box .fetion{transform:translate(-80%,-17%)}}