@media screen and (max-width: 1200px){.pc-show{display:none !important}}@media screen and (min-width: 1200px){.m-show{display:none !important}}@media screen and (min-width: 1200px){h1.title{font:normal normal 800 36px/60px Montserrat}h1.title span{display:block;font:normal normal 800 36px/60px Montserrat;color:#4750ef}h2.title{font:normal normal 800 42px/75px Montserrat}h2.multi-line-title{font:normal normal 800 42px/60px Montserrat}h2.multi-line-title span{display:block;font:normal normal 800 20px/54px Montserrat}h3.subtitle{font:normal normal 800 28px/54px Montserrat}h3.num-title{font:normal normal 800 56px/68px Montserrat}h3.num-title span{display:block;font:normal normal 800 18px/22px Montserrat}h3.tab-name{text-align:center;font:normal normal bold 18px/30px Montserrat}h3.step-title{font:normal normal 800 18px/22px Montserrat}h3.step-title span{transition:.2s;font:normal normal 800 18px/22px Montserrat;margin-right:8px}p.desc-main{font:normal normal normal 18px/24px Lato}p.desc{font:normal normal normal 18px/32px Lato;letter-spacing:.54px}p.desc-grid{font:normal normal normal 18px/32px Lato;letter-spacing:.54px}p.user-name{font:normal normal 800 18px/24px Montserrat}p.user-name span{display:block;margin-top:6px;font:normal normal 800 14px/24px Montserrat}p.user-feedback{font:normal normal normal 16px/32px Lato;letter-spacing:.48px}p.blog-list-item-content{text-align:center;font:normal normal 800 14px/22px Montserrat}button{cursor:pointer}button.primary-btn{width:320px;height:51px;background:rgba(0,0,0,0) linear-gradient(259deg, #703ef7 0%, #1b63e6 100%) 0 0 no-repeat padding-box;border-radius:8px;text-align:center;font:normal normal bold 16px/50px Lato;letter-spacing:.8px;color:#fff}button.primary-btn:hover{background:rgba(0,0,0,0) linear-gradient(256deg, #8c62ff 0%, #397fff 100%) 0 0 no-repeat padding-box}button.arrow-btn{transition:all .3s ease;margin-right:10px;cursor:pointer;display:flex;justify-content:center;align-items:center;background:#fff 0 0 no-repeat padding-box;border:1px solid #000;border-radius:25px;opacity:1}button.arrow-btn .rotate{transform:rotate(180deg)}button.arrow-btn .hover-arrow{display:none;width:72px;height:15px}}@media screen and (min-width: 1200px)and (min-width: 1200px){button.arrow-btn{width:118px;height:50px}button.arrow-btn .normal-arrow{width:36px;height:15px}button.arrow-btn:hover{width:152px;background:#000 0 0 no-repeat padding-box}button.arrow-btn:hover .hover-arrow{display:block}button.arrow-btn:hover .normal-arrow{display:none}}@media screen and (min-width: 1200px)and (max-width: 1200px){button.arrow-btn{width:27.6vw;height:11.7333333333vw}button.arrow-btn .normal-arrow{width:8.4vw;height:3.4666666667vw}}@media screen and (max-width: 1200px){h1.title{font:normal normal 800 .5rem/.75rem Montserrat}h1.title span{display:inline;overflow-wrap:break-word;word-break:break-all;font:normal normal 800 .5rem/.75rem Montserrat;color:#4750ef}h2.title{font:normal normal 800 .42rem/.75rem Montserrat}h2.multi-line-title{font:normal normal 800 .5rem/.75rem Montserrat}h2.multi-line-title span{display:inline;font:normal normal 800 .5rem/.75rem Montserrat}h3.subtitle{font:normal normal 800 .4rem/.6rem Montserrat}h3.num-title{font:normal normal 800 .7rem/.75rem Montserrat}h3.num-title span{display:block;font:normal normal 800 .28rem/.3rem Montserrat}h3.tab-name{font:normal normal bold .4rem/.6rem Montserrat}h3.step-title{font:normal normal 800 .4rem/.6rem Montserrat}h3.step-title span{color:#5e45f3;font:normal normal 800 .4rem/.6rem Montserrat;margin-right:.02rem}p.desc-main{font:normal normal normal .32rem/.64rem Lato;letter-spacing:.0096rem}p.desc{font:normal normal normal .28rem/.42rem Lato;letter-spacing:.0084rem}p.desc-grid{font:normal normal normal .28rem/.42rem Lato;letter-spacing:.0084rem}p.user-name{font:normal normal 800 .32rem/.4rem Montserrat}p.user-name span{display:block;margin-top:.08rem;font:normal normal 800 .24rem/.4rem Montserrat}p.user-feedback{font:normal normal normal .28rem/.42rem Lato;letter-spacing:.0084rem}p.blog-list-item-content{font:normal normal 800 .28rem/.42rem Montserrat}button{cursor:pointer}button.primary-btn{display:inline-flex;align-items:center;justify-content:center;width:6.3rem;height:1.06rem;background:rgba(0,0,0,0) linear-gradient(259deg, #703ef7 0%, #1b63e6 100%) 0 0 no-repeat padding-box;border-radius:.08rem;text-align:center;font:normal normal bold .32rem/.4rem Lato;letter-spacing:.016rem;color:#fff}button.primary-btn:hover{background:rgba(0,0,0,0) linear-gradient(256deg, #8c62ff 0%, #397fff 100%) 0 0 no-repeat padding-box}button.primary-btn::before{background-image:url("/dist/img/ppt-teach/page-1/btn-m.png");background-position:center center;background-repeat:no-repeat;background-size:cover;display:inline-block;content:"";margin-right:.19rem;height:.42rem;width:.45rem}button.primary-btn.base::before{padding-left:0;display:none}button.arrow-btn{transition:all .3s ease;margin-right:10px;cursor:pointer;display:flex;justify-content:center;align-items:center;background:#fff 0 0 no-repeat padding-box;border:1px solid #000;border-radius:25px;opacity:1}button.arrow-btn .rotate{transform:rotate(180deg)}button.arrow-btn .hover-arrow{display:none;width:72px;height:15px}}@media screen and (max-width: 1200px)and (min-width: 1200px){button.arrow-btn{width:118px;height:50px}button.arrow-btn .normal-arrow{width:36px;height:15px}button.arrow-btn:hover{width:152px;background:#000 0 0 no-repeat padding-box}button.arrow-btn:hover .hover-arrow{display:block}button.arrow-btn:hover .normal-arrow{display:none}}@media screen and (max-width: 1200px)and (max-width: 1200px){button.arrow-btn{width:27.6vw;height:11.7333333333vw}button.arrow-btn .normal-arrow{width:8.4vw;height:3.4666666667vw}}.teach-main-wrapper{background:#fff;color:#000;overflow:hidden}@media screen and (max-width: 1200px){.teach-main-wrapper{text-align:center}}.teach-page-1{display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 1200px){.teach-page-1{background-image:url("/dist/img/ppt-teach/page-1/bg.png");background-position:center center;background-repeat:no-repeat;background-size:cover;height:749px;padding-top:157px}.teach-page-1 .center-wrap{display:flex;gap:10px}.teach-page-1 .center-wrap .content-wrap{display:flex;flex-direction:column;gap:41px}.teach-page-1 .center-wrap .content-wrap h1{width:583px}.teach-page-1 .center-wrap .content-wrap p{width:498px}.teach-page-1 .center-wrap .content-wrap button{width:320px;height:51px}.teach-page-1 .center-wrap img{width:820px;height:592px}}@media screen and (max-width: 1200px){.teach-page-1{background-image:url("/dist/img/ppt-teach/page-1/bg-m.png");background-position:center center;background-repeat:no-repeat;background-size:cover;padding-top:1.02rem}.teach-page-1 .center-wrap{display:flex;flex-direction:column}.teach-page-1 .center-wrap .content-wrap{display:flex;flex-direction:column;gap:.3rem;padding:0 .6rem}.teach-page-1 .center-wrap .content-wrap h1{padding:0 .6rem}.teach-page-1 .center-wrap .content-wrap button{width:6.3rem;height:1.07rem}.teach-page-1 .center-wrap img{margin-top:.68rem;width:7.2rem;height:5.2rem}}.teach-page-2{display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 1200px){.teach-page-2{padding:161px 0 168px 0}.teach-page-2 h2{margin-bottom:143px;width:1052px;text-align:center}.teach-page-2 .box{display:flex;padding-bottom:160px;align-items:center;gap:153px}.teach-page-2 .box:last-child{padding-bottom:0}.teach-page-2 .box.reverse{flex-direction:row-reverse}.teach-page-2 .box .content-wrap{width:531px;display:flex;flex-direction:column;gap:30px}.teach-page-2 .box .content-wrap button{width:294px;height:51px}.teach-page-2 .box img{width:720px;height:500px}}@media screen and (max-width: 1200px){.teach-page-2{padding-bottom:.1rem}.teach-page-2 h2{margin-top:1.01rem;margin-bottom:.8rem;width:5.5rem}.teach-page-2 .box{padding-bottom:1.1rem}.teach-page-2 .box .content-wrap{display:flex;flex-direction:column;align-items:center;flex-direction:column;gap:.36rem}.teach-page-2 .box .content-wrap h3{width:6rem}.teach-page-2 .box .content-wrap p{width:6.3rem}.teach-page-2 .box img{width:7.2rem;height:5rem;margin-bottom:.4rem}}@media screen and (min-width: 1200px){.teach-page-3{position:relative;height:539px;background-color:#0c0c11;color:#fff}.teach-page-3 .content-wrap{position:absolute;z-index:1;top:82px;left:1149px;width:443px;display:flex;flex-direction:column;gap:52px}.teach-page-3 .content-wrap button{width:294px;height:51px}.teach-page-3 img{position:absolute;top:92px;left:35px}}@media screen and (max-width: 1200px){.teach-page-3{display:flex;flex-direction:column;align-items:center;background-image:url("/dist/img/ppt-teach/page-3/bg-m.png");background-position:center center;background-repeat:no-repeat;background-size:cover;color:#fff}.teach-page-3 .content-wrap{margin-top:2.27rem;margin-bottom:1.7rem;width:6.3rem;display:flex;flex-direction:column;gap:.8rem}}.teach-page-4{display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 1200px){.teach-page-4{margin-top:113px;margin-bottom:140px}.teach-page-4 .primary-btn{width:314px;height:51px;margin-top:35px;margin-bottom:69px}.teach-page-4 .grid-warp{display:grid;gap:20px;grid-template-areas:"card-1 card-2 card-3" "card-4 card-4 card-3"}.teach-page-4 .grid-warp .grid-card-1{background-image:url("/dist/img/ppt-teach/page-4/1.svg");background-position:center center;background-repeat:no-repeat;grid-area:card-1;width:495px;height:314px;padding:41px 65px 0 65px}.teach-page-4 .grid-warp .grid-card-1 .num-title{margin-bottom:22px}.teach-page-4 .grid-warp .grid-card-2{background-image:url("/dist/img/ppt-teach/page-4/2.svg");background-position:center center;background-repeat:no-repeat;grid-area:card-2;width:495px;height:314px;padding:41px 65px 0 65px}.teach-page-4 .grid-warp .grid-card-2 .num-title{margin-bottom:22px}.teach-page-4 .grid-warp .grid-card-3{background-image:url("/dist/img/ppt-teach/page-4/3.svg");background-position:center center;background-repeat:no-repeat;grid-area:card-3;width:374px;height:606px;padding:145px 44px 0 71px}.teach-page-4 .grid-warp .grid-card-3 .num-title{margin-bottom:22px}.teach-page-4 .grid-warp .grid-card-4{background-image:url("/dist/img/ppt-teach/page-4/4.svg");background-position:center center;background-repeat:no-repeat;grid-area:card-4;width:1010px;height:272px;display:flex;align-items:center;gap:54px;padding:0 70px 0 70px}.teach-page-4 .grid-warp .grid-card-4 .num-title{flex:none}}@media screen and (max-width: 1200px){.teach-page-4{display:flex;flex-direction:column;align-items:center;flex-direction:column;gap:.4rem;margin-top:1.19rem}.teach-page-4 h2{width:5.5rem}.teach-page-4 .grid-warp{display:flex;flex-direction:column;align-items:center;flex-direction:column;gap:.4rem;margin-top:.09rem;margin-bottom:1.2rem}.teach-page-4 .grid-warp .grid-card-1,.teach-page-4 .grid-warp .grid-card-2,.teach-page-4 .grid-warp .grid-card-3,.teach-page-4 .grid-warp .grid-card-4{background-size:contain;width:6.3rem;height:5.34rem;padding:.71rem .36rem 0 .36rem}.teach-page-4 .grid-warp .grid-card-1 .num-title,.teach-page-4 .grid-warp .grid-card-2 .num-title,.teach-page-4 .grid-warp .grid-card-3 .num-title,.teach-page-4 .grid-warp .grid-card-4 .num-title{margin-bottom:.5rem}.teach-page-4 .grid-warp .grid-card-1{background-image:url("/dist/img/ppt-teach/page-4/1-m.svg");background-position:center center;background-repeat:no-repeat}.teach-page-4 .grid-warp .grid-card-2{background-image:url("/dist/img/ppt-teach/page-4/2-m.svg");background-position:center center;background-repeat:no-repeat}.teach-page-4 .grid-warp .grid-card-3{background-image:url("/dist/img/ppt-teach/page-4/3-m.svg");background-position:center center;background-repeat:no-repeat}.teach-page-4 .grid-warp .grid-card-4{background-image:url("/dist/img/ppt-teach/page-4/4-m.svg");background-position:center center;background-repeat:no-repeat}}@media screen and (min-width: 1200px){.teach-page-5{position:relative;padding:131px 0;background-color:#f3f3f3}.teach-page-5 h2{margin-left:328px;font:normal normal 800 50px/75px Montserrat}.teach-page-5 .card-shadow{content:"";position:absolute;z-index:0;width:607px;height:316px;top:331px;left:328px;background:#9798a8 0 0 no-repeat padding-box;border-radius:30px;opacity:.24;filter:blur(34px)}.teach-page-5 .card-move-warp{position:relative;z-index:1;height:467px;overflow:hidden}.teach-page-5 .card-wrap{display:flex;transition:transform .3s ease}.teach-page-5 .card-wrap .user-card{position:relative;flex-shrink:0;z-index:1;margin:91px 50px 60px 0;width:607px;height:316px;background-color:#fff;border-radius:30px}.teach-page-5 .card-wrap .user-card .user-header{position:absolute;top:-27px;left:67px}.teach-page-5 .card-wrap .user-card .user-name{margin:32px 66px 46px 229px}.teach-page-5 .card-wrap .user-card .user-feedback{margin:0 66px}.teach-page-5 .card-wrap .user-card .tip{position:absolute;top:-27px;right:40px}.teach-page-5 .btn-wrap{display:flex;margin-left:328px}}@media screen and (max-width: 1200px){.teach-page-5{display:flex;flex-direction:column;align-items:center;background-color:#f3f3f3;padding-top:1.06rem;overflow:hidden}.teach-page-5 h2{margin-bottom:.48rem}.teach-page-5 .card-move-warp{margin-bottom:.56rem}.teach-page-5 .card-wrap{overflow:hidden;display:flex;transition:transform .3s ease}.teach-page-5 .card-wrap .user-card{position:relative;flex-shrink:0;margin:1.23rem .57rem 0 .57rem;width:6.3rem;height:6.35rem;background-color:#fff;border-radius:.22rem}.teach-page-5 .card-wrap .user-card .user-header{position:absolute;height:2rem;width:2rem;top:-1rem;left:2.15rem}.teach-page-5 .card-wrap .user-card .user-name{margin-top:1.23rem;margin-bottom:.66rem}.teach-page-5 .card-wrap .user-card .user-feedback{margin:0 .57rem}.teach-page-5 .card-wrap .user-card .tip{position:absolute;width:.8rem;height:.6rem;top:.38rem;left:3.76rem}.teach-page-5 .btn-wrap{margin-bottom:1.05rem;display:flex}}.teach-page-6{display:flex;flex-direction:column;align-items:center;background-image:url("/dist/img/ppt-teach/page-6/bg.svg");background-position:center center;background-repeat:no-repeat;background-size:cover;color:#fff}.teach-page-6 .pc-show,.teach-page-6 .m-show{display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 1200px){.teach-page-6{height:1220px;text-align:center}.teach-page-6 h2{margin-top:104px}.teach-page-6 .tab-btn-wrap{margin-top:64px;position:relative;display:flex;gap:72px}.teach-page-6 .tab-btn-wrap .tab-btn{position:relative;z-index:1;height:75px;width:264px;transition:all .3s ease;cursor:pointer}.teach-page-6 .tab-btn-wrap .tab-btn .tab-name{position:absolute;z-index:1;padding:3px 6px 0 6px}.teach-page-6 .tab-btn-wrap .tab-btn .tab-bg{display:none;position:absolute;height:100%;width:100%;top:0;left:0;background-image:linear-gradient(to top, #5E45F3, rgba(12, 12, 17, 0.0117647059));border-radius:10px;opacity:.97;filter:blur(15px)}.teach-page-6 .tab-btn-wrap .tab-btn .tab-selected-btn{position:absolute;bottom:0;transform:translateY(50%);width:100%;height:9px;background:rgba(0,0,0,0) linear-gradient(90deg, #5E45F3 0%, #8E94FF 100%) 0 0 no-repeat padding-box;border-radius:200px}.teach-page-6 .tab-btn-wrap .tab-line{position:absolute;width:100%;height:1px;bottom:0;transform:translateY(50%);border:1px solid #707070;border-radius:200px;opacity:.32}.teach-page-6 .tab-content-wrap{margin-top:43px;width:1100px}.teach-page-6 .tab-content-wrap .tab-content p{margin-top:51px}.teach-page-6 .tab-content-wrap .tab-content button{margin:25px;width:254px;height:51px}}@media screen and (max-width: 1200px){.teach-page-6{padding-top:1.3rem}.teach-page-6 h2{margin:0 1rem 1.14rem}.teach-page-6 .tab-content-wrap .tab-content{display:flex;flex-direction:column;align-items:center;height:13.5rem}.teach-page-6 .tab-content-wrap .tab-content h3{margin-bottom:.65rem}.teach-page-6 .tab-content-wrap .tab-content img{width:100%;height:7.21rem;object-fit:cover;margin-bottom:.65rem}.teach-page-6 .tab-content-wrap .tab-content p{margin:0 .6rem}.teach-page-6 .tab-select-box{display:flex;gap:.12rem;margin-bottom:1.15rem}.teach-page-6 .tab-select-box .select-btn{width:1.2rem;height:.1rem;background:#c5ccd1 0 0 no-repeat padding-box;border-radius:.22rem}.teach-page-6 .tab-select-box .active{background:#6d4df4 0 0 no-repeat padding-box}.teach-page-6 button{margin-bottom:1.8rem}}.teach-page-7{display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 1200px){.teach-page-7{height:948px;overflow:hidden}.teach-page-7 h2{margin-top:118px}.teach-page-7 .content-wrap{display:flex;flex-direction:column;align-items:center;flex-direction:row;gap:80px;margin-top:100px;margin-bottom:148px}.teach-page-7 .content-wrap .image-list-wrap{position:relative;width:720px;height:525px}.teach-page-7 .content-wrap .image-list-wrap img{position:absolute;display:none}.teach-page-7 .content-wrap .step-list-wrap{height:525px;position:relative;border-left:1px solid #e1e1eb}.teach-page-7 .content-wrap .step-list-wrap .step-wrap{position:relative;cursor:pointer}.teach-page-7 .content-wrap .step-list-wrap .step-wrap .step-selected-bg{display:none;position:absolute;z-index:1;top:0;left:0;width:100vw;height:100%;background:#f9f9f9 0 0 no-repeat padding-box;border:1px solid #e1e1eb;border-radius:200px 0 0 200px}.teach-page-7 .content-wrap .step-list-wrap .step-wrap .step-selected-bg:before{position:absolute;content:"";top:50%;left:0;transform:translate(-50%, -50%);width:7px;height:30px;background:#5e45f3}.teach-page-7 .content-wrap .step-list-wrap .step-wrap .step-label-wrap{position:relative;z-index:2;padding:22px 0 22px 70px}.teach-page-7 .content-wrap .step-list-wrap .step-wrap .step-label-wrap h3.is-selected span{font:normal normal 800 30px/75px Montserrat}.teach-page-7 .content-wrap .step-list-wrap .step-wrap .step-label-wrap p{display:none;width:520px;margin-bottom:15px}.teach-page-7 .content-wrap .step-list-wrap button{position:absolute;bottom:0;margin-left:70px}}@media screen and (max-width: 1200px){.teach-page-7{padding-top:1.3rem}.teach-page-7 h2{width:5.5rem;margin-bottom:.8rem}.teach-page-7 .step-wrap{display:flex;flex-direction:column;align-items:center}.teach-page-7 .step-wrap img{width:6.3rem;height:4.59rem;margin-bottom:.3rem}.teach-page-7 .step-wrap h3{margin:0 .72rem .3rem}.teach-page-7 .step-wrap p{margin:0 .6rem .01rem}.teach-page-7 .step-wrap .step-tip{background-image:url("/dist/img/ppt-teach/page-7/step.svg");background-position:center center;background-repeat:no-repeat;background-size:cover;width:.07rem;height:.8rem;margin-bottom:.25rem;border-radius:1rem}.teach-page-7 button{margin-top:.5rem;margin-bottom:1.3rem}}.teach-page-8{display:flex;flex-direction:column;align-items:center;background-size:cover;color:#fff;text-align:center}@media screen and (min-width: 1200px){.teach-page-8{background-image:url("/dist/img/ppt-teach/page-8/bg.png");background-position:center center;background-repeat:no-repeat;height:500px}.teach-page-8 h2{max-width:1080px;margin-top:155px}.teach-page-8 button{margin-top:35px}}@media screen and (max-width: 1200px){.teach-page-8{display:flex;flex-direction:column;align-items:center;background-image:url("/dist/img/ppt-teach/page-8/bg-m.png");background-position:center center;background-repeat:no-repeat}.teach-page-8 h2{width:6rem;margin-top:1.67rem;margin-bottom:.7rem}.teach-page-8 button{margin-bottom:1.64rem}}.teach-page-9{display:flex;flex-direction:column;align-items:center;background:#f3f3f3 0 0 no-repeat padding-box}@media screen and (min-width: 1200px){.teach-page-9{height:615px}.teach-page-9 h2{margin-top:113px}.teach-page-9 .blog-list-wrap{margin-top:70px;height:258px;display:flex;gap:15px}.teach-page-9 .blog-list-wrap .blog-list-item{border-radius:15px;height:258px;width:269px;background-color:#fff;cursor:pointer;transition:.3s}.teach-page-9 .blog-list-wrap .blog-list-item .blog-list-item-content{margin:10px 30px}.teach-page-9 .blog-list-wrap .blog-list-item:hover{transform:scale(1.02)}}@media screen and (max-width: 1200px){.teach-page-9{padding-top:1.08rem;overflow:hidden}.teach-page-9 h2{width:5rem;margin-bottom:.75rem}.teach-page-9 .swiper{width:100%}.teach-page-9 .blog-list-wrap{display:flex;gap:.3rem;margin-bottom:1.48rem}.teach-page-9 .blog-list-wrap .blog-list-item{border-radius:.15rem;height:5.1rem;width:5.32rem;background-color:#fff;cursor:pointer}.teach-page-9 .blog-list-wrap .blog-list-item img{width:100%}.teach-page-9 .blog-list-wrap .blog-list-item .blog-list-item-content{margin:.3rem .6rem 0}}