@media screen and (max-height:9.6rem){.right-bottom{transform:scale(.6)!important;transform-origin:right top!important}.scene-pagination{transform:scale(.9)!important;transform-origin:left top!important}}.page-1 .exclusive_title{background-image:url(../img/exclusive_title_bg.png);background-size:1.76rem .44rem}.page-1 .subscribe-wrap{display:flex;flex-direction:column;align-items:flex-end;cursor:pointer;margin-bottom:.08rem;visibility:hidden}.page-1 .life{background-image:url(../img/life_box_bg.png);background-size:1.76rem .44rem;width:1.76rem;height:.44rem}.page-1 .component{background-image:url(../img/component_box_bg.png);background-size:1.76rem .44rem;width:1.76rem;height:.44rem}.page-1 .compass{background-image:url(../img/compass_box_bg.png);background-size:1.76rem .44rem;width:1.76rem;height:.44rem}.page-1 .gold{background-image:url(../img/gold_bg.png);background-size:1.76rem .44rem;width:1.76rem;height:.44rem}.page-1 .point-station{cursor:pointer;font-family:fzltjht;font-size:.12rem;color:#fff;border:.01rem solid #fff;display:flex;align-items:center;padding-left:.2rem;width:.93rem;height:.21rem;margin-top:.11rem;transition:all .4s;visibility:hidden}.page-1 .point-station img{margin-left:.11rem}.page-1 .point-station:hover{background-color:#3960e9;border-color:#3960e9}.page-2 .screen-container{display:flex}.character-live{pointer-events:none;position:absolute;top:0;left:0;z-index:9;width:100%;height:100%;transition:all .4s}.character-live .character-live-bg{position:absolute;top:0;z-index:1;display:none;width:100vw;height:100vh;object-fit:cover}.character-live .character-live-front-bg{position:absolute;display:none;z-index:10}.page-2 .front-bg{position:absolute;bottom:0;right:0;transition:all .5s;z-index:10;display:none}#scene{height:100%;z-index:4}#scene .layer1,#scene .layer2{width:100%;height:100%}.page-2 .summary{z-index:11;display:none}.page-common .page-2-elm{display:none}.page-2 .music-icon{display:none;z-index:11;position:absolute;width:1.01rem;height:.24rem;left:9.12rem;top:2.95rem;cursor:pointer}.page-2 .status{z-index:11;position:absolute;left:8.28rem;top:3.19rem;width:1.88rem;background-image:url(../img/character_active_status_bg.png);background-size:1.88rem .22rem;display:flex;align-items:center;justify-content:center;display:none;text-align:center}.page-2 .status .cv{font-family:xuanRen;font-size:.15rem;height:.14rem;line-height:.17rem;margin-right:.1rem}.page-2 .status .value{font-family:ziHun;font-size:.15rem}.character-live .character-big{position:absolute;z-index:9}.page-2 .character-icon{position:absolute}.character-summary{position:absolute}.page-2 .character-name{position:absolute;left:300px;width:601px;height:381px}.page-2 .btn-view{position:absolute;z-index:19;left:75px;bottom:480px;width:114px;height:43px;background-image:url(../img/btn_view_detail.png);background-size:100% 100%;animation:scaleBtn 1.5s alternate infinite ease-in}@keyframes scaleBtn{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}.page-2 .character-swiper{width:100%;overflow:hidden;margin-left:601px}.character-mask .mySwiper{width:13.19rem}.page-2 .guide-bottom{z-index:19}.page-2 .character-active canvas{position:absolute;left:0;top:0;z-index:333}.page-2 .character{width:100%;height:100%;object-fit:cover}.page-2 .character-swiper .character-wrap .character-icon-slide{position:absolute;top:86px;left:50%;transform:translateX(-50%);z-index:1}.page-2 .character-swiper .character-wrap{position:relative;height:100%}.page-2 .character-swiper .character-wrap .character{transition:transform .4s}.page-2 .character-swiper .character-wrap.active .character{transform:scale(1.2)}.page-3 .module-features .features-swiper{width:11.33rem;overflow:hidden}.page-3 .features-swiper .scene-backdrop{cursor:pointer}.page-3 .screen-container{background-image:url(../img/page3_bg.png);background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;font-family:zihun}.page-3 .screen-container .top-left-badge{width:3.12rem;height:1.28rem;position:absolute;z-index:123;top:-.69rem;left:-.02rem}.page-3 .swiper-pagination{display:flex;justify-content:flex-end;width:11.33rem;position:absolute;top:7.06rem;left:0;align-items:center;height:.13rem;color:#fff;padding-right:.29rem;z-index:1}.page-3 .swiper-pagination .current,.page-3 .swiper-pagination .total{height:.19rem;font-size:.23rem;font-family:zihun;font-weight:400;color:#fff;line-height:.09rem}.page-3 .swiper-pagination .split{margin-left:.07rem;margin-right:.09rem}.page-3 .swiper-pagination-bullet{background:0 0;border:.02rem solid #fff;height:.08rem;width:.08rem;margin-right:.09rem}.page-3 .swiper-pagination-bullet-active{background:#fff;height:.13rem;width:.13rem}.page-3 .news-tabbar{position:relative;margin-bottom:.4rem;margin-left:.78rem}.page-3 .news-tabbar-list{display:flex;position:relative;margin-bottom:.3rem;padding-bottom:.08rem;border-bottom:.01rem solid rgba(255,255,255,.35)}.page-3 .news-tabbar-list li{display:flex;justify-content:center;align-items:center;position:relative;height:100%;font-size:.18rem;color:#fff;transition:all .4s;cursor:pointer}.page-3 .news-tabbar-list li:not(:first-of-type){margin-left:.75rem}.page-3 .news-tabbar-list li.active{pointer-events:none;color:#335cf2}.page-3 .news-content{width:6.15rem;display:flex;flex-wrap:wrap;position:relative;cursor:pointer;transform:translateX(-.34rem)}.page-3 .news-content-swiper .swiper-slide{height:2.17rem;display:flex;justify-content:center}.page-3 .news-content .news-content-pagination{display:flex;align-items:center}.page-3 .news-content-swiper .swiper-slide-active{position:relative}.page-3 .news-content-swiper .swiper-slide-active::after{position:absolute;content:'';width:.01rem;height:10rem;background-color:rgba(255,255,255,.35);top:0;right:0}.page-3 .img-wrap{width:2.39rem;height:1.35rem;transition:transform .4s}.page-3 .img-wrap:hover{transform:scale(1.1)}.page-3 img{width:100%;height:100%}.page-3 .content-item{margin-bottom:.29rem;width:2.39rem}.page-3 .date{margin-top:.14rem;font-size:.05rem;font-family:FZLTXIHJW;font-weight:400;color:#abb3c3}.page-3 .title{font-size:.16rem;font-family:zihun;font-weight:400;color:#fff;margin-top:.13rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.page-3 .content{margin-top:.06rem;font-size:.06rem;font-family:FZLTXIHJW;font-weight:400;color:#fff;line-height:.11rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.page-3 .right-bottom{width:3.79rem;height:2.57rem;position:absolute;top:5.7rem;right:-.4rem;transform-origin:bottom right;pointer-events:none}.page-3 .news-content-swiper .swiper-slide{margin-bottom:.29rem}.page-4 .screen-container{background-image:url(../img/page4_bg.png);background-size:cover}.page-4 .swiper{width:100%;margin-top:.58rem}.page-4 .swiper .swiper-slide{display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;padding:.4rem}.page-4 .swiper .swiper-slide img{height:6.1rem;object-fit:contain}.page-4 .title{position:absolute;top:1.12rem;left:.56rem;z-index:3}.page-4 .title .slogan img{margin-right:.18rem;object-fit:contain}.page-4 .title .Crystal{position:absolute;left:.23rem;bottom:-.06rem;z-index:1;font-family:xuanRen;font-weight:400;color:rgba(227,229,232,.8);line-height:.2rem;font-size:.12rem;letter-spacing:.04rem;text-transform:uppercase;transform:scale(.58)}.page-4 .right{position:absolute;top:1.1rem;right:.41rem;z-index:3;display:flex;align-items:flex-end}.page-4 .right .text{font-size:.69rem;font-family:zihun;font-weight:400;color:#fff}.page-4 .right .symbol-1,.page-4 .right .symbol-2{font-size:.25rem;font-family:zihun2;font-weight:400;color:#fff}.page-4 .right .symbol-2{transform:rotate(180deg)}.page-4 .pagination-number{display:flex;height:1.87rem;align-items:flex-end;font-family:zihun;position:absolute;bottom:.65rem;right:0;z-index:3}.page-4 .pagination-number .current{line-height:1.87rem;font-size:2.19rem;color:#335cf2}.page-4 .pagination-number .divide{line-height:1.87rem;font-size:2.19rem;color:#335cf2}.page-4 .pagination-number .total{line-height:.57rem;font-size:.68rem;color:#335cf2;transform:translateX(-100%)}.page-4 .swiper-pagination{display:flex;position:absolute;top:8.95rem;left:4.79rem;align-items:center;height:.14rem}.page-4 .swiper-pagination-bullet{background:0 0;border:.02rem solid #fff;height:.08rem;width:.08rem;margin-right:.09rem}.page-4 .swiper-pagination-bullet-active{background:#fff;height:.14rem;width:.14rem}.page-3 .swiper-pagination-prev{position:absolute;top:7rem;z-index:2;width:.08rem;height:.16rem;background-image:url(../img/common_arrow.png);pointer-events:auto;cursor:pointer;transform:rotate(180deg);right:1.03rem}.page-3 .swiper-pagination-next{position:absolute;top:7rem;z-index:2;width:.08rem;height:.16rem;background-image:url(../img/common_arrow.png);pointer-events:auto;cursor:pointer;right:0}.page-3 .news-content-pagination-prev{position:absolute;bottom:0;z-index:33;width:.08rem;height:.16rem;background-image:url(../img/common_arrow.png);pointer-events:auto;cursor:pointer;transform:rotate(180deg);left:0}.page-3 .news-content-pagination-next{position:absolute;left:.4rem;z-index:32;width:.08rem;height:.16rem;background-image:url(../img/common_arrow.png);pointer-events:auto;cursor:pointer;bottom:0}.page-4 .pagination-prev{position:absolute;top:50%;transform:translateX(-50%);margin-top:-2.75rem;left:3.75rem;z-index:2;width:.59rem;height:6.11rem;background:no-repeat center/contain;background-image:url(../img/feature_arrow_left.png);pointer-events:auto;cursor:pointer;transition:all .5s}.page-4 .pagination-prev:hover{background-image:url(../img/feature_arrow_left_hover.png)}.page-4 .pagination-next{position:absolute;top:50%;transform:translateX(-50%);margin-top:-2.75rem;left:15.23rem;z-index:2;width:.59rem;height:6.11rem;background:no-repeat center/contain;background-image:url(../img/feature_arrow_right.png);pointer-events:auto;cursor:pointer;transition:all .5s}.page-4 .pagination-next:hover{background-image:url(../img/feature_arrow_right_hover.png)}.page-4 .mask{position:absolute;left:4.4rem;top:1.35rem;z-index:3}.popup-character{z-index:1;display:none;position:absolute;top:0;left:0;width:100%;height:100%}.character-detail-container{width:100%;height:100%;background-size:100% 100%;display:none;transition:all .4s;position:absolute;left:0;z-index:8}.page-2 .character-swiper-container{position:absolute;left:.52rem;top:50%;transform:translateY(-50%);margin-top:.6rem;display:flex;flex-direction:column;align-items:flex-end;visibility:hidden;z-index:11}.page-2 .character-swiper-container .mySwiper{height:3.58rem;width:.71rem;overflow:hidden}.page-2 .character-swiper-container .mySwiper .swiper-slide{display:flex;justify-content:flex-end;height:auto!important}.page-2 .character-swiper-container .mySwiper .swiper-slide .inactive{width:.53rem;height:.53rem;display:block}.page-2 .character-swiper-container .mySwiper .swiper-slide .active{display:none}.page-2 .character-swiper-container .mySwiper .swiper-slide-active .active{width:.7rem;height:.71rem;display:block}.page-2 .character-swiper-container .mySwiper .swiper-slide-active .inactive{display:none}.page-2 .character-button-prev{margin-bottom:.24rem;margin-right:.15rem;cursor:pointer}.page-2 .character-button-next{margin-top:.24rem;margin-right:.15rem;cursor:pointer}.character-live .close{position:absolute;left:.7rem;top:1.62rem;cursor:pointer;z-index:11;display:none;animation:classesArrowRight 2s linear infinite}.page-2 .name{position:absolute;display:none;z-index:2}.half-opacity-bottom{width:.54rem;height:.6rem;position:absolute;background:linear-gradient(to bottom,#121212,rgba(18,18,18,.9),rgba(18,18,18,.6),rgba(18,18,18,.4));z-index:2;bottom:.34rem;right:0;transform:rotate(180deg)}.half-opacity-top{width:.54rem;height:.6rem;position:absolute;background:linear-gradient(to bottom,#121212,rgba(18,18,18,.9),rgba(18,18,18,.6),rgba(18,18,18,.4));z-index:2;top:.34rem;right:0}.character-live .slogan{width:5.64rem;height:1.29rem;background-image:url(../img/character_active_slogan_bg_big.png);background-size:5.64rem 1.29rem;position:absolute;left:1.3rem;bottom:1.08rem;padding-left:.15rem;padding-top:.1rem;display:none;z-index:11}.character-live .slogan img:last-of-type{margin-top:.37rem}.character-live .slogan::after{position:absolute;content:'';top:.56rem;left:.15rem;width:4.06rem;height:.01rem;background-image:url(../img/character_active_slogan_divider_big.png);background-size:4.06rem .01rem}.character-mask{position:absolute;top:0;left:6.01rem;right:0;bottom:0;z-index:8;display:flex}.character-mask-screen{display:none;z-index:11}.character-mask .character-item{position:relative;width:2.69rem;height:100%;z-index:3}.character-mask .character-item.active .btn{opacity:1;cursor:pointer;pointer-events:auto}.character-mask .character-item .btn{position:absolute;left:50%;top:5.56rem;transform:translateX(-50%);width:1.65rem;height:.44rem;line-height:.44rem;text-align:center;background-image:url(../img/character_btn.png);font-size:.16rem;font-family:zihun;font-weight:400;color:#e3e5e7;opacity:0;pointer-events:none;transition:opacity .4s}.character-mask-screen .pagination-prev{position:absolute;top:50%;left:6.32rem;z-index:2;width:.12rem;height:.23rem;background-image:url(../img/common_arrow.png);transform:translateY(-50%) scaleX(-1);pointer-events:auto;cursor:pointer;transition:all .4s}.character-mask-screen .pagination-prev:hover{transform:translateY(-50%) scaleX(-1) scale(1.4)}.character-mask-screen .pagination-next.swiper-button-disabled,.character-mask-screen .pagination-prev.swiper-button-disabled{opacity:.5;pointer-events:none}.page-2 .pagination-next{position:absolute;top:50%;transform:translateY(-50%);z-index:9;right:.43rem;width:.22rem;height:.46rem;background-image:url(../img/common_arrow.png);pointer-events:auto;cursor:pointer;transition:all .4s;animation:classesArrowRight 2s linear infinite}.character-bg{width:601px;height:100vh;object-fit:cover}.character-swiper .swiper-slide{width:269px}.character-move-1{transform:translate(6.57rem,-29px)}.character-move-2{transform:translate(9.11rem,0)}.character-move-3{transform:translate(9.66rem,-266px)}.character-move-4{transform:translate(2.96rem,-480px)}.character-move-5{transform:translate(3.83rem,-459px)}.character-move-6{transform:translate(6.57rem,-709px)}.character-move-7{transform:translate(6.57rem,-29px)}.character-move-8{transform:translate(6.57rem,-29px)}.character-move-9{transform:translate(6.57rem,-29px)}.character-move-10{transform:translate(6.57rem,-29px)}.character-move-11{transform:translate(6.57rem,-29px)}.character-move-12{transform:translate(6.57rem,-29px)}.character-move-13{transform:translate(6.57rem,-29px)}.glitchArt-video{width:100vw;height:100vh;object-fit:cover;position:absolute;top:0;left:0;z-index:2;display:none}