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,em,strong,b{font-weight:700}a,a:hover{text-decoration:none}body{font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,STHeiTi,sans-serif}img,a{-webkit-user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}@font-face{font-family:a1;src:url(a1.otf)}input,textarea{border:0;outline:0;border:0rem;box-sizing:border-box;font-weight:500}.a2{color:#e2613d;font-size:.3rem;text-align:center}.slh{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.slh{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}html{font-size:312.5%}body.pc{max-width:7.5rem;margin:auto}body.pc .swiper-button-prev,body.pc .swiper-button-next{cursor:auto!important}body.pc .zzc-box{max-width:7.5rem}body.pc .zzc-box .pop2-box .box{overflow:hidden}body.pc .zzc-box .pop11-box{max-width:7.5rem}body.pc .zzc-box .pop4-box .box{overflow:hidden}@media screen and (max-width:359px) and (orientation:portrait){html{font-size:266.67%}}@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait){html{font-size:300%}}@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait){html{font-size:320%}}@media screen and (min-width:400px) and (max-width:411px) and (orientation:portrait){html{font-size:333.33%}}@media screen and (min-width:412px) and (max-width:413px) and (orientation:portrait){html{font-size:343.33%}}@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){html{font-size:345%}}@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){html{font-size:360%}}@media screen and (min-width:480px) and (max-width:639px) and (orientation:portrait){html{font-size:400%}}@media screen and (min-width:640px) and (orientation:portrait){html{font-size:533.33%}}@media screen and (min-width:768px) and (orientation:portrait){html{font-size:640%}}@media screen and (min-width:1024px) and (orientation:portrait){html{font-size:853.33%}}a.btn{display:block}.wrap{width:100%}.play-background{position:fixed;width:100%;top:-.2rem;height:30rem;background-color:rgba(0,0,0,.7);z-index:200;display:none}.play-background.on{display:block}.alert-box{position:fixed;left:0;right:0;top:50%;background-color:#333;width:5rem;height:.5rem;line-height:.5rem;border-radius:1rem;transform:translateY(-1rem);opacity:0;color:#fff;font-size:.22rem;text-align:center;margin:auto}.alert-box.on{transition:all 1s;opacity:1;transform:translateY(0rem);z-index:9999999999999999999}.zzc-box{position:fixed;width:100%;height:100%;z-index:999;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}.zzc{position:fixed;width:100%;height:100%;top:0;left:0;background:#000;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);z-index:-99;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}.zzc-on{-webkit-opacity:.8;-moz-opacity:.8;opacity:.8;filter:alpha(opacity=80);z-index:99999}.pop1-box{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/pop1_f4846f5.png) center no-repeat;background-size:cover;width:6.92rem;height:10.03em;z-index:222222;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;box-sizing:border-box}.pop1-box .aCloseQ{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/close_dc006de.png) center no-repeat;background-size:cover;width:.59rem;height:.58rem;position:absolute;margin:auto;right:0rem;left:0rem;bottom:-.8rem}.pop1-box .box{font-size:.23rem;display:block;overflow-y:scroll;width:80%;margin:1.5rem auto 0;height:7.5rem;color:#67492e}.pop1-box .box p{position:relative;text-indent:.2rem}.pop1-box .box p span{position:absolute;top:.12rem;background:url(https://www.octopathsp.com/m/h5/20230713145408/img/li_b6cc23e.png) no-repeat center;background-size:cover;width:.12rem;height:.06rem;display:block}.pop2-box{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/pop2_e0c0446.png) center no-repeat;background-size:cover;width:6.92rem;height:6.73em;z-index:222222;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;box-sizing:border-box}.pop2-box .aCloseQ{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/close_dc006de.png) center no-repeat;background-size:cover;width:.59rem;height:.58rem;position:absolute;margin:auto;right:0rem;left:0rem;bottom:-.8rem}.pop2-box .box{font-size:.23rem;display:block;overflow-y:scroll;width:80%;margin:2.1rem auto 0;height:3.5rem;text-align:end}.pop2-box .box p{color:#67492e;text-align:center;margin:0 auto .4rem}.pop2-box .box .uid{width:5.46rem;height:.77rem;background:url(https://www.octopathsp.com/m/h5/20230713145408/img/input_46e8466.png) no-repeat center;background-size:cover;margin:0 auto .3rem;display:block;padding:0 .2rem;color:#e3c692;background-color:rgba(0,0,0,0)}.pop2-box .box .uid::placeholder{color:#e3c692}.pop2-box .box a{color:#af6712;text-decoration:underline;text-underline-position:under}.pop2-box .box .btn_box{display:flex;margin:.5rem auto 0}.pop2-box .box .btn_box .cz{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/cz_734ef5f.png) no-repeat center;background-size:cover;width:2.73rem;height:.78rem;display:block}.pop2-box .box .btn_box .qd{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/qd_c29a6eb.png) no-repeat center;background-size:cover;width:2.73rem;height:.78rem;display:block}.pop3-box{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/pop3_fa0c0b6.png) center no-repeat;background-size:cover;width:6.92rem;height:6.73em;z-index:222222;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;box-sizing:border-box}.pop3-box .aCloseQQ{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/close_dc006de.png) center no-repeat;background-size:cover;width:.59rem;height:.58rem;position:absolute;margin:auto;right:0rem;left:0rem;bottom:-.8rem}.pop3-box .box{font-size:.23rem;display:block;overflow-y:scroll;width:80%;margin:2.5rem auto 0;height:3.5rem;color:#67492e}.pop3-box .box p{position:relative;text-indent:.2rem}.pop3-box .box p span{position:absolute;top:.12rem;background:url(https://www.octopathsp.com/m/h5/20230713145408/img/li_b6cc23e.png) no-repeat center;background-size:cover;width:.12rem;height:.06rem;display:block}.pop8-box{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/pop8_f7d9646.png) center no-repeat;background-size:cover;width:6.92rem;height:6.73em;z-index:222222;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;box-sizing:border-box}.pop8-box .aCloseQQ{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/close_dc006de.png) center no-repeat;background-size:cover;width:.59rem;height:.58rem;position:absolute;margin:auto;right:0rem;left:0rem;bottom:-.8rem}.pop8-box .box{font-size:.45rem;display:block;overflow-y:scroll;width:80%;margin:2.5rem auto 0;height:3.5rem;color:#67492e}.pop8-box .box p{position:relative;text-indent:.2rem;text-align:center;font-weight:900}.pop8-box .box p span{position:absolute;top:.12rem;background:url(https://www.octopathsp.com/m/h5/20230713145408/img/li_b6cc23e.png) no-repeat center;background-size:cover;width:.12rem;height:.06rem;display:block}.pop4-box{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/pop4_fdffeca.png) center no-repeat;background-size:cover;width:6.92rem;height:6.73em;z-index:222222;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;box-sizing:border-box}.pop4-box .aCloseQ{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/close_dc006de.png) center no-repeat;background-size:cover;width:.59rem;height:.58rem;position:absolute;margin:auto;right:0rem;left:0rem;bottom:-.8rem}.pop4-box .box{font-size:.23rem;display:block;overflow-y:scroll;width:80%;margin:2.1rem auto 0;height:4.5rem}.pop4-box .box .text{color:#67492e;text-align:center;margin:0 auto .4rem}.pop4-box .box .sjh_box{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/input2_6e23528.png) no-repeat center;background-size:cover;width:5.46rem;height:.77rem;margin:auto;display:flex;align-items:center}.pop4-box .box .sjh_box .xl{width:2.05rem;height:.75rem;display:flex;justify-content:center;align-items:center;position:relative}.pop4-box .box .sjh_box .xl .xl_html{color:#8d5821;font-size:.23rem;width:1.5rem;text-align:center}.pop4-box .box .sjh_box .xl .dh_xl{pointer-events:none;width:2rem;left:.05rem;position:absolute;top:.2rem;color:#d5b984;font-size:.25rem;background-color:rgba(31,28,25,.6);text-align:center;opacity:0;transition:all 1s;z-index:11;max-height:2rem;overflow-y:auto;border:1px solid #514739}.pop4-box .box .sjh_box .xl .dh_xl p{margin:.05rem auto;text-align:initial;padding:0 0 0 .2rem;box-sizing:border-box}.pop4-box .box .sjh_box .xl.on .dh_xl{opacity:1;top:.75rem;pointer-events:auto}.pop4-box .box .sjh_box .xl.on .sjx{transform:rotate(180deg)}.pop4-box .box .sjh_box .xl .sjx{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/sjx_519ec0b.png) no-repeat center;background-size:cover;width:.32rem;height:.17rem;margin-left:.08rem;transition:all 1s}.pop4-box .box .sjh_box .sjh{width:3.4rem;height:.73rem;align-items:center;padding:0 .2rem;color:#f7dcab;background-color:rgba(0,0,0,0)}.pop4-box .box .sjh_box .sjh::placeholder{color:#f7dcab}.pop4-box .box .btn_box{display:flex;margin:.5rem auto 0}.pop4-box .box .btn_box .syb{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/syb_8d613f6.png) no-repeat center;background-size:cover;width:2.73rem;height:.78rem;display:block}.pop4-box .box .btn_box .qd{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/qd_c29a6eb.png) no-repeat center;background-size:cover;width:2.73rem;height:.78rem;display:block}.pai_pop{width:6.92rem;height:6.73rem;z-index:222222;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;box-sizing:border-box}.pai_pop.pop5-box{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/pop7_7831b88.png) no-repeat center;background-size:cover}.pai_pop.pop6-box{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/pop5_e025568.png) no-repeat center;background-size:cover}.pai_pop.pop7-box{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/pop6_391a1c9.png) no-repeat center;background-size:cover}.pai_pop.pop7-box .btn_box{margin:0 auto}.pai_pop .aCloseQ{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/close_dc006de.png) center no-repeat;background-size:cover;width:.59rem;height:.58rem;position:absolute;margin:auto;right:0rem;left:0rem;bottom:-.8rem}.pai_pop .box{font-size:.2rem;display:block;overflow:hidden;width:48%;margin:1.9rem 0 0 3.25rem}.pai_pop .box span{font-weight:900;color:#915c2d}.pai_pop .box p{color:#67492e;margin:0 auto .2rem}.pai_pop .box .btn_box{display:flex;margin:.5rem auto 0;flex-direction:column}.pai_pop .box .btn_box .dyYT{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/dyYT_6b058c6.png) no-repeat center;background-size:cover;width:3.13rem;height:.78rem;display:block}.pai_pop .box .btn_box .qwFB{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/qwFb_3d6fc4b.png) no-repeat center;background-size:cover;width:3.13rem;height:.78rem;display:block}.pai_pop .box .btn_box .jrFB{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/jrFb_0802b94.png) no-repeat center;background-size:cover;width:3.13rem;height:.78rem;display:block}.pai_pop .box .btn_box .fx{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/fx_7aa13d1.png) no-repeat center;background-size:cover;width:3.13rem;height:.78rem;display:block}.pop5-box{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/pop7_7831b88.png) center no-repeat;background-size:cover;width:6.92rem;height:6.73em;z-index:222222;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;box-sizing:border-box}.pop5-box .aCloseQ{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/close_dc006de.png) center no-repeat;background-size:cover;width:.59rem;height:.58rem;position:absolute;margin:auto;right:0rem;left:0rem;bottom:-.8rem}.pop5-box .box{font-size:.2rem;display:block;overflow:hidden;width:46%;margin:1.9rem 0 0 3.3rem;height:4rem}.pop5-box .box p{color:#67492e;margin:0 auto .3rem}.pop5-box .box .btn_box{display:flex;margin:.5rem auto 0;flex-direction:column}.pop5-box .box .btn_box .dyYT{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/dyYT_6b058c6.png) no-repeat center;background-size:cover;width:3.13rem;height:.78rem;display:block}.pop5-box .box .btn_box .fx{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/fx_7aa13d1.png) no-repeat center;background-size:cover;width:3.13rem;height:.78rem;display:block}.pop11-box{height:100%;width:100%;box-sizing:border-box;position:fixed;top:0;display:none;z-index:222222;overflow-x:hidden;overflow-y:hidden}.pop11-box.on{display:block;background-color:rgba(14,13,13,.8)}.pop11-box .load{width:.8rem;height:.8rem;position:absolute;left:0;right:0;top:0;bottom:0;animation:load 3s linear infinite;margin:auto}.wrapper{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/bg_41a6e4f.png) no-repeat center;background-size:cover;width:100%;height:16.24rem;position:relative}.wrapper .cyhd{position:absolute;background:url(https://www.octopathsp.com/m/h5/20230713145408/img/cyhd_b0444ac.png) no-repeat center;background-size:cover;width:3.18rem;height:.69rem;display:none;left:0;right:0;margin:auto;top:9rem;z-index:2}.wrapper .top{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/top_e14f3d1.png) no-repeat center;background-size:cover;width:100%;height:1.06rem;display:flex;align-items:center;padding-bottom:.1rem;box-sizing:border-box}.wrapper .top .top_icon{width:.83rem;height:.83rem;background:url(https://www.octopathsp.com/m/gw/20230615094157/img/icon_9423867.png) no-repeat center;background-size:cover;display:block;background-color:#595552;border-radius:.1rem;margin:0 .3rem}.wrapper .top .top_text h6{font-size:.24rem;color:#fff}.wrapper .top .top_text p{font-size:.2rem;color:#fff}.wrapper .top .menuList{margin:0 0 0 1.7rem;display:flex;width:1.4rem;justify-content:space-between;align-items:baseline}.wrapper .top .menuList .fbBtn{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/ios_5ec7dcf.png) no-repeat center;background-size:cover;width:.45rem;height:.55rem;display:block}.wrapper .top .menuList .ytBtn{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/g_84a5fd0.png) no-repeat center;background-size:cover;width:.46rem;height:.52rem;display:block}.wrapper .logo_box{display:flex;justify-content:space-between;padding:0 .2rem;box-sizing:border-box}.wrapper .logo_box .hdgz{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/hdgz_75e732a.png) no-repeat center;background-size:cover;width:1.91rem;height:.68rem;display:block}.wrapper .logo_box .bq p{font-size:.21rem;display:flex;align-items:center}.wrapper .logo_box .bq p span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:1.5rem;display:inline-block}.wrapper .logo_box .bq p a{color:#e1bb6d;text-decoration:underline;text-underline-position:under}.wrapper .pai_box{width:100%;height:6.84rem;margin:4.2rem auto 0}.wrapper .pai_box .swiper-button-prev{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/left_ba5e304.png) no-repeat center;background-size:cover;width:.58rem;height:1.12rem;left:1.25rem;cursor:none!important}.wrapper .pai_box .swiper-button-next{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/right_7a846df.png) no-repeat center;background-size:cover;width:.58rem;height:1.12rem;right:1.25rem;cursor:none!important}.wrapper .pai_box .swiper-slide{width:3.58rem!important}.wrapper .pai_box .swiper-slide::before{content:"";width:100%;height:99%;position:absolute;top:0;left:0;background:rgba(0,0,0,.4)}.wrapper .pai_box .swiper-slide.swiper-slide-active::before{background:0 0}.wrapper .pai_box .swiper-slide .ywc{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/ywc_7e37e59.png) no-repeat center;background-size:cover;width:1.2rem;height:.41rem;position:absolute;top:.15rem;right:.15rem;display:none}.wrapper .pai_box .swiper-slide .on .ywc{display:block}.wrapper .pai_box .swiper-slide .pai1{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/pai1_7da76b6.png) no-repeat center;background-size:cover;width:3.58rem;height:6.84rem}.wrapper .pai_box .swiper-slide .pai2{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/pai2_5a3e9cc.png) no-repeat center;background-size:cover;width:3.58rem;height:6.84rem}.wrapper .pai_box .swiper-slide .pai3{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/pai3_ab3350a.png) no-repeat center;background-size:cover;width:3.58rem;height:6.84rem}.wrapper .pai_btn{background:url(https://www.octopathsp.com/m/h5/20230713145408/img/pai_btn_5704350.png) no-repeat center;background-size:cover;width:2.03rem;height:.44rem;display:block;margin:.1rem auto;color:#94611c;text-align:center;line-height:.44rem;font-size:.24rem;font-weight:900}@keyframes load{100%{transform:rotate(360deg)}}