html,body{margin:0;padding:0;height:100%;font-family:microsoft yahei;font-size:20px;--color-1:#ffc900;--color-2:#fff;--color-3:#8678f9;--color-4:#000}.title-ali{font-family:shuhei-bold;font-style:italic}#app{height:100%;position:relative;overflow-x:hidden}h1,h2{margin:0;padding:0;font-family:shuhei-bold;position:relative;z-index:2}h1{font-size:80px}h2{font-size:50px}h1.title{background:url(../images/title1.png) no-repeat center;background-size:100% 100%;width:825px;height:75px}h2.title{background-size:100% 100%;background-repeat:no-repeat;background-position:center;margin:0 auto}h2.title.t-2{width:736px;height:55px;background-image:url(../images/title2.png)}h2.title.t-3{width:681px;height:55px;background-image:url(../images/title3.png)}h2.title.t-4{width:509px;height:54px;background-image:url(../images/title4.png)}.content{width:1204px;margin:0 auto;position:relative}.btn-list .button{margin-right:42px}.button{color:#fff;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--color-1);height:84px;width:274px;line-height:84px;border-radius:20px;display:inline-block;box-sizing:border-box;box-shadow:0 5px #e9b51d;font-size:24px;white-space:nowrap;text-align:center;letter-spacing:1px;position:relative}.button.btn-ios:before,.button.btn-android:before{background-image:url(../images/icon-android-apple.png);background-size:31px 62px;background-repeat:no-repeat;content:"";display:inline-block;width:31px;height:31px;line-height:84px;position:relative;top:4px;margin-right:5px}.button.btn-android:before{background-position:0 -31px;top:5px}.button:hover{filter:brightness(1.05)}.part{width:100%}.part h2{margin-bottom:50px}.part h2 span{color:var(--color-3)}.part .desc{margin-bottom:60px}.part .desc p{line-height:25px}.part.part-1{background:url(../images/bg-part-1.png) repeat-x;color:var(--color-2)}.part.part-1 .screen-0{display:flex;width:100%;height:100vh;align-items:center}.part.part-1 .widget-1{background:url(../images/widget-1.png) no-repeat top center;width:1915px;height:1290px;position:absolute;top:60px;left:50%;margin-left:-957.5px}.part.part-1 .widget-2{width:1920px;height:1153px;position:relative;margin-top:40px;left:50%;margin-left:-960px}.part.part-1 .widget-2>div{width:772px;height:527px;background-size:100% auto;background-repeat:no-repeat;position:absolute;opacity:1}.part.part-1 .widget-2 .widget-2-1{background-image:url(../images/widget-2-1.png);top:57px;left:116px;opacity:1}.part.part-1 .widget-2 .widget-2-2{background-image:url(../images/widget-2-3.png);top:35px;left:540px}.part.part-1 .widget-2 .widget-2-3{background-image:url(../images/widget-2-5.png);top:0;left:982px}.part.part-1 .widget-2 .widget-2-4{background-image:url(../images/widget-2-2.png);top:385px;left:-329px}.part.part-1 .widget-2 .widget-2-5{background-image:url(../images/widget-2-4.png);top:363px;left:95px}.part.part-1 .widget-2 .widget-2-6{background-image:url(../images/widget-2-6.png);top:328px;left:537px}.part.part-1 .widget-2 .widget-2-7{background-image:url(../images/widget-2-7.png);top:298px;left:972px}.part.part-1 .widget-2 .widget-2-8{background-image:url(../images/widget-2-8.png);top:625px;left:527px}.part.part-1 .desc{background:#5236d84d;font-size:26px;letter-spacing:2px;display:inline-block;padding:8px 30px;border-radius:32px;margin:40px 0 30px}.part.part-1 .spec-list{display:flex;gap:60px;margin-bottom:70px}.part.part-1 .spec-list .spec{height:58px;line-height:29px;position:relative;padding-left:20px;letter-spacing:2px;color:#ffffffed}.part.part-1 .spec-list .spec:before{content:"";position:absolute;width:8px;height:100%;top:0;left:0;border-radius:4px;background:var(--color-1)}.part.part-2{text-align:center;background:url(../images/bg-part-2.png) no-repeat top;background-size:100% 100%;padding-top:130px;padding-bottom:130px;margin-top:-200px;border-top-left-radius:150px;border-top-right-radius:150px}.part.part-2 .widget-3{position:relative;white-space:nowrap}.part.part-2 .widget-3 .ui{border-radius:40px;background-size:100%;display:inline-block;position:relative;box-shadow:21.855px 26.046px 87px #4237a859}.part.part-2 .widget-3 .widget-3-1{background:url(../images/widget-3-1.png) no-repeat center;width:318px;height:687px;top:-87px;right:-120px}.part.part-2 .widget-3 .widget-3-2{background:url(../images/widget-3-2.png) no-repeat center;width:318px;height:687px;top:-87px;left:-120px}.part.part-2 .widget-3 .widget-3-3{width:398px;height:861px;z-index:1;overflow:hidden}.part.part-2 .widget-3 .widget-4{position:absolute;width:100%;height:100%;top:0;left:0}@keyframes rollingCm{0%{transform:translateZ(0)}to{transform:translate3d(calc(-100vw - 600px),0,0)}}.part.part-2 .widget-3 .widget-4 .cm{position:absolute;background:url(../images/widget-4@2x.png);width:600px;height:86px;background-size:600px 602px;left:100vw;animation-name:rollingCm;animation-timing-function:linear;animation-iteration-count:infinite}.part.part-2 .widget-3 .widget-4 .cm.widget-4-1{background-position-y:0px;animation-duration:35s;animation-delay:0s}.part.part-2 .widget-3 .widget-4 .cm.widget-4-2{top:100px;background-position-y:-86px;animation-duration:40s;animation-delay:-30s}.part.part-2 .widget-3 .widget-4 .cm.widget-4-3{top:250px;background-position-y:-172px;animation-duration:26s;animation-delay:-15s}.part.part-2 .widget-3 .widget-4 .cm.widget-4-4{top:155px;background-position-y:-258px;animation-duration:45s;animation-delay:-45s}.part.part-2 .widget-3 .widget-4 .cm.widget-4-5{top:350px;background-position-y:-344px;animation-duration:27s;animation-delay:-10s}.part.part-2 .widget-3 .widget-4 .cm.widget-4-6{top:450px;background-position-y:-430px;animation-duration:56 s;animation-delay:-40s}.part.part-2 .widget-3 .widget-4 .cm.widget-4-7{top:550px;background-position-y:-516px;animation-duration:60s;animation-delay:-20s}.part.part-3{text-align:center;position:relative;z-index:1;background-color:#f4f3fe;padding-top:130px;padding-bottom:150px;margin-top:-100px;border-radius:150px}.part.part-3 .widget-5{background:url(../images/widget-5@2x.png) no-repeat center;background-size:100% 100%;width:382px;height:524px;position:relative;left:50%;margin-left:-191px}.part.part-3 .widget-6{margin-top:-38px;position:relative;background:url(../images/widget-6@2x.png) no-repeat top left;background-size:100% 100%;width:3083px;height:242px}.part.part-4{position:relative;background-color:#433f65;background-image:url(../images/bg-part-4.png);background-repeat:no-repeat;background-position:center 835px;padding-top:517px;padding-bottom:590px;margin-top:-400px}.part.part-4 .widget-7{display:flex;margin-bottom:60px}.part.part-4 .widget-7 .widget-7-monster-box{position:relative}.part.part-4 .widget-7 .widget-7-monster-box>div{background-repeat:no-repeat;background-size:100% 100%;background-position:center;position:absolute}.part.part-4 .widget-7 .widget-7-1{background-image:url(../images/widget-7-1.png);width:605px;height:423px;position:relative!important;top:0;left:-70px}.part.part-4 .widget-7 .widget-7-4{background-image:url(../images/widget-7-4.png);width:605px;height:423px;top:0;left:-70px}.part.part-4 .widget-7 .widget-7-2{background-image:url(../images/widget-7-2.png);width:212px;height:136px;top:-85px;left:-20px}.part.part-4 .widget-7 .widget-7-3{background-image:url(../images/widget-7-3.png);width:332px;height:283px;top:-5px;left:68px}.part.part-4 .widget-7 .widget-7-5{background-image:url(../images/widget-7-5.png);background-size:100% 100%;width:403px;height:82px;margin-bottom:40px}.part.part-4 .widget-7 .widget-7-6{background-image:url(../images/widget-7-6.png);background-size:100% 100%;width:635px;height:40px;margin-bottom:60px}.part.part-4 .widget-7 .btn-get-pro{display:none;width:332px;height:80px;border-width:2px;border-color:#928cd3;border-style:solid;border-radius:20px;background-color:#6b679f4d;color:#fff;text-align:center;line-height:80px;font-size:24px;letter-spacing:2px;cursor:pointer;-webkit-user-select:none;user-select:none}.part.part-4 .widget-7 .btn-get-pro:hover{filter:brightness(1.1)}.part.part-4 .widget-8 .cd{display:inline-block;width:528px;box-sizing:border-box;border:1px solid #fff;border-radius:25px;background-image:linear-gradient(90deg,#cda66b 2%,#ffe5b4 51%,#cfa76a 98%);background-image:-moz-linear-gradient(90deg,rgb(205,166,107) 2%,rgb(255,229,180) 51%,rgb(207,167,106) 98%);background-image:-webkit-linear-gradient(90deg,rgb(205,166,107) 2%,rgb(255,229,180) 51%,rgb(207,167,106) 98%);background-image:-ms-linear-gradient(90deg,rgb(205,166,107) 2%,rgb(255,229,180) 51%,rgb(207,167,106) 98%);box-shadow:0 10px 98px #56528078}.part.part-4 .widget-8 .cd .title{font-size:55px;font-family:shuhei-bold;color:#fff;opacity:.4;padding:20px}.part.part-4 .widget-8 .cd .func-list{border-radius:25px;letter-spacing:1px;margin:0;list-style:none;font-size:26px;padding:30px 25px;line-height:80px;color:#434958;font-weight:600;background-image:linear-gradient(90deg,#fff 2%,#ffe5b4,#fff);background-image:-moz-linear-gradient(90deg,rgb(255,255,255) 2%,rgb(255,229,180) 51%,rgb(255,255,255) 100%);background-image:-webkit-linear-gradient(90deg,rgb(255,255,255) 2%,rgb(255,229,180) 51%,rgb(255,255,255) 100%);background-image:-ms-linear-gradient(90deg,rgb(255,255,255) 2%,rgb(255,229,180) 51%,rgb(255,255,255) 100%)}.part.part-4 .widget-8 .cd .func-list li{position:relative;border-bottom:1px solid #ccc}.part.part-4 .widget-8 .cd .func-list li:last-child{border-bottom:none}.part.part-4 .widget-8 .cd .func-list li:after{content:"";position:absolute;right:40px;top:50%;transform:translateY(-50%);background:url(../images/check@2x.png) no-repeat top center;width:39px;height:28px;background-size:39px 56px}.part.part-4 .widget-8 .cd .func-list li.check:after{background-position-y:-28px}.part.part-4 .widget-8 .cd.pro{position:absolute;left:390px}.part.part-4 .widget-8 .cd.normal{transform:scale(.8);transform-origin:left center;background-image:linear-gradient(90deg,#9197cd 2%,#bbc5d9,#6b7ab0);background-image:-moz-linear-gradient(90deg,rgb(145,151,205) 2%,rgb(187,197,217) 51%,rgb(107,122,176) 100%);background-image:-webkit-linear-gradient(90deg,rgb(145,151,205) 2%,rgb(187,197,217) 51%,rgb(107,122,176) 100%);background-image:-ms-linear-gradient(90deg,rgb(145,151,205) 2%,rgb(187,197,217) 51%,rgb(107,122,176) 100%)}.part.part-4 .widget-8 .cd.normal .func-list{background-image:linear-gradient(90deg,#fff 2%,#bbc5d9,#fff);background-image:-moz-linear-gradient(90deg,rgb(255,255,255) 2%,rgb(187,197,217) 51%,rgb(255,255,255) 100%);background-image:-webkit-linear-gradient(90deg,rgb(255,255,255) 2%,rgb(187,197,217) 51%,rgb(255,255,255) 100%);background-image:-ms-linear-gradient(90deg,rgb(255,255,255) 2%,rgb(187,197,217) 51%,rgb(255,255,255) 100%)}.part.part-5{position:relative;margin-top:-400px;border-top-left-radius:150px;border-top-right-radius:150px;text-align:center;background:url(../images/bg-part-5.png) no-repeat top center;background-size:cover;padding-top:130px;padding-bottom:30px;min-height:100%}.part.part-5 .widget-9{background:url(../images/widget-9.png) no-repeat center top;background-size:100% auto;width:100%;height:400px;position:absolute;left:0;top:300px}.part.part-5 .widget-10{position:relative;padding-top:290px}.part.part-5 .widget-10 .ui{position:absolute;background-size:100% 100%;background-repeat:no-repeat;background-position:center}.part.part-5 .widget-10 .ui-1{top:0;left:15px;background-image:url(../images/widget-10-1@2x.png);height:479px;width:440px}.part.part-5 .widget-10 .ui-2{top:0;left:479px;background-image:url(../images/widget-10-2@2x.png);height:150px;width:286px}.part.part-5 .widget-10 .ui-3{top:178px;left:479px;background-image:url(../images/widget-10-3@2x.png);height:311px;width:286px}.part.part-5 .widget-10 .ui-4{right:15px;top:0;background-image:url(../images/widget-10-4@2x.png);height:479px;width:400px}.part.part-5 .widget-10 .widget-10-5{background:url(../images/widget-10-5.png) no-repeat center;background-size:cover;width:1050px;height:462px;position:relative;margin:0 auto 75px}.part.part-5 .copyright{color:#fffc;font-size:14px;margin-top:80px;text-shadow:0px 0px 3px rgba(66,55,168,.85)}@media screen and (max-width: 768px){html,body{font-size:3.3vw}h1{font-size:8vw}h2{font-size:5.4vw;letter-spacing:.15vw}h1.title{width:82.5vw;height:7.5vw}h2.title.t-2{width:73.6vw;height:5.5vw}h2.title.t-3{width:68.1vw;height:5.5vw}h2.title.t-4{width:50.9vw;height:5.4vw}.content{width:100%;padding:3vw;box-sizing:border-box}.btn-list .button{margin-right:2vw}.button{height:9vw;width:30vw;line-height:9vw;border-radius:2.5vw;box-shadow:0 1.3vw #e9b51d;font-size:1em;font-weight:700;letter-spacing:0}.button.btn-ios:before,.button.btn-android:before{background-size:4.2vw 8.4vw;width:4.2vw;height:4.2vw;line-height:4.2vw;top:.7vw;margin-right:.8vw}.button.btn-android:before{background-position:0 -4.2vw;top:.7vw}.part h2,.part .desc{margin-bottom:10vw}.part .desc p{line-height:1.5em}.part.part-1{position:relative;overflow:hidden}.part.part-1 .screen-0{display:block;padding-top:8vh}.part.part-1 .widget-1{width:100%;height:100vw;background-size:140% auto;top:18vh;left:0vw;margin-left:0}.part.part-1 .widget-2{width:100%;height:0;position:absolute;top:auto;bottom:0;margin-top:0;left:0;margin-left:0}.part.part-1 .widget-2>div{width:77.2vw;height:52.7vw;top:auto!important}.part.part-1 .widget-2 .widget-2-1{bottom:50vw;left:-10vw}.part.part-1 .widget-2 .widget-2-2{bottom:50vw;left:28vw}.part.part-1 .widget-2 .widget-2-3{bottom:50vw;left:66vw}.part.part-1 .widget-2 .widget-2-4{bottom:17vw;left:-54.9vw}.part.part-1 .widget-2 .widget-2-5{bottom:17vw;left:-17.5vw}.part.part-1 .widget-2 .widget-2-6{bottom:17vw;left:21vw}.part.part-1 .widget-2 .widget-2-7{bottom:17vw;left:59vw}.part.part-1 .widget-2 .widget-2-8{bottom:-16vw;left:14vw}.part.part-1 .desc{font-size:1.1em;letter-spacing:.2vw;padding:.3em .8em;border-radius:1.1em;margin-top:4vw;margin-bottom:4vw}.part.part-1 .spec-list{display:block;margin-bottom:7vw}.part.part-1 .spec-list .spec{height:auto;padding-left:3vw;line-height:1.3em;letter-spacing:.4vw;margin:3vw 0}.part.part-1 .spec-list .spec:before{content:"";width:1vw;border-radius:.5vw}.part.part-1 .spec-list .spec br{display:none}.part.part-2{padding-top:15vw;padding-bottom:15vw;margin-top:-50vw;border-top-left-radius:8vw;border-top-right-radius:8vw}.part.part-2 .widget-3{position:relative;font-size:0}.part.part-2 .widget-3 .ui{border-radius:4vw;background-size:100%;display:inline-block;position:relative;box-shadow:2.1855vw 2.6046vw 8.7vw #4237a859}.part.part-2 .widget-3 .widget-3-1{width:31.8vw;height:68.7vw;top:-8.7vw;right:-15vw;margin-left:-1.5vw}.part.part-2 .widget-3 .widget-3-2{width:31.8vw;height:68.7vw;top:-8.7vw;left:-15vw}.part.part-2 .widget-3 .widget-3-3{width:39.8vw;height:86.1vw}@keyframes rollingCm{0%{transform:translateZ(0)}to{transform:translate3d(-160vw,0,0)}}.part.part-2 .widget-3 .widget-4 .cm{width:60vw;height:8.6vw;background-size:60vw 60.2vw;left:100vw}.part.part-2 .widget-3 .widget-4 .cm.widget-4-1{background-position-y:0;animation-duration:16s}.part.part-2 .widget-3 .widget-4 .cm.widget-4-2{top:10vw;background-position-y:-8.6vw;animation-duration:20s}.part.part-2 .widget-3 .widget-4 .cm.widget-4-3{top:25vw;background-position-y:-17.2vw;animation-duration:13s}.part.part-2 .widget-3 .widget-4 .cm.widget-4-4{top:15.5vw;background-position-y:-25.8vw;animation-duration:22s}.part.part-2 .widget-3 .widget-4 .cm.widget-4-5{top:35vw;background-position-y:-34.4vw;animation-duration:14s}.part.part-2 .widget-3 .widget-4 .cm.widget-4-6{top:45vw;background-position-y:-43vw;animation-duration:23s}.part.part-2 .widget-3 .widget-4 .cm.widget-4-7{top:55vw;background-position-y:-51.6vw;animation-duration:30s}.part.part-3{padding-top:15vw;padding-bottom:10vw;margin-top:-20vw;border-radius:8vw}.part.part-3 .desc{margin-bottom:0vw}.part.part-3 .widget-5{width:38.2vw;height:52.4vw;margin-left:-19.1vw;margin-top:-5vw}.part.part-3 .widget-6{margin-top:0;will-change:transform;width:462.45vw;height:36.3vw}.part.part-4{background-image:url(../images/bg-part-4-m.png);background-position:top 112vw center;background-size:100% auto;padding-top:80vw;padding-bottom:50vw;margin-top:-80vw}.part.part-4 .widget-7{flex-flow:wrap;justify-content:center;gap:5vw;margin-bottom:10vw}.part.part-4 .widget-7 .widget-7-monster-box{position:relative}.part.part-4 .widget-7 .widget-7-content{display:flex;flex-direction:column;align-items:center}.part.part-4 .widget-7 .widget-7-1,.part.part-4 .widget-7 .widget-7-4{width:60.5vw;height:42.3vw;left:0}.part.part-4 .widget-7 .widget-7-2{width:21.2vw;height:13.6vw;top:-5.5vw;left:5vw}.part.part-4 .widget-7 .widget-7-3{width:33.2vw;height:28.3vw;top:-.5vw;left:11.8vw}.part.part-4 .widget-7 .widget-7-5{width:40.3vw;height:8.2vw;margin-bottom:5vw}.part.part-4 .widget-7 .widget-7-6{width:63.5vw;height:4vw;margin-bottom:8vw}.part.part-4 .widget-7 .btn-get-pro{width:auto;height:12vw;line-height:12vw;font-size:1.1em;padding:0 8vw;border-radius:3vw;letter-spacing:.3vw;font-weight:600}.part.part-4 .widget-8 .cd{width:52.8vw;box-sizing:border-box;border:1px solid #fff;border-radius:2.5vw}.part.part-4 .widget-8 .cd .title{font-size:22px;padding:2vw 5vw}.part.part-4 .widget-8 .cd .func-list{border-radius:2.5vw;font-size:1.1em;padding:2.5vw 4.8vw;line-height:9vw}.part.part-4 .widget-8 .cd .func-list li:after{right:0vw;width:3.9vw;height:2.8vw;background-size:3.9vw 5.6vw}.part.part-4 .widget-8 .cd .func-list li.check:after{background-position-y:-2.8vw}.part.part-4 .widget-8 .cd.pro{left:44.5vw}.part.part-5{margin-top:-50vw;border-top-left-radius:8vw;border-top-right-radius:8vw;padding-top:15vw;padding-bottom:1vw}.part.part-5 .widget-9{height:40vw;top:10vw}.part.part-5 .widget-10{padding-top:15vw}.part.part-5 .widget-10 .ui-1{top:0;left:0;height:38.2859680284vw;width:35.1687388988vw}.part.part-5 .widget-10 .ui-2{left:37.1687388988vw;height:11.9893428064vw;width:22.8596802842vw}.part.part-5 .widget-10 .ui-3{top:13.9893428064vw;left:37.1687388988vw;height:24.8579040853vw;width:22.8596802842vw}.part.part-5 .widget-10 .ui-4{right:0;top:0;height:38.2859680284vw;width:31.9715808171vw}.part.part-5 .widget-10 .widget-10-5{background-size:contain;width:100%;height:41.8vw;position:relative;margin:0 auto 20vw}.part.part-5 .copyright{color:#fffc;font-size:.9em;margin-top:8vw;text-shadow:0px 0px 3px rgba(66,55,168,.85)}}