@charset "utf-8";html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0}html,body,fieldset,img,iframe,abbr{border:0}li{list-style:none}textarea{overflow:auto;resize:none}a,button{cursor:pointer}h1,h2,h3,h4,h5,h6,strong,b{font-weight:700}a,a:hover{text-decoration:none;outline:0}body,textarea,button{color:#fff}html,body{width:100%;height:100%;min-width:1400px;margin:0 auto;padding:0;overflow-y:hidden;font-family:"Microsoft YaHei","Helvetica Neue",HelveticaNeue,HelveticasimSun,Helvetica,"Lucida Grande","Lucida Sans Unicode",Arial;font-size:14px}i,em{font-style:normal}.hide{display:none}.blur{-webkit-filter:blur(5px);-moz-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px)}.clearfix:after{clear:both;content:'\0020';display:block;visibility:hidden;height:0}.clearfix{zoom:1}.inline-box{display:inline-block;zoom:1}html{font-size:625%}.wrap{width:100%;height:100%;margin:0 auto;min-width:1400px;position:relative;overflow:hidden}.wrap #NIE-topBar{width:100%;height:.55rem;background:#fff;position:absolute;top:0;left:0;z-index:66}.wrap .logo{width:2.06rem;height:1.02rem;display:block;position:absolute;left:.25rem;top:.15rem;z-index:99;background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page1/logo_035cc45.png) center no-repeat;background-size:100%}.wrap .top_line{font-size:0;line-height:.3rem;position:absolute;right:.4rem;top:.8rem}.wrap .top_line .top_btn{display:inline-block;vertical-align:middle;height:.3rem;background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/top_line_b2b4fc0.png);margin-right:.1rem;-o-transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s;position:relative}.wrap .top_line .top_btn::after{content:"";width:.1rem;height:.01rem;position:absolute;left:.3rem;top:50%;margin-top:-.005rem;background-color:#b59b58}.wrap .top_line .top_btn:hover{-webkit-opacity:.8;-moz-opacity:.8;opacity:.8;filter:alpha(opacity=80)}.wrap .top_line .top_btn.btn_home{width:.3rem;background-position:0 0}.wrap .top_line .top_btn.btn_register{width:.3rem;background-position:-.4rem 0}.wrap .top_line .top_btn.btn_download{width:.3rem;background-position:-.8rem 0}.wrap .top_line .top_btn.btn_share{width:.3rem;background-position:-1.2rem 0}.wrap .top_line .top_btn.btn_share::after{width:.5rem}.wrap .top_line .top_btn.btn_share:hover #NIE-share{display:block!important}.wrap .top_line #NIE-share{display:none!important;background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/share_bg_fe77eae.png);width:.3rem;height:1.3rem}.wrap .top_line #NIE-share .NIE-share .NIE-share-txt,.wrap .top_line #NIE-share em{display:none}.wrap .top_line #NIE-share .NIE-share-iconBtn{width:.3rem;margin-top:.3rem}.wrap .top_line #NIE-share .NIE-share-iconBtn a{color:#b59b58;width:auto;margin:0 auto .04rem;float:none}.wrap .top_line #NIE-share .NIE-share-iconBtn li{width:.3rem;text-align:center}.wrap .wrapSwiper{width:100%;height:100%}.wrap .wrapSwiper .indexSlide{width:100%;height:100%;position:relative;overflow:hidden}.wrap .wrapSwiper .indexSlide .center_box{position:absolute;left:50%;top:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.wrap .wrapSwiper .indexSlide.swiper-slide-active h2{-o-transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}.wrap .wrapSwiper .indexSlide.swiper-slide-active .txtAnimEle{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-o-transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.wrap .wrapSwiper .indexSlide.swiper-slide-active .roleAnimEle{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-o-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.wrap .wrapSwiper .page01{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/20250115/bg_PC_63167aa.png) center center;background-size:cover;width:100%;height:100%}.wrap .wrapSwiper .page01 .center_box{position:absolute;left:50%;top:50%;-o-transform:translate(-50%,-30%);-webkit-transform:translate(-50%,-30%);-moz-transform:translate(-50%,-30%);-ms-transform:translate(-50%,-30%);transform:translate(-50%,-30%)}.wrap .wrapSwiper .page01 .slogan{background-image:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/20250115/slogan_PC2_f2daf72.png);width:13.18rem;height:4.1rem;background-size:100%;background-repeat:no-repeat;margin:0 auto;position:relative;position:absolute;left:50%;top:50%;margin-left:-9rem;margin-top:-3.4rem}.wrap .wrapSwiper .page01 .btn_play{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/20250115/btn_player_696c058.png);background-size:100%;width:1.08rem;height:1.09rem;display:block;position:absolute;left:55.3%;top:58.4%;transform:translate(-50%,-50%);-o-transition:opacity .5s;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;transition:opacity .5s;margin-top:-.05rem}.wrap .wrapSwiper .page01 .btn_play:hover{-webkit-opacity:.8;-moz-opacity:.8;opacity:.8;filter:alpha(opacity=80)}.wrap .wrapSwiper .page01 .renwuBox{width:13.17rem;height:2.64rem;margin:0 auto;position:relative;display:flex;align-items:center;justify-content:space-around;pointer-events:none;transform:scale(0.8);transform-origin:center top}.wrap .wrapSwiper .page01 .renwuBox .item{width:12.5%;height:100%;position:relative}.wrap .wrapSwiper .page01 .renwuBox .item img,.wrap .wrapSwiper .page01 .renwuBox .item canvas{width:100%;height:100%;display:block;object-fit:contain;-o-transform:scale(2);-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2)}.wrap .wrapSwiper .page01 .slogen-tow-box{position:absolute;width:12.95rem;height:2.08rem;background-image:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/20250115/slogan_PC_box_ac00378.png);background-repeat:no-repeat;background-size:cover;background-position:center center;bottom:.3rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center}.wrap .wrapSwiper .page01 .slogen-tow-box .slogan-content{width:12.8rem;height:1.26rem;background-image:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/20250115/slogan_PC_d787194.png);background-repeat:no-repeat;background-size:cover;transform:scale(0.8);transform-origin:center center}.wrap .wrapSwiper .page01 .cr-b{width:4.14rem;height:.65rem;background-image:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/20250115/c-r_57fd507.png);background-repeat:no-repeat;background-size:cover;position:absolute;right:0;bottom:-.15rem}.wrap .wrapSwiper .page01 #nie-download{position:absolute;left:38%;top:80%;transform:translateX(-80%)}.wrap .wrapSwiper .page01 #nie-download .buttons{display:flex;justify-content:space-between;width:4.7rem;margin:0 auto}.wrap .wrapSwiper .page01 #nie-download .buttons a{display:block;width:2.12rem;height:.63rem;-o-transition:transform .5s;-webkit-transition:transform .5s;-moz-transition:transform .5s;-ms-transition:transform .5s;transition:transform .5s;position:relative}.wrap .wrapSwiper .page01 #nie-download .buttons a:hover{-o-transform:translateY(-.05rem);-webkit-transform:translateY(-.05rem);-moz-transform:translateY(-.05rem);-ms-transform:translateY(-.05rem);transform:translateY(-.05rem)}.wrap .wrapSwiper .page01 #nie-download .buttons a:hover>img{display:block;opacity:1}.wrap .wrapSwiper .page01 #nie-download .buttons a>img{width:1.5rem;height:1.5rem;position:absolute;bottom:calc(100% + 0.1rem);left:50%;margin-left:-.75rem;pointer-events:none;opacity:0;-o-transition:opacity .5s;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;transition:opacity .5s}.wrap .wrapSwiper .page01 #nie-download .buttons a.btn_appstore{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page1/btn_appstore_97495a6.png) no-repeat center / 100%}.wrap .wrapSwiper .page01 #nie-download .buttons a.btn_google{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page1/btn_google_6c5845e.png) no-repeat center / 100%}.wrap .wrapSwiper .page01 .btn_order{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page1/btn_order_7afaf0b.png);background-size:100%;width:3.99rem;height:.68rem;margin:.4rem auto 0;display:block;-o-transition:transform .5s;-webkit-transition:transform .5s;-moz-transition:transform .5s;-ms-transition:transform .5s;transition:transform .5s}.wrap .wrapSwiper .page01 .btn_order:hover{transform:translateY(-.05rem)}.wrap .wrapSwiper .page01 .media_con{position:absolute;bottom:.75rem;right:.59rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.wrap .wrapSwiper .page01 .media_con .media_btns{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page1/tips1_f41dd9a.png) top center no-repeat;background-size:100%;width:2.68rem;height:.66rem}.wrap .wrapSwiper .page01 .media_con .rw img{width:.64rem;height:.64rem;transform:scale(1.4);object-fit:cover}.wrap .wrapSwiper .page01 .media_con .btn_facebook{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page1/icon_fb_9e3ae7d.png);background-size:100%;width:.21rem;height:.21rem}.wrap .wrapSwiper .page01 .media_con .btn_dc{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page1/btn_dc_b8cf093.png);background-size:100%;width:.21rem;height:.21rem}.wrap .wrapSwiper .page01 .myCard_box{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page1/download_box2_0e2e7bd.png);background-size:100% 100%;width:1.54rem;height:2.7rem;position:absolute;top:-.3rem;right:.9rem;padding-top:1.4rem;padding-right:.03rem;box-sizing:border-box}.wrap .wrapSwiper .page01 .myCard_box a{-o-transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}.wrap .wrapSwiper .page01 .myCard_box a:hover{-webkit-opacity:.8;-moz-opacity:.8;opacity:.8;filter:alpha(opacity=80)}.wrap .wrapSwiper .page01 .myCard_box .btn_myCard{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page1/btn_mycard_e8db9ad.png);background-size:100%;width:1.24rem;height:.39rem;margin:0 auto;display:block}.wrap .wrapSwiper .page01 .myCard_box .btn_topup{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page1/btn_topup_a9ef09a.png);background-size:100%;width:1.24rem;height:.39rem;margin:0 auto;display:block;position:relative}.wrap .wrapSwiper .page01 .myCard_box .btn_topup::after{content:"";position:absolute;right:-.05rem;bottom:-.05rem;background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page1/icon_zs_537dbe2.png);background-size:100%;width:.34rem;height:.3rem;pointer-events:none}.wrap .wrapSwiper .page01 .myCard_box p{text-align:center;font-size:.12rem;color:#64340b;font-family:"Noto Sans SC";font-weight:700}.wrap .wrapSwiper .page01 .myCard_box .btn_dhm{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page1/btn_dhm_593cbe1.png);background-size:100%;width:1.24rem;height:.39rem;margin:0 auto;display:block}.wrap .wrapSwiper .page01 .myCard_box i{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page1/split_line_ebdb6e4.png);background-size:100%;width:1.26rem;height:.05rem;display:block;margin:.08rem auto}.wrap .wrapSwiper .page01 .myCard_box .zh_tips{display:block;text-align:center;color:#dac6b1;font-family:"Noto Sans SC";font-size:.16rem;width:1.24rem;height:.39rem;margin:0 auto}.wrap .wrapSwiper .page01 .myCard_box .zh_tips:hover img{display:block}.wrap .wrapSwiper .page01 .myCard_box .zh_tips a{color:#dac6b1;font-size:.24rem;background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page1/btn_zhzy_3657f69.png);background-size:100%;width:1.24rem;height:.39rem;display:block;margin:0 auto}.wrap .wrapSwiper .page01 .myCard_box .zh_tips img{width:1rem;display:block;height:1rem;position:absolute;left:-1rem;bottom:.1rem;display:none;cursor:pointer}.wrap .wrapSwiper .page01 .myCard_box .media_btns{width:100%;font-size:0}.wrap .wrapSwiper .page01 .myCard_box .btn_facebook{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page1/icon_fb_9e3ae7d.png);background-size:100%;width:.21rem;height:.21rem;display:inline-block;vertical-align:middle;margin:0 .2rem 0 .45rem}.wrap .wrapSwiper .page01 .myCard_box .btn_dc{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page1/btn_dc_b8cf093.png);background-size:100%;width:.21rem;height:.21rem;display:inline-block;vertical-align:middle}.wrap .wrapSwiper .page02{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page2/bg_6bb6dde.jpg) center center;background-size:cover;width:100%;height:100%}.wrap .wrapSwiper .page02 .center_box{-o-transform:translate(-50%,-55%)!important;-webkit-transform:translate(-50%,-55%)!important;-moz-transform:translate(-50%,-55%)!important;-ms-transform:translate(-50%,-55%)!important;transform:translate(-50%,-55%)!important}.wrap .wrapSwiper .page02 .left_zs{height:100%;position:absolute;top:0;left:0}.wrap .wrapSwiper .page02::after{content:"";background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page2/right_zs_629743f.png);background-size:100%;width:4.87rem;height:5.53rem;position:absolute;bottom:0;right:0;pointer-events:none}.wrap .wrapSwiper .page02 .center_box{-o-transform:translate(-50%,-65%);-webkit-transform:translate(-50%,-65%);-moz-transform:translate(-50%,-65%);-ms-transform:translate(-50%,-65%);transform:translate(-50%,-65%);height:7.25rem}.wrap .wrapSwiper .page02 .tit{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page2/tit_4d84c75.png);background-size:100%;width:5.69rem;height:1.34rem;margin:0 auto 1.09rem}.wrap .wrapSwiper .page02 .news_con{width:14rem;margin:0 auto}.wrap .wrapSwiper .page02 .news_con .banner_con{float:left;position:relative;margin-top:.3rem}.wrap .wrapSwiper .page02 .news_con .banner_con::before{content:"";background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page2/banner_border_cfd615b.png);background-size:100%;width:4.98rem;height:4.68rem;position:absolute;left:0;top:0;left:-.1rem;top:-.1rem;z-index:9;pointer-events:none}.wrap .wrapSwiper .page02 .news_con .banner_con .bannerSwiper{width:4.66rem;height:4.34rem}.wrap .wrapSwiper .page02 .news_con .banner_con .bannerSwiper img{width:4.66rem;height:4.34rem;display:block;object-fit:cover}.wrap .wrapSwiper .page02 .news_con .banner_con .banner_pagination{font-size:0;text-align:center;left:50%;-o-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);bottom:-.5rem}.wrap .wrapSwiper .page02 .news_con .banner_con .banner_pagination .swiper-pagination-bullet{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page2/point_7aeb084.png) center no-repeat;background-size:.13rem .13rem;width:.21rem;height:.21rem;-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);margin:0 .05rem}.wrap .wrapSwiper .page02 .news_con .banner_con .banner_pagination .swiper-pagination-bullet:hover{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page2/point_h_8ab61a9.png) center no-repeat;background-size:100%}.wrap .wrapSwiper .page02 .news_con .banner_con .banner_pagination .swiper-pagination-bullet-active{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page2/point_h_8ab61a9.png) center no-repeat;background-size:100%}.wrap .wrapSwiper .page02 .news_con .news_box{float:right;width:9.15rem}.wrap .wrapSwiper .page02 .news_con .news_box .news_tab{border-bottom:.02rem solid #bfaa9a;margin-bottom:.2rem;width:9rem}.wrap .wrapSwiper .page02 .news_con .news_box .news_tab a{display:inline-block;vertical-align:top;font-size:.2rem;color:#8a6a52;font-family:"Noto Sans SC";font-weight:500;padding:0 .08rem;margin-right:.27rem;line-height:.38rem;position:relative}.wrap .wrapSwiper .page02 .news_con .news_box .news_tab a::after{content:"";background-color:#ae5e3b;width:0;height:.04rem;position:absolute;left:50%;-o-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);bottom:-.02rem;-o-transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}.wrap .wrapSwiper .page02 .news_con .news_box .news_tab a:hover,.wrap .wrapSwiper .page02 .news_con .news_box .news_tab a.on{color:#ae5d3b}.wrap .wrapSwiper .page02 .news_con .news_box .news_tab a:hover::after,.wrap .wrapSwiper .page02 .news_con .news_box .news_tab a.on::after{width:100%}.wrap .wrapSwiper .page02 .news_con .news_box .news_tab .btn_more{float:right;font-size:0;margin:0}.wrap .wrapSwiper .page02 .news_con .news_box .news_tab .btn_more span{display:inline-block;vertical-align:middle;font-size:.2rem;color:#8a6a52;font-family:"Noto Sans SC";margin-right:.06rem}.wrap .wrapSwiper .page02 .news_con .news_box .news_tab .btn_more i{display:inline-block;vertical-align:middle;background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page2/icon_more_b5a7856.png);background-size:100%;width:.19rem;height:.19rem}.wrap .wrapSwiper .page02 .news_con .news_box .tab_box{font-size:0;display:none}.wrap .wrapSwiper .page02 .news_con .news_box .tab_box.on{display:block}.wrap .wrapSwiper .page02 .news_con .news_box .tab_box .news_item{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page2/news_bg_5478493.png) no-repeat;background-size:100%;width:3.05rem;height:2.11rem;display:inline-block;vertical-align:top;padding:.32rem .3rem 0 .2rem;box-sizing:border-box;-o-transition:transform .3s;-webkit-transition:transform .3s;-moz-transition:transform .3s;-ms-transition:transform .3s;transition:transform .3s}.wrap .wrapSwiper .page02 .news_con .news_box .tab_box .news_item:hover{-o-transform:translate(0,-.1rem);-webkit-transform:translate(0,-.1rem);-moz-transform:translate(0,-.1rem);-ms-transform:translate(0,-.1rem);transform:translate(0,-.1rem)}.wrap .wrapSwiper .page02 .news_con .news_box .tab_box .news_item .top_info{overflow:hidden}.wrap .wrapSwiper .page02 .news_con .news_box .tab_box .news_item .top_info .news_type{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page2/tag_bg_900acb9.png);background-size:100%;width:.42rem;height:.2rem;text-align:center;font-family:"Noto Sans SC";float:left;font-size:.14rem;color:#f1e2ce;line-height:.2rem}.wrap .wrapSwiper .page02 .news_con .news_box .tab_box .news_item .top_info .news_date{color:#c0997e;font-size:.16rem;font-family:"Noto Sans SC";float:right;line-height:.2rem}.wrap .wrapSwiper .page02 .news_con .news_box .tab_box .news_item h2{margin-top:.26rem;font-size:.22rem;color:#654834;height:.22rem;line-height:.22rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wrap .wrapSwiper .page02 .news_con .news_box .tab_box .news_item p{margin-top:.24rem;font-size:.14rem;color:#8c705d;line-height:.2rem;height:.4rem;overflow:hidden}.wrap .wrapSwiper .page03{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page3/bg_651a00f.jpg) center center;background-size:cover;width:100%;height:100%}.wrap .wrapSwiper .page03 .left_zs{height:100%;position:absolute;top:0;left:0}.wrap .wrapSwiper .page03::after{content:"";background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page3/right_zs_995f9ad.png);background-size:100%;width:1.82rem;height:5.53rem;position:absolute;bottom:0;right:0;pointer-events:none}.wrap .wrapSwiper .page03 .center_box{-o-transform:translate(-50%,-57%);-webkit-transform:translate(-50%,-57%);-moz-transform:translate(-50%,-57%);-ms-transform:translate(-50%,-57%);transform:translate(-50%,-57%)}.wrap .wrapSwiper .page03 .tit{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page3/tit_dc3b2b7.png);background-size:100%;width:3.97rem;height:1.34rem;margin:0 auto .7rem}.wrap .wrapSwiper .page03 .feature_box{width:13.1rem;margin:0 auto;position:relative}.wrap .wrapSwiper .page03 .feature_box .featureSwiper{width:12rem;margin:0 auto}.wrap .wrapSwiper .page03 .feature_box .featureSwiper .swiper-slide{position:relative}.wrap .wrapSwiper .page03 .feature_box .featureSwiper .swiper-slide::before{content:"";width:9.32rem;height:5.3rem;background-color:rgba(0,0,0,.6);position:absolute;left:50%;margin-left:-4.66rem;top:0;border-radius:.4rem;-o-transition:opacity .5s;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;transition:opacity .5s}.wrap .wrapSwiper .page03 .feature_box .featureSwiper .swiper-slide::after{content:"";background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page3/border_6da7836.png) center no-repeat;width:9.8rem;height:5.7rem;background-size:100%;position:absolute;left:50%;margin-left:-4.9rem;top:50%;margin-top:-2.83rem}.wrap .wrapSwiper .page03 .feature_box .featureSwiper .swiper-slide.swiper-slide-active::before{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}.wrap .wrapSwiper .page03 .feature_box .featureSwiper img{display:block;width:9.32rem;margin:0 auto;border-radius:.4rem}.wrap .wrapSwiper .page03 .feature_box .feature_pagination{font-size:0;text-align:center;left:50%;-o-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);bottom:-.5rem}.wrap .wrapSwiper .page03 .feature_box .feature_pagination .swiper-pagination-bullet{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page3/point_babaf49.png) center no-repeat;background-size:.13rem .13rem;width:.21rem;height:.21rem;-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);margin:0 .05rem}.wrap .wrapSwiper .page03 .feature_box .feature_pagination .swiper-pagination-bullet:hover{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page3/point_h_dc14f85.png) center no-repeat;background-size:100%}.wrap .wrapSwiper .page03 .feature_box .feature_pagination .swiper-pagination-bullet-active{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page3/point_h_dc14f85.png) center no-repeat;background-size:100%}.wrap .wrapSwiper .page03 .feature_box .feature-prev{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page3/btn_prev_742444e.png);background-size:100%;width:.41rem;height:.8rem;left:0;margin-top:-.4rem;-o-transition:transform .5s;-webkit-transition:transform .5s;-moz-transition:transform .5s;-ms-transition:transform .5s;transition:transform .5s}.wrap .wrapSwiper .page03 .feature_box .feature-prev::after{display:none}.wrap .wrapSwiper .page03 .feature_box .feature-prev:hover{-o-transform:translate(-.1rem,0);-webkit-transform:translate(-.1rem,0);-moz-transform:translate(-.1rem,0);-ms-transform:translate(-.1rem,0);transform:translate(-.1rem,0)}.wrap .wrapSwiper .page03 .feature_box .feature-next{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page3/btn_next_fac6591.png);background-size:100%;width:.41rem;height:.8rem;right:0;margin-top:-.4rem;-o-transition:transform .5s;-webkit-transition:transform .5s;-moz-transition:transform .5s;-ms-transition:transform .5s;transition:transform .5s}.wrap .wrapSwiper .page03 .feature_box .feature-next::after{display:none}.wrap .wrapSwiper .page03 .feature_box .feature-next:hover{-o-transform:translate(0.1rem,0);-webkit-transform:translate(0.1rem,0);-moz-transform:translate(0.1rem,0);-ms-transform:translate(0.1rem,0);transform:translate(0.1rem,0)}.wrap .wrapSwiper .page04{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page4/bg_34d12cd.jpg) center center;background-size:cover;width:100%;height:100%}.wrap .wrapSwiper .page04 .left_zs{height:100%;position:absolute;top:0;left:0}.wrap .wrapSwiper .page04::after{content:"";background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page4/right_zs_e576c51.png);background-size:100%;width:.81rem;height:1.06rem;position:absolute;top:50%;margin-top:-.53rem;right:0;pointer-events:none}.wrap .wrapSwiper .page04 .tit{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page4/tit_030305c.png);background-size:100%;width:6.98rem;height:1.34rem;margin:0 auto .35rem}.wrap .wrapSwiper .page04 .jz{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page4/jz_fe85e1d.png);background-size:100%;width:14.31rem;height:6.53rem;margin:0 auto;position:relative}.wrap .wrapSwiper .page04 .jz>div{width:1.34rem;height:1.15rem;background-size:100%;text-align:center;font-size:.14rem;color:#fcf4cf;font-family:"Noto Serif SC";padding-top:.79rem;box-sizing:border-box;cursor:pointer;-o-transition:transform .5s;-webkit-transition:transform .5s;-moz-transition:transform .5s;-ms-transition:transform .5s;transition:transform .5s}.wrap .wrapSwiper .page04 .jz>div:hover{-o-transform:translate(0,-.1rem);-webkit-transform:translate(0,-.1rem);-moz-transform:translate(0,-.1rem);-ms-transform:translate(0,-.1rem);transform:translate(0,-.1rem)}.wrap .wrapSwiper .page04 .jz .area1{background-image:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page4/008_21585e7.png);top:1.35rem;left:4.56rem;position:absolute}.wrap .wrapSwiper .page04 .jz .area2{background-image:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page4/001_6084268.png);top:.78rem;left:6.83rem;position:absolute}.wrap .wrapSwiper .page04 .jz .area3{background-image:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page4/002_8f991f4.png);top:1.46rem;left:8.54rem;position:absolute}.wrap .wrapSwiper .page04 .jz .area4{background-image:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page4/003_01cbf64.png);top:2.55rem;left:10.52rem;position:absolute}.wrap .wrapSwiper .page04 .jz .area5{background-image:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page4/004_782dde3.png);top:3.42rem;left:8.6rem;position:absolute}.wrap .wrapSwiper .page04 .jz .area6{background-image:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page4/005_00f826f.png);top:4.26rem;left:6.67rem;position:absolute}.wrap .wrapSwiper .page04 .jz .area7{background-image:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page4/006_b0b88c1.png);top:3.75rem;left:3.42rem;position:absolute}.wrap .wrapSwiper .page04 .jz .area8{background-image:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page4/007_f0778f6.png);top:2.13rem;left:2.28rem;position:absolute}.wrap .wrapSwiper .page05{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page5/bg_1b260b8.jpg) center center;background-size:cover;width:100%;height:100%}.wrap .wrapSwiper .page05 .left_zs{height:100%;position:absolute;top:0;left:0}.wrap .wrapSwiper .page05::after{content:"";background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page5/right_zs_508e49c.png);background-size:100%;width:.81rem;height:1.06rem;position:absolute;top:50%;margin-top:-.53rem;right:0;pointer-events:none}.wrap .wrapSwiper .page05 .tit{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page5/tit_5986fe1.png);background-size:100%;width:9.29rem;height:1.34rem;margin:0 auto .9rem}.wrap .wrapSwiper .page05 .order_progress_box{width:10.24rem;height:5.29rem;margin:0 auto;position:relative}.wrap .wrapSwiper .page05 .order_progress_box .prizeBox{width:9.31rem;margin:.15rem auto 0;display:flex;justify-content:space-between;padding-top:.3rem}.wrap .wrapSwiper .page05 .order_progress_box .prizeBox .item{position:relative;background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page5/prize-bg1_4d6cf5f.png);background-size:100%;width:1.55rem;height:4.16rem;display:flex;align-items:center;justify-content:center}.wrap .wrapSwiper .page05 .order_progress_box .prizeBox .item.active{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page5/prize-bg2_591f5f9.png);background-size:100%}.wrap .wrapSwiper .page05 .order_progress_box .prizeBox .item img{width:1.12rem;display:block}.wrap .wrapSwiper .page05 .order_progress_box .prizeBox .item:nth-of-type(1) img{width:1.2rem}.wrap .wrapSwiper .page05 .order_progress_box .prizeBox .item:nth-of-type(2) img{width:1.14rem}.wrap .wrapSwiper .page05 .order_progress_box .prizeBox .item:nth-of-type(3) img{width:1.16rem}.wrap .wrapSwiper .page05 .order_progress_box .prizeBox .item:nth-of-type(4) img{width:1.17rem}.wrap .wrapSwiper .page05 .order_progress_box .prizeBox .item:nth-of-type(5) img{width:1.12rem}.wrap .wrapSwiper .page05 .order_progress_box .prizeBox .item::before{content:"";display:block;background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page5/prize-bg-icon_3c347fe.png);background-size:100%;width:.43rem;height:.19rem;position:absolute;top:-.3rem;left:50%;margin-left:-.215rem}.wrap .wrapSwiper .page05 .order_progress_box .progressBar{width:100%;display:flex;justify-content:space-between;align-items:center;position:relative;padding:.55rem 0 .08rem}.wrap .wrapSwiper .page05 .order_progress_box .progressBar::before,.wrap .wrapSwiper .page05 .order_progress_box .progressBar::after{content:"";display:block;width:.23rem;height:.1rem}.wrap .wrapSwiper .page05 .order_progress_box .progressBar::before{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page5/zs-l_823a1d1.png);background-size:100%}.wrap .wrapSwiper .page05 .order_progress_box .progressBar::after{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page5/zs-r_199560d.png);background-size:100%}.wrap .wrapSwiper .page05 .order_progress_box .progressBar .bg{width:9.66rem;height:.06rem;box-sizing:border-box;border:1px solid #e8d49f;border-radius:.1rem}.wrap .wrapSwiper .page05 .order_progress_box .progressBar .bg i{display:block;width:0;height:100%;background:#e8d49f}.wrap .wrapSwiper .page05 .order_progress_box .progressBar .pointBox{width:9.31rem;position:absolute;height:100%;left:50%;top:0;margin-left:-4.655rem;display:flex;justify-content:space-between;padding:0 .64rem;box-sizing:border-box}.wrap .wrapSwiper .page05 .order_progress_box .progressBar .pointBox .item{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page5/point_7e67e4c.png);background-size:100%;width:.25rem;height:.23rem;align-self:flex-end;margin-bottom:.015rem;position:relative}.wrap .wrapSwiper .page05 .order_progress_box .progressBar .pointBox .item.active{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page5/point-active_d0c3829.png);background-size:100%}.wrap .wrapSwiper .page05 .order_progress_box .progressBar .pointBox .item:nth-of-type(1)::before{content:"";position:absolute;top:-.5rem;left:50%;background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page5/item-top1_6fd0b43.png);background-size:100%;width:.74rem;height:.35rem;margin-left:-.37rem}.wrap .wrapSwiper .page05 .order_progress_box .progressBar .pointBox .item:nth-of-type(2)::before{content:"";position:absolute;top:-.5rem;left:50%;background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page5/item-top2_7a430ad.png);background-size:100%;width:.74rem;height:.35rem;margin-left:-.37rem}.wrap .wrapSwiper .page05 .order_progress_box .progressBar .pointBox .item:nth-of-type(3)::before{content:"";position:absolute;top:-.5rem;left:50%;background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page5/item-top3_7c13933.png);background-size:100%;width:.74rem;height:.35rem;margin-left:-.37rem}.wrap .wrapSwiper .page05 .order_progress_box .progressBar .pointBox .item:nth-of-type(4)::before{content:"";position:absolute;top:-.5rem;left:50%;background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page5/item-top4_dfcb24c.png);background-size:100%;width:.74rem;height:.35rem;margin-left:-.37rem}.wrap .wrapSwiper .page05 .order_progress_box .progressBar .pointBox .item:nth-of-type(5)::before{content:"";position:absolute;top:-.5rem;left:50%;background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page5/item-top5_0a2d84c.png);background-size:100%;width:.74rem;height:.35rem;margin-left:-.37rem}.wrap .nav{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/nav/bg_35ad343.png) center no-repeat;background-size:.07rem 3.88rem;width:1.24rem;height:3.88rem;position:absolute;z-index:99;left:.23rem;top:50%;margin-top:-1.94rem;padding-top:.65rem;box-sizing:border-box}.wrap .nav a{background-position:center;background-repeat:no-repeat;width:1.38rem;height:.28rem;display:block;margin:0 auto .5rem;position:relative;left:-.05rem}.wrap .nav a:nth-child(1){background-image:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/nav/btn1_ebb7822.png);background-size:.46rem .12rem}.wrap .nav a:nth-child(1):hover,.wrap .nav a:nth-child(1).on{background-image:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/nav/btn1h_eb7c0a7.png);background-size:1rem .12rem}.wrap .nav a:nth-child(3){background-image:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/nav/btn3_5689af1.png);background-size:.77rem .11rem;margin-bottom:.55rem}.wrap .nav a:nth-child(3):hover,.wrap .nav a:nth-child(3).on{background-image:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/nav/btn3h_1aae172.png);background-size:1.27rem .11rem}.wrap .nav a:nth-child(4){background-image:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/nav/btn4_584ab8b.png);background-size:.92rem .27rem}.wrap .nav a:nth-child(4):hover,.wrap .nav a:nth-child(4).on{background-image:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/nav/btn4h_16ec8fd.png);background-size:1.38rem .27rem}.wrap .nav a:nth-child(5){background-image:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/nav/btn5_b23f7af.png);background-size:.86rem .28rem}.wrap .nav a:nth-child(5):hover,.wrap .nav a:nth-child(5).on{background-image:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/nav/btn5h_a55cd18.png);background-size:1.3rem .28rem}.wrap .nav a:nth-child(2){background-image:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/nav/btn2_20bbf47.png);background-size:.84rem .27rem;margin-bottom:.45rem}.wrap .nav a:nth-child(2):hover,.wrap .nav a:nth-child(2).on{background-image:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/nav/btn2h_a31a247.png);background-size:1.3rem .27rem}.pop{background:rgba(0,0,0,.6);width:100%;height:100%;position:fixed;pointer-events:none;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);z-index:999}.pop.on{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);display:block;pointer-events:auto}.pop .pop_close,.pop .video-close{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/close_0f3520d.png);background-size:100%;width:.59rem;height:.59rem;position:absolute;right:-.8rem;top:.02rem;-o-transition:transform .5s;-webkit-transition:transform .5s;-moz-transition:transform .5s;-ms-transition:transform .5s;transition:transform .5s}.pop .pop_close:hover,.pop .video-close:hover{-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.pop_role .con{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/pop_bg_0a212f2.png);background-size:100%;width:11.19rem;height:6.78rem;position:fixed;left:50%;top:50%;margin:-3.39rem 0 0 -5.595rem}.pop_role .con .role_info{width:8.3rem;height:4rem;margin:.6rem auto 0}.pop_role .con .role_info .left_box{position:relative}.pop_role .con .role_info .left_box::before{content:"";background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page4/split1_0d90926.png);background-size:100%;width:4.67rem;height:3.33rem;position:absolute;left:-.4rem;top:.1rem;z-index:-1}.pop_role .con .role_info .left_box .area_name{font-size:.32rem;color:#562f20;font-family:"Noto Serif SC";font-weight:500;margin-bottom:.25rem;line-height:.32rem}.pop_role .con .role_info .left_box .info{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;width:3.4rem;margin-bottom:.32rem}.pop_role .con .role_info .left_box .info span{font-family:"Noto Sans SC";width:1.7rem;margin-bottom:.1rem}.pop_role .con .role_info .left_box .info .role_name{color:#91553e;font-size:.26rem;line-height:.29rem;width:3rem;margin-bottom:.2rem}.pop_role .con .role_info .left_box .info .role_cv{color:#715b46;font-size:.2rem;line-height:.2rem;width:3rem;margin-bottom:.2rem;font-family:"Microsoft YaHei","Helvetica Neue",Arial,HelveticaNeue,Helvetica,"BBAlpha Sans",sans-serif}.pop_role .con .role_info .left_box .info .role_career{color:#715b46;font-size:.2rem;line-height:.2rem}.pop_role .con .role_info .left_box .info .role_influence{color:#715b46;font-size:.2rem;line-height:.2rem}.pop_role .con .role_info .left_box .role_desc{width:4.2rem;color:#786757;font-size:.18rem;line-height:.28rem;font-family:"Noto Sans SC"}.pop_role .con .role_info .right_box{position:absolute;right:.5rem;top:0;-o-transform:scale(0.83);-webkit-transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);transform:scale(0.83);transform-origin:right center}.pop_role .con .role_info .right_box img{width:5.92rem;height:5.23rem;object-fit:contain;object-position:center;display:block}.pop_role .con .line{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page4/split2_a7a1c2c.png);background-size:100%;width:10.28rem;height:.21rem;margin:0 auto}.pop_role .con .avator_box{position:relative;width:10.5rem;margin:.3rem auto 0}.pop_role .con .avator_box .avator-prev{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page4/btn_prev_3bd103f.png);background-size:100%;width:.38rem;height:.64rem;margin-top:-.32rem;-o-transition:transform .5s;-webkit-transition:transform .5s;-moz-transition:transform .5s;-ms-transition:transform .5s;transition:transform .5s}.pop_role .con .avator_box .avator-prev:hover{-o-transform:translate(-.1rem,0);-webkit-transform:translate(-.1rem,0);-moz-transform:translate(-.1rem,0);-ms-transform:translate(-.1rem,0);transform:translate(-.1rem,0)}.pop_role .con .avator_box .avator-prev::after{display:none}.pop_role .con .avator_box .avator-next{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page4/btn_next_5955440.png);background-size:100%;width:.38rem;height:.64rem;margin-top:-.32rem;-o-transition:transform .5s;-webkit-transition:transform .5s;-moz-transition:transform .5s;-ms-transition:transform .5s;transition:transform .5s}.pop_role .con .avator_box .avator-next:hover{-o-transform:translate(0.1rem,0);-webkit-transform:translate(0.1rem,0);-moz-transform:translate(0.1rem,0);-ms-transform:translate(0.1rem,0);transform:translate(0.1rem,0)}.pop_role .con .avator_box .avator-next::after{display:none}.pop_role .con .avatorSwiper{width:9rem;height:1.08rem;margin:0 auto}.pop_role .con .avatorSwiper .swiper-slide{cursor:pointer;background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/avator_bg_a5f2391.png) center no-repeat;background-size:1.08rem 1.08rem;display:flex;align-items:center;justify-content:center}.pop_role .con .avatorSwiper .swiper-slide .img-box{width:.92rem;height:.92rem;overflow:hidden}.pop_role .con .avatorSwiper .swiper-slide:hover img{-o-transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.pop_role .con .avatorSwiper .swiper-slide img{display:block;width:.92rem;height:.92rem;-o-transition:transform .5s;-webkit-transition:transform .5s;-moz-transition:transform .5s;-ms-transition:transform .5s;transition:transform .5s}.pop_role .con .avatorSwiper .on{background-image:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/avator_bgh_5b6a267.png)}.pop-video .con{width:10rem;position:fixed;left:50%;top:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.pop-video .myvideo{width:100%}.pop-order .con{width:7.14rem;height:4.16rem;position:fixed;left:50%;top:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/pop-bg_3c9ebe0.png);background-size:100%;display:flex;align-items:center;justify-content:center}.pop-order .con .tit{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/order-tit_76a165d.png);background-size:100%;width:2.68rem;height:1.01rem;margin:0 auto .3rem}.pop-order .con .orderBox{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:4.75rem;height:2.1rem}.pop-order .con .orderBox .iptBox{width:100%;height:.47rem;background:#fff5e1;box-sizing:border-box;position:relative;border:1px solid #7f4c23}.pop-order .con .orderBox .iptBox input{width:100%;height:100%;background:transparent;border:0;outline:0;padding:0 .15rem;box-sizing:border-box;color:#9b501b;font-size:.2rem;text-align:center}.pop-order .con .orderBox .iptBox input[type=number]{-moz-appearance:textfield}.pop-order .con .orderBox .iptBox input[type=number]::-webkit-outer-spin-button,.pop-order .con .orderBox .iptBox input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.pop-order .con .orderBox .iptBox.code .getCode_btn{width:1.17rem;height:100%;position:absolute;right:0;top:0;background:#9b501b;line-height:.46rem;text-align:center}.pop-order .con .orderBox .iptBox.code .getCode_btn img{width:100%;height:100%;display:block}.pop-order .con .orderBox .iptBox.code input{width:calc(100% - 1.17rem)}.pop-order .con .orderBox .order_btn{display:block;background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/order-btn_e14aca2.png);background-size:100%;width:3.37rem;height:.56rem;-o-transition:transform .5s;-webkit-transition:transform .5s;-moz-transition:transform .5s;-ms-transition:transform .5s;transition:transform .5s}.pop-order .con .orderBox .order_btn:hover{transform:translateY(-.05rem)}.pop-tip{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);z-index:1000;display:none}.pop-tip .con{width:7.14rem;height:4.16rem;position:fixed;left:50%;top:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/pop-bg_3c9ebe0.png);background-size:100%;display:flex;align-items:center;justify-content:center}.pop-tip .con .tips{width:100%;line-height:.45rem;padding:0 .3rem;box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center}.pop-tip .con .tips p{text-align:center;color:#904519;font-size:.4rem;margin:0 .2rem;max-width:6.5rem}.pop-tip .con .tips i{background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page5/zsy_76680c4.png);background-size:100%;background-repeat:no-repeat;width:.29rem;height:.15rem;display:block}.pop-tip .con .tips i:nth-of-type(1){background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/page5/zsz_2ec635d.png);background-size:100%;background-repeat:no-repeat}