.container{max-width:1200px;padding:0 15px;margin:0 auto;}.flex-row{display:flex;flex-direction:row;}.flex-center{display:flex;justify-content:center;align-items:center;}.banner{background:#FFF url('https://img.tunefab.es/uploads/page/dowmload/banner-background.png') no-repeat bottom / cover;padding-bottom:142px;}.banner h1{color:#061C3D;padding-top:82px;text-align:center;font-size:42px;line-height:1.4;}.banner span{text-align:center;font-size:42px;line-height:1.4;color:#007BFF;font-weight:700;justify-content:center;display:flex;}.banner .banner-desc{color:#46495C;margin:13px auto 46px auto;font-size:18px;line-height:1.6;width:702px;text-align:center;}.banner .banner-box{display:flex;flex-direction:row;justify-content:space-between;border-radius:12px;background:linear-gradient(274deg,rgba(174,70,255,0.9) -9.19%,rgba(108,93,255,0.9) 40.17%,#665FFF 44.45%,#429FEC 97.73%),url('https://img.tunefab.es/uploads/page/dowmload/box-background.png') no-repeat right center / cover;}.banner .banner-box .box-left{width:55%;padding:43px 46px 16px;}.banner .banner-box .box-right{padding:19px 59px 0 0;}.banner .banner-box .box-tit{color:#FFF;font-size:32px;font-weight:700;line-height:1.6;}.banner .banner-box .box-desc{color:#FFF;font-size:18px;line-height:1.6;margin:11px 0 18px 0;text-align:left;width:489px;}.banner .banner-box .btn-container{display:flex;flex-direction:row;margin-bottom:48px;gap:16px;}.banner .banner-box .btn-container .btn{display:flex;color:#007BFF;font-size:18px;border-radius:40px;background:#FFF;padding:13px 29px;gap:7px;transition:all 0.3s;}.banner .banner-box .btn-container .btn:hover{transform:translateY(-8px);}.banner .banner-box .note{padding-top:22px;color:#E1DFFF;font-size:12px;line-height:1.7;border-top:1px dashed rgba(255,255,255,0.26);}.banner .banner-list{justify-content:space-between;margin-top:30px;}.banner .list-item{border-radius:6px;background:#F3F9FF;padding:17px 14px 17px 22px;width:280px;text-align:left;}.banner .list-item .item-text{font-size:18px;margin-top:8px;}.wrap1{background:linear-gradient(180deg,#EAF3FF 0%,#FFF 100%);padding:80px 0 166px 0;}.wrap1 .wrap-tit{color:#061C3D;text-align:center;font-size:36px;line-height:1.4;}.wrap1 .wrap-subtit{color:#061C3D;font-size:18px;line-height:1.6;margin:15px auto 54px auto;text-align:center;}.wrap1 .tutorial{justify-content:space-between;align-items:flex-start;}.wrap1 .tutorial-mb{display:none;}.wrap1 .step{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;}.wrap1 .step:last-child .step-tit::after{display:none;}.wrap1 .step .step-tit{position:relative;width:50px;padding:5px 16px;border-radius:5px;border:1px solid #CFE5FB;background:#FFF;}.wrap1 .step .step-tit::after{content:'';position:absolute;top:50%;left:81px;width:334px;height:1px;background:linear-gradient(to right,#B5D0EB 10%,transparent 10%,transparent 40%,#B5D0EB 20%);background-size:9px 5px;pointer-events:none;}.wrap1 .step .step-img{margin:25px 0;border-radius:10px;background:#FFF;box-shadow:0 4px 16.2px 0 rgba(95,137,194,0.12);}.wrap1 .step .step-subtit{color:#061C3D;font-size:18px;font-weight:600;line-height:1.4;}.wrap1 .step .step-text{color:#061C3D;font-size:14px;width:308px;margin-top:15px;}.wrap2{background:#FFF;padding-bottom:120px;}.wrap2 .wrap-tit{color:#061C3D;text-align:center;font-size:36px;line-height:1.4;}.wrap2 .wrap-content{gap:100px;margin-top:38px;justify-content:space-between;}.wrap2 .item1{max-width:550px;border-radius:10px;border:1px solid #EBEBEB;background:#F8F8F8;padding:30px;}.wrap2 .item1 .item-tit{color:#061C3D;font-size:22px;font-weight:600;line-height:1.4;}.wrap2 .item1 .item-text{color:#061C3D;font-size:18px;line-height:1.8;margin:18px 0 23px 0;}.wrap2 .item1 .btn-container{gap:20px;display:flex;}.wrap2 .item1 .btn-container .btn{font-size:18px;border-radius:6px;border:1px solid #007BFF;background:#FFF;color:#007BFF;padding:14px 22px;transition:all 0.3s;}.wrap2 .item1 .btn-container .btn:hover{transform:translateY(-5px);}.wrap2 .item2{max-width:550px;border:1px solid #EBEBEB;background:#F8F8F8;padding:30px;border-radius:10px;background:linear-gradient(114deg,#5F9FFE -0.32%,#EA77FF 102.99%);}.wrap2 .item2 .item-tit{display:flex;position:relative;gap:10px;color:#FFF;font-size:22px;font-weight:600;line-height:1.4;}.wrap2 .item2 .tip{position:absolute;top:17px;left:81px;width:217px;height:91px;opacity:0;transition:opacity 0.3s ease;}.wrap2 .item2 .item-text{color:#FFF;font-size:18px;line-height:1.8;margin:18px 0 23px 0;}.wrap2 .item2 .btn-container{gap:20px;display:flex;}.wrap2 .item2 .btn-container .btn{font-size:18px;border-radius:6px;background:#FFDF60;color:#061C3D;padding:14px 22px;transition:all 0.3s;}.wrap2 .item2 .btn-container .btn:hover{transform:translateY(-5px);}.wrap2 .update{margin-top:24px;color:#354E73;font-size:14px;line-height:1.4%;border-radius:4px;background:linear-gradient(90deg,#F6FCFF 0%,rgba(246,252,255,0) 100%);padding:20px 0 20px 30px;}.wrap3 h2{color:#1A1A1A;text-align:center;font-size:32px;line-height:1.4;}.wrap3 .faq-accordion{display:flex;flex-direction:column;margin:80px auto 140px auto;width:100%;padding:0 68px;}.wrap3 .accordion-header{position:relative;border-radius:8px;background:#FFF;padding:43px 0px;width:100%;z-index:2;justify-content:space-between;border-bottom:1px solid rgba(217,235,255,0.8);}.wrap3 .accordion-title{color:#2B2B2B;font-size:24px;line-height:1.9;}.wrap3 .accordion-content{border-bottom:1px solid rgba(217,235,255,0.8);border-top:none;max-height:0;opacity:0;overflow:hidden;transition:opacity 0.5s ease;}.wrap3 .accordion-item{cursor:pointer;position:relative;z-index:1;}.wrap3 .content-inner{color:#4D4D4D;font-size:16px;line-height:1.9;display:flex;flex-direction:column;gap:13px;}.wrap3 .arrow{width:40px;height:40px;}.wrap3 .active .accordion-content{display:block;max-height:500px;opacity:1;padding-bottom:36px;}.wrap3 .active .accordion-header{border-bottom:none;padding:27px 0;}.wrap3 .active .accordion-header .accordion-title{color:#007BFF;font-weight:600;}.wrap4{background:#0B63E5 url('https://img.tunefab.es/uploads/page/dowmload/wrap4-background.png') no-repeat right center;}.wrap4 .wrap-content{display:flex;flex-direction:row;justify-content:space-between;}.wrap4 .wrap-left{padding:67px 0 60px 0;width:40%;}.wrap4 .wrap-right{padding-top:74px;}.wrap4 .wrap-tit{color:#FFF;font-size:32px;font-weight:700;line-height:1.4;}.wrap4 .wrap-desc{color:#FFF;font-size:18px;line-height:1.8;padding:13px 0 24px 0;}.wrap4 .btn-container{display:flex;gap:24px;}.wrap4 .btn-container .btn{font-size:18px;padding:13px 30px;color:#007BFF;background:#FFF;border-radius:60px;transition:all 0.3s;}.wrap4 .btn-container .btn:hover{transform:translateY(-5px);}@media (max-width:1200px){.banner .banner-box .btn-container .btn{padding:13px 17px;}.wrap1{padding:52px 0 103px 0;}.wrap1 .wrap-tit{font-size:28px;}.wrap1 .tutorial{display:none;}.wrap1 .wrap-subtit{margin:15px auto 0px auto;}.wrap1 .tutorial-mb{display:flex;}.wrap1 .tutorial-mb .swiper-slide{display:flex;align-items:center;flex-direction:column;min-height:500px;}.wrap1 .tutorial-mb .swiper-pagination{bottom:46px;left:50%;transform:translateX(-50%);}.wrap1 .tutorial-mb .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background-color:#84b0e9;border-radius:50%;transition:all 0.3s ease;}.wrap1 .tutorial-mb .swiper-pagination .swiper-pagination-bullet-active{width:18px;border-radius:38%;background-color:#4D9CFF;}.wrap1 .tutorial-mb .step-tit{position:relative;width:50px;padding:5px 16px;border-radius:5px;border:1px solid #CFE5FB;background:#FFF;}.wrap1 .tutorial-mb .step-img{margin:25px 0;border-radius:10px;background:#FFF;box-shadow:0 4px 16.2px 0 rgba(95,137,194,0.12);}.wrap1 .tutorial-mb .step-subtit{color:#061C3D;font-size:18px;font-weight:600;text-align:center;line-height:1.4;margin-top:21px;}.wrap1 .tutorial-mb .step-text{color:#061C3D;font-size:14px;width:308px;margin-top:10px;text-align:center;}.wrap2 .item1 .btn-container .btn,.wrap2 .item2 .btn-container .btn{font-size:16px;padding:14px 9px;}.wrap4 .btn-container .btn{padding:14px 6px;}}@media (max-width:768px){.banner{padding-bottom:70px;}.banner h1{font-size:30px;padding-top:45px;}.banner span{font-size:30px;}.banner .banner-desc{width:auto;font-size:14px;}.banner .banner-box{flex-direction:column;align-items:center;text-align:center;padding:19px 13px;border-radius:10px;background:linear-gradient(180deg,#5E6DFB 0%,#A466FF 100%);}.banner .banner-box .box-tit{font-size:22px;}.banner .banner-box .box-left{width:100%;padding:20px;}.banner .banner-box .box-right{display:none;}.banner .banner-box .box-desc{font-size:14px;width:100%;}.banner .banner-box .btn-container{margin-bottom:23px;}.banner .banner-box .btn-container .btn{font-size:12px;padding:12px 10px;transition:all 0.3s;}.banner .banner-box .btn-container .btn:hover{transform:translateY(-5px);}.banner .banner-box .note{padding-top:8px;text-align:left;}.banner .banner-list{flex-direction:column;gap:20px;}.banner .list-item{display:flex;width:100%;gap:18px;}.wrap1{padding:52px 0 103px 0;}.wrap1 .wrap-tit{font-size:28px;}.wrap1 .tutorial{display:none;}.wrap1 .wrap-subtit{margin:15px auto 0px auto;}.wrap1 .tutorial-mb{display:flex;}.wrap1 .tutorial-mb .swiper-slide{display:flex;align-items:center;flex-direction:column;min-height:500px;}.wrap1 .tutorial-mb .swiper-pagination{bottom:46px;left:50%;transform:translateX(-50%);}.wrap1 .tutorial-mb .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background-color:#84b0e9;border-radius:50%;transition:all 0.3s ease;}.wrap1 .tutorial-mb .swiper-pagination .swiper-pagination-bullet-active{width:18px;border-radius:38%;background-color:#4D9CFF;}.wrap1 .tutorial-mb .step-tit{position:relative;width:50px;padding:5px 16px;border-radius:5px;border:1px solid #CFE5FB;background:#FFF;}.wrap1 .tutorial-mb .step-img{margin:25px 0;border-radius:10px;background:#FFF;box-shadow:0 4px 16.2px 0 rgba(95,137,194,0.12);}.wrap1 .tutorial-mb .step-subtit{color:#061C3D;font-size:18px;font-weight:600;text-align:center;line-height:1.4;margin-top:21px;}.wrap1 .tutorial-mb .step-text{color:#061C3D;font-size:14px;width:308px;margin-top:10px;text-align:center;}.wrap2 .wrap-tit{font-size:28px;}.wrap2 .wrap-content{gap:21px;flex-direction:column;}.wrap2 .item1,.wrap2 .item2{width:100%;padding:18px;}.wrap2 .item1 .item-tit,.wrap2 .item2 .item-tit{font-size:18px;}.wrap2 .item1 .item-text,.wrap2 .item2 .item-text{font-size:14px;}.wrap2 .item1 .btn-container .btn,.wrap2 .item2 .btn-container .btn{padding:10px;font-size:13px;}.wrap2 .item2 .tip{left:50px;}.wrap2 .update{display:none;}.wrap3 h2{font-size:28px;}.wrap3 .faq-accordion{margin:30px auto 86px auto;padding:0;}.wrap3 .accordion-header{padding:32px 0;}.wrap3 .accordion-title{font-size:16px;}.wrap3 .content-inner{font-size:12px;}.wrap3 .arrow{width:20px;height:20px;}.wrap3 .active .accordion-header{padding:19px 0;}.wrap3 .active .accordion-content{padding-bottom:23px;}.wrap4{background:#0B63E5;}.wrap4 .wrap-content{flex-direction:column;}.wrap4 .wrap-left{width:100%;padding:42px 0 63px 0;}.wrap4 .wrap-right{padding-top:0;}.wrap4 .wrap-right img{width:344px;height:209px;}.wrap4 .wrap-tit{text-align:center;font-size:24px;}.wrap4 .wrap-desc{text-align:center;font-size:14px;}.wrap4 .btn-container{gap:17px;justify-content:center;}.wrap4 .btn-container .btn{font-size:12px;padding:10px 21px;}}@media (max-width:400px){.wrap4 .wrap-right img{width:318px;height:175px;}}