body{font-family:Microsoft YaHei,PingFang SC,PingFang SC Regular,Segoe UI,Roboto,Arial,sans-serif;margin:0;padding:0}.container{position:relative}.head{background-color:transparent;position:fixed;top:0;width:100%;padding:10px 120px;box-sizing:border-box;z-index:1000}.head .navbox{display:flex}.head .navbox .logo{width:200px}.head .navbox .nav{flex-grow:1;display:flex;justify-content:flex-end;float:right;column-gap:40px;align-items:center}.head .navbox .nav .nav-item a{color:#fff;text-decoration:none}.head .navbox .nav .nav-item a:hover{color:#fff;text-decoration:underline}.navdownbtn{width:120px !important;height:40px !important;font-size:16px !important;border-radius:6px !important}.navdownbtn svg{width:20px !important;height:20px !important}.navdownbtn:hover{color:#fff;text-decoration:none !important}.top{height:100vh;width:100%;background-image:url(../V3/images/itop-bg.jpg);background-size:cover;background-position:center;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.top .title{font-size:60px;font-weight:700;background:linear-gradient(90deg,#048dec,#e902f9,#048dec,#e902f9,#048dec);background-size:500% 100%;background-position:0% 0%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientFlow 8s linear infinite}@keyframes gradientFlow{0%{background-position:100% 0%}100%{background-position:0% 0%}}@keyframes flameFlicker{0%{text-shadow:0 0 5px #f60,0 0 10px #f30,0 0 20px #f00}25%{text-shadow:0 0 6px #f90,0 0 12px #f30,0 0 24px #f00}50%{text-shadow:0 0 5px #f60,0 0 15px #f30,0 0 20px #c00}75%{text-shadow:0 0 4px #f60,0 0 10px #f00,0 0 18px #900}100%{text-shadow:0 0 6px #f90,0 0 14px #f30,0 0 25px #f00}}.top .description{font-size:18px;color:#fff;margin-top:40px;text-align:center;line-height:35px;box-sizing:border-box;padding:0 20px;text-shadow:0 0 5px #f60,0 0 10px #f30,0 0 20px #f00;animation:flameFlicker 1.2s infinite alternate}.download-btns{display:flex;justify-content:center;align-items:center;margin-top:60px;column-gap:30px}.btn{align-items:center;background-color:#f1f5f9;border-radius:8px;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(#000,0 0 #000);display:inline-flex;gap:.375rem;height:2rem;justify-content:center;padding-left:.75rem;padding-right:.75rem;white-space:nowrap;width:280px;height:76px;text-decoration-line:none;font-size:20px}.btn svg{width:25px;height:25px}.btn.primary{background:linear-gradient(to bottom,#4787ff 0%,#1567ff 100%);color:#fff}.btn.primary:hover{background:linear-gradient(to bottom,#4787ff 0%,#3b82f6 100%);color:#fff}.btn.gray{background:linear-gradient(to bottom,#fff 0%,#f3f7ff 100%);color:#fff}.btn.gray:hover{background:linear-gradient(to bottom,#fff 0%,#caccd1 100%);color:#fff}.version{margin-top:35px;text-align:center;color:#fff;font-size:14px;text-decoration:none;line-height:25px}.version a{margin-left:10px;color:#f00;text-decoration:none;font-weight:700}.version a:hover{color:#f00;text-decoration:underline}.funs{width:100%;height:130px;background-color:rgba(255,255,255,.16);display:flex;justify-content:center;align-items:center;position:absolute;bottom:0}.funs-box{margin:0 auto;width:1200px;display:flex;justify-content:center;align-items:center;height:100%}.funs .fun-item{width:24.9%;height:100%;display:flex;align-items:center;justify-content:center;column-gap:20px}.funs .fun-split{width:1px;height:80px;background-color:rgba(255,255,255,.36)}.item-text{color:#fff;display:flex;flex-direction:column;row-gap:10px}.item-text .f-title{font-size:18px;font-weight:700}.item-text .des{font-size:16px}.page2{display:flex;flex-direction:column;align-items:center;justify-content:center}.page2 .title-box{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.page2-title{font-size:36px;color:#000;font-weight:700;margin-top:50px;padding:0 20px;text-align:center}.page2-des{color:#858da6;font-size:18px;margin-top:30px;padding:0 20px}.page2 .page2-funsbox{display:flex;gap:16px;max-width:1200px;box-sizing:border-box;margin-top:60px;flex-wrap:wrap;justify-content:space-between;padding:0 20px}.page2-funsbox .fun-item{width:130px;height:158px;background-color:#eff2f6;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:30px;float:left}.page2-btns{margin:50px 0}.page3{width:100%;background-color:rgba(21,103,255,.06);position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 0;box-sizing:border-box}.page3 .title-box{width:1200px;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:21px}.page3 .title-box .page3-title{font-size:32px;font-weight:700}.page3 .title-box .page3-des{font-size:16px;color:#858da6}.page3-funsbox{display:flex;padding:0 20px;max-width:1200px;justify-content:center;margin-top:50px;flex-wrap:wrap;gap:20px}.page3-funsbox .fun-item img{width:360px;float:left}.page3-funsbox .fun-item{display:flex;flex-direction:column;align-items:center;justify-content:center}.page3-funsbox .fun-item span{margin-top:30px;font-size:24px;font-weight:700}.page3-funsbox .fun-item p{color:#858da6;font-size:16px}.page4{width:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 0;box-sizing:border-box}.page4 .title-box{display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:21px}.page4 .title-box .page4-title{font-size:32px;font-weight:700}.page4 .title-box .page4-des{font-size:16px;color:#858da6}.page4 .page4-funsbox{display:flex;column-gap:20px;justify-content:space-between;margin-top:40px}.page4 .page4-funsbox .fun-items{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);justify-content:space-between;align-items:center;align-content:space-evenly;padding:20px 0;box-sizing:border-box;column-gap:50px}.page4 .page4-funsbox .fun-items .item{display:flex;align-items:center}.page5{width:100%;background-image:url(../V3/images/page5-bg.jpg);position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 0;box-sizing:border-box}.page5 .title-box{display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:21px}.page5 .title-box .page5-title{font-size:32px;font-weight:700;color:#fff}.page5 .title-box .page5-des{font-size:16px;color:#fff}.page5 .page5-funsbox{display:flex;width:1440px;justify-content:space-between;height:400px;border:1px solid rgba(255,255,255,.4);border-radius:12px;background-color:rgba(255,255,255,.05);margin-top:40px}.page5 .page5-funsbox .fun-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:33%;padding:40px}.page5 .page5-funsbox .fun-item span{color:#fff;font-size:24px;font-weight:700;margin-top:40px;box-sizing:border-box}.page5 .page5-funsbox .fun-item p{color:#fff;font-size:14px;line-height:25px}.page5 .page5-funsbox .fun-item .link{color:rgba(255,255,255,.7);font-size:14px}.page6{width:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 0;box-sizing:border-box}.page6 .title-box{width:1200px;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:21px}.page6 .title-box .page6-title{font-size:32px;font-weight:700}.page6 .title-box .page6-des{font-size:16px;color:#858da6}.page6 .page6-funsbox{display:flex;column-gap:5px;width:1440px;margin-top:40px}.page6 .page6-funsbox .fun-item{position:relative}.page6 .page6-funsbox .fun-item span{color:#fff;font-size:24px;font-weight:700;position:absolute;bottom:70px;left:0;padding:0 20px}.page6 .page6-funsbox .fun-item p{color:#fff;font-size:14px;position:absolute;bottom:5px;left:0;padding:0 20px;line-height:23px}.page6 .page6-funsbox .fun-item .itemtitle{color:#fff;font-size:24px;font-weight:700;position:absolute;bottom:20px;width:100%;text-align:center}.bottom{width:100%;height:84px;background-color:#2d3138;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-size:14px;gap:10px}.bottom .flink{color:#fff;text-decoration:none;display:flex;column-gap:10px}.bottom a{color:#fff;text-decoration:none}.bottom a:hover{color:#fff;text-decoration:underline}.copyright{display:flex;gap:10px}@media(max-width:1440px){.page5,.page6{display:none}}@media(max-height:680px){.top .funs{display:none}}@media(max-width:1200px){.page4-funsbox .funimg{display:none}}@media(max-width:1000px){.head .navbox .nav,.description{display:none}.navbox{justify-content:center}}@media(max-width:640px){.download-btns{flex-direction:column;row-gap:20px}}