@keyframes bounce{0%{transform:translate(-50%, 0)}100%{transform:translate(-50%, 3px)}}html{font-family:Arial,Helvetica,sans-serif;font-size:100px;height:100%}body{overflow:hidden;height:100%}header{color:#c4c4c4;font-size:.18rem;height:.9rem;line-height:.9rem;z-index:10;position:fixed;width:100%;top:0}img{object-fit:contain}.mobile-only{display:none}.pc-only{display:block}.modal{background-color:rgba(0,0,0,0) !important;box-shadow:none !important;max-width:unset !important}.download-modal .tip2{position:absolute;top:-30%;left:75%;width:40%}.download-modal.modal{width:45% !important}.download-modal a.close-modal{display:none !important}.download{cursor:pointer}.download-link{cursor:pointer}.popup{position:relative;width:48%;max-width:unset !important;box-shadow:none !important;padding:0 !important;background:rgba(0,0,0,0) !important}.popup .container{width:100%;display:flex;flex-direction:column;align-items:center}.popup .container .content{width:100%}.popup .container .content img{object-fit:contain;width:100%}.popup .container .btn{width:42%;margin-top:.15rem;position:absolute;bottom:-6%}.popup .container .btn a{display:block;width:100%}.popup .container .btn img{width:100%;margin:auto;object-fit:contain}.popup.modal a.close-modal{background-image:url("../img/home/popup/close.png");height:.26rem;width:.26rem;top:0%;right:5%}.value5{position:absolute;left:3.4%;top:2.5%;width:1.6rem;z-index:1}.value5 img{object-fit:contain;width:100%}.value5 a{display:block;position:relative}.value5 .value5-frame1{animation:toggleFrame1 2s infinite}.value5 .value5-frame2{animation:toggleFrame2 2s infinite;position:absolute;top:0;left:0}@keyframes toggleFrame1{0%,49.99%{opacity:1}50%,100%{opacity:0}}@keyframes toggleFrame2{0%,49.99%{opacity:0}50%,100%{opacity:1}}.main{overflow-x:hidden;height:100%;width:100%}.main .top-bar{background-color:#181e38;height:.64rem;width:100%;padding:0 3%;position:fixed;top:0;left:0;z-index:999}.main .top-bar img{height:100%}.main .top-bar .row{display:flex;align-items:center;height:100%;width:96%;margin:0 auto;padding:0}.main .top-bar .icon{height:80%}.main .top-bar .download{height:60%;display:flex}.main .top-bar .download a{height:100%;margin:0 .1rem}.main .top-bar .text{height:60%;margin-left:2%}.main .swiper-container{width:100%;height:100%}.main .swiper-slide{height:calc(100% + 1px)}.main .section{width:100%;height:100%;margin-top:.64rem;display:block;position:relative;overflow:hidden}.main .section .background{position:absolute;top:0;left:0;background-size:cover !important;width:100%;height:100%}.main .section .background img{object-fit:cover}.main .section img{height:100%;margin:0 auto}.main .section .container{width:100%;height:calc(100% - .64rem);position:relative}.main .section .swiper-button-wrapper{display:flex;justify-content:space-between;position:absolute;width:100%;padding:0 1%;height:21%;top:50%;transform:translateY(-50%);z-index:1;pointer-events:none}.main .section .swiper-button-wrapper .swiper-button{pointer-events:all;cursor:pointer;height:100%;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.main .section .swiper-button-wrapper .swiper-button.swiper-button-left img{transform:rotateY(180deg)}.main .section.section1{position:relative;height:100%;width:100%}.main .section.section1 .background{height:100%;width:100%}.main .section.section1 .background video{position:absolute;top:0;left:0;object-fit:cover;object-position:center top;width:100%;height:100%}.main .section.section1 .age{position:absolute;width:11%;position:absolute;top:8%;left:4%}.main .section.section1 .age img{width:100%;height:auto}.main .section.section1 .title{position:absolute;bottom:17%;width:32%;user-select:none;pointer-events:none}.main .section.section1 .download{position:absolute;width:100%;bottom:7%;height:8.5%;display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center}.main .section.section1 .download .btn{height:100%;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center}.main .section.section1 .download .btn a{display:block;margin:0 1.5%;height:100%}.main .section.section1 .download .topup{position:relative}.main .section.section1 .download .topup .tip{position:absolute;top:76%;left:50%;width:120%;transform:translateX(-50%);animation:bounce 1s ease-in-out infinite alternate-reverse}.main .section.section1 .next{position:absolute;bottom:0;height:3%;width:auto;animation-duration:1.8s;animation-timing-function:ease;animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:next}@keyframes next{0%{opacity:1;bottom:20px}100%{opacity:0;bottom:-10px}}.main .section.section2 .background{background-position:center}.main .section.section2 .title{position:absolute;top:3%;height:12%}.main .section.section2 .content{position:absolute;display:flex;align-content:center;flex-wrap:wrap;justify-content:center;top:0;width:100%;height:100%}.main .section.section2 .content .hero-swiper{overflow:visible;position:relative;bottom:0;width:80%;height:16vw;margin:0 10%}.main .section.section2 .content .hero-swiper .swiper-slide{padding-top:2%;height:100%;pointer-events:none}.main .section.section2 .content .hero-swiper .swiper-slide img{height:auto;width:100%;pointer-events:all}.main .section.section2 .content .hero-swiper .swiper-slide .other{display:block}.main .section.section2 .content .hero-swiper .swiper-slide .active{opacity:0;display:none;transform:translateY(10%) scale(2.4)}.main .section.section2 .content .hero-swiper .swiper-slide .item{position:absolute;bottom:0;width:100%}.main .section.section2 .content .hero-swiper .swiper-slide.swiper-slide-active .other{display:none}.main .section.section2 .content .hero-swiper .swiper-slide.swiper-slide-active .swiper-slide-shadow-right,.main .section.section2 .content .hero-swiper .swiper-slide.swiper-slide-active .swiper-slide-shadow-left{background-image:none}.main .section.section2 .content .hero-swiper .swiper-slide.swiper-slide-active.show-char .active{display:block;transition:transform 180ms ease 180ms;opacity:1}.main .section.section2 .content .hero-swiper .swiper-slide .swiper-slide-shadow-right,.main .section.section2 .content .hero-swiper .swiper-slide .swiper-slide-shadow-left{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));border:1.2vw solid rgba(0,0,0,0);background-origin:padding-box;background-repeat:no-repeat;box-sizing:border-box;border-radius:15px}.main .section.section2 .hero-name{position:absolute;width:100%;height:14%;bottom:17%;z-index:10}.main .section.section2 .hero-name .icon{position:relative;width:100%;height:100%;display:flex}.main .section.section2 .hero-name .icon img{height:100%;opacity:0;position:absolute;left:50%;transform:translateX(-50%)}.main .section.section2 .hero-name .icon img.active{transition:all 180ms ease 180ms;opacity:1}.main .section.section2 .head{height:auto;width:100%;z-index:2;display:block;position:absolute;bottom:2%;left:50%;transform:translateX(-50%)}.main .section.section2 .head .head-swiper{width:36%}.main .section.section2 .head .head-swiper .swiper-slide{height:100%;display:flex;align-items:center}.main .section.section2 .head .head-swiper .swiper-slide img{width:auto;height:100%}.main .section.section2 .head .head-swiper .swiper-slide.swiper-slide-active .head-img{border-radius:50%;border:1px solid #d64d01}.main .section.section2 .head .swiper-button-wrapper{height:70%;width:48%;left:50%;transform:translate3d(-50%, -50%, 0)}.main .section.section3 .title{position:absolute;top:3%;height:12%}.main .section.section3 .content{position:absolute;top:23%;width:100%;display:flex;justify-content:center}.main .section.section3 .content .banner-swiper{position:relative;display:flex;align-items:center;overflow:hidden;width:70%;margin:0 auto}.main .section.section3 .content .banner-swiper .swiper-slide{width:80%;height:auto}.main .section.section3 .content .banner-swiper .swiper-slide img{height:auto;width:100%}.main .section.section3 .content .banner-swiper .swiper-slide .other{display:block}.main .section.section3 .content .banner-swiper .swiper-slide .active{display:none}.main .section.section3 .content .banner-swiper .swiper-slide.swiper-slide-active .other{display:none}.main .section.section3 .content .banner-swiper .swiper-slide.swiper-slide-active .active{display:block}.main .section.section3 .content .banner-swiper .swiper-slide .swiper-slide-shadow-right,.main .section.section3 .content .banner-swiper .swiper-slide .swiper-slide-shadow-left{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));border:1.2vw solid rgba(0,0,0,0);background-origin:padding-box;background-repeat:no-repeat;box-sizing:border-box;border-radius:15px}.main .section.section3 .download{position:absolute;right:0;top:50%;width:13%;transform:translateY(-50%)}.main .section.section3 .download img{height:auto;width:100%}.main .section.section3 .download .item{position:absolute;top:29%;width:100%;padding:0 13% 0 22%}.main .section.section3 .download .item .text{margin:2% 5% 6% 5%}.main .section.section3 .download .item .qr{margin-bottom:6%}.main .section.section3 .download .item .btn a{display:block;margin-top:1%}.footer{width:100%;background-color:#181e38;height:auto !important;font-size:.64vw;color:#fff}.footer .cp-info{display:flex;flex-direction:column;width:66%;margin:.3rem auto;justify-content:space-evenly;align-items:center;min-height:2.5vw;text-align:center;font-size:.14rem}.footer .cp-info .logo{height:1.3rem}.footer .cp-info div{padding:.05rem 0}.footer .cp-info .footer-icons{display:flex;align-items:center;height:1.2rem}.footer .cp-info .footer-icons img{height:100%}.footer .cp-info .footer-icons a{height:50%;margin:0 .1rem}.footer .cp-info .footer-icons .logo{height:100%;margin:0 .1rem}.footer .cp-info .links{display:flex;justify-content:center;align-items:center;height:.2rem;color:#adaeaf}.footer .cp-info a{list-style:none;display:inline-block;text-decoration:none;padding:0 .1rem}.footer .cp-info .divider{display:inline-block;border-left:1px solid #fff;height:100%}.footer .cp-info .red{color:red}.footer .cp-info span.line{color:#adaeaf;font-size:80%}@media only screen and (min-width: 4000px){html{font-size:200px}}/*# sourceMappingURL=home.css.map */