@charset "utf-8";input:-webkit-autofill{background:#787a8b!important;-webkit-box-shadow:0 0 0 999px #787a8b inset}.poniter_event_none{pointer-events:none}.text-transform{text-transform:uppercase}@-webkit-keyframes fadeIn{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}@-moz-keyframes fadeIn{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}@-ms-keyframes fadeIn{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}@-o-keyframes fadeIn{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}@keyframes fadeIn{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}@-webkit-keyframes fadeOut{0%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}100%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}}@-moz-keyframes fadeOut{0%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}100%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}}@-ms-keyframes fadeOut{0%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}100%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}}@-o-keyframes fadeOut{0%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}100%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}}@keyframes fadeOut{0%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}100%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}}@-webkit-keyframes male{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg)}}@-moz-keyframes male{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg)}}@-ms-keyframes male{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg)}}@-o-keyframes male{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes male{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg)}}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes rotate{100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes rotate{100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes rotate{100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes scale{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-moz-keyframes scale{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-ms-keyframes scale{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-o-keyframes scale{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@keyframes scale{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-webkit-keyframes down{0%{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px)}50%{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px)}}@-moz-keyframes down{0%{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px)}50%{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px)}}@-ms-keyframes down{0%{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px)}50%{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px)}}@-o-keyframes down{0%{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px)}50%{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes down{0%{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px)}50%{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px)}}@-webkit-keyframes sang{0%,36%,72%,100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}18%,54%,90%{-webkit-opacity:.5;-moz-opacity:.5;opacity:.5;filter:alpha(opacity=50)}}@-moz-keyframes sang{0%,36%,72%,100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}18%,54%,90%{-webkit-opacity:.5;-moz-opacity:.5;opacity:.5;filter:alpha(opacity=50)}}@-ms-keyframes sang{0%,36%,72%,100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}18%,54%,90%{-webkit-opacity:.5;-moz-opacity:.5;opacity:.5;filter:alpha(opacity=50)}}@-o-keyframes sang{0%,36%,72%,100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}18%,54%,90%{-webkit-opacity:.5;-moz-opacity:.5;opacity:.5;filter:alpha(opacity=50)}}@keyframes sang{0%,36%,72%,100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}18%,54%,90%{-webkit-opacity:.5;-moz-opacity:.5;opacity:.5;filter:alpha(opacity=50)}}@-webkit-keyframes quan{0%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}100%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}}@-moz-keyframes quan{0%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}100%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}}@-ms-keyframes quan{0%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}100%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}}@-o-keyframes quan{0%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}100%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}}@keyframes quan{0%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}100%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}}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}body{padding:0;margin: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:400;font-style:normal}a,a:hover{text-decoration:none}body,textarea,input,button{color:#62a1c9}input,textarea,a,div,button,select{margin:0;padding:0;border:0;outline:0}table{border-collapse:collapse;border-spacing:0}select{appearance:none;-moz-appearance:none;-webkit-appearance:none}html,body{width:100%;min-width:1420px;height:auto;font-family:"Microsoft YaHei",Arial,"Helvetica Neue",HelveticaNeue,Helvetica,"BBAlpha Sans",sans-serif}.wbox{width:1420px;margin:0 auto;clear:both}.wbox:after{content:".";display:block;height:0;clear:both;visibility:hidden}.wbox{display:inline-block}* html .wbox{zoom:1}.wbox{display:block;position:relative}.hide{display:none}body{font-family:"Microsoft YaHei","Helvetica Neue",HelveticaNeue,HelveticasimSun,Helvetica,"Lucida Grande","Lucida Sans Unicode",Arial}.container{width:100%;font-family:"\5FAE\8F6F\96C5\9ED1","Microsoft YaHei";margin:0 auto;position:relative;overflow:hidden}.container img{width:auto;height:auto;vertical-align:middle}.lb-dataContainer .lb-details{display:none}.Layer{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:none;z-index:10000}.Layer.on{display:block}.pop{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10001;display:none}.pop.on{display:block}.pop .close{width:35px;height:34px;background:url(https://seasia.octopathsp.com/pc/zt/20231127163447/img/close_b87a233.png) no-repeat;position:absolute;top:0;right:-45px;z-index:100001;-webkit-transition:transform .3s ease-in-out;-moz-transition:transform .3s ease-in-out;-ms-transition:transform .3s ease-in-out;-o-transition:transform .3s ease-in-out;transition:transform .3s ease-in-out}.pop .close:hover{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.video-pop{width:800px;height:450px;margin:-225px 0 0 -400px;display:none}.video-pop .video-box{width:800px;height:450px}#NIE-topBar{width:100%;position:absolute!important;top:0;left:0}.footer{width:100%;color:#fff;position:absolute;left:0;bottom:0;z-index:99;background:#000;padding-top:10px;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}.footer.show{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%)}.footer .copyRight_btn{padding-left:.15rem;font-size:.13rem;box-sizing:border-box;position:absolute;right:.47rem;top:-.5rem;line-height:.36rem;background:url(https://seasia.octopathsp.com/pc/zt/20231127163447/img/footer/copyright_bg_adb0682.png);background-size:100%;width:1.78rem;height:.36rem;color:#dac6b1;font-family:'Noto Sans SC'}.footer .copyRight_btn i{width:.16rem;height:.16rem;display:block;position:absolute;right:.15rem;top:50%;margin-top:-.08rem;background:url(https://seasia.octopathsp.com/pc/zt/20231127163447/img/footer/btn_arrow_ea99876.png);background-size:100%;-webkit-transition:transform .6s;-moz-transition:transform .6s;-ms-transition:transform .6s;-o-transition:transform .6s;transition:transform .6s}.footer .copyRight_btn.cur i{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.footer .footer_box{height:auto;padding-top:.2rem;box-sizing:border-box;padding-bottom:.1rem}.footer .footer_box .logos{display:flex;align-items:center;justify-content:space-around;width:4.5rem;margin:0 auto .24rem}.footer .footer_box .logos .logo1{width:1.4rem}.footer .footer_box .logos .logo2{width:.82rem}.footer .footer_box .logos .logo3{width:.53rem}.footer .footer_box p{margin-bottom:.17rem;text-align:center;font-family:'Noto Sans SC';line-height:.18rem;font-size:.12rem;color:#fff}.footer .footer_box p a{color:#fff;text-decoration:underline}.footer .footer_box .footer_mail{font-style:italic}.footer a{color:#fff}.footer #NIE-share{height:22px;text-align:center;margin-bottom:10px}.footer #NIE-share .NIE-share{height:22px}.footer #NIE-share .NIE-share .NIE-share-txt{height:22px;line-height:22px;font-size:12px;margin-right:6px;color:#fff}.footer #NIE-share .NIE-share .NIE-share-iconBtn a{color:#fff;height:22px;line-height:22px;width:auto;margin-right:12px}.footer #NIE-share .NIE-share .NIE-share-iconBtn a span{height:22px;font-size:22px;line-height:22px;margin-right:4px}.footer #NIE-share .NIE-share .NIE-share-iconBtn a em{font-size:12px;height:22px;line-height:22px}.footer #NIE-share .NIE-share .NIE-share-iconBtn a:hover{color:#bc9d59}.footer #NIE-share .NIE-share .NIE-share-iconBtn a.morebtn{margin-right:0}.footer #NIE-share .NIE-share1 .NIE-share-more{top:40px;right:25px}.footer #NIE-copyRight-corp{padding:0!important}.footer #NIE-copyRight,.footer #NIE-copyRight-corp{width:1180px!important;margin:0 auto;text-align:center!important}.footer #NIE-copyRight #ncp-l3,.footer #NIE-copyRight-corp #ncp-l3{width:100%;line-height:1.6em}.footer #NIE-copyRight .nie-copyright-new-inner{padding:0}.alert_box .alert_wrap .alert_main .btns.btnsConfirm{background-color:#f28144}.alert_box .alert_wrap .alert_main .btns.btnsConfirm:hover{background-color:#f28144}.alert_box .alert_wrap .alertClose em{background-color:#f28144}.alert_box .alert_wrap .alertClose:hover em{background-color:#f28144}#tpl #NIE-share{height:.22rem;text-align:center;background:#000;padding-top:.15rem;font-size:0}#tpl .NIE-share-txt{height:.22rem;line-height:.22rem;font-size:.12rem;color:#6b6b6b;margin-right:.1rem}#tpl .NIE-share-iconBtn a{width:auto;padding-right:.1rem;margin-right:0;line-height:.22rem;font-size:.22rem;color:#6b6b6b}#tpl .NIE-share-iconBtn a span{height:.22rem;line-height:.22rem;font-size:.22rem}#tpl .NIE-share-iconBtn a:hover{color:#b62d15}#tpl .NIE-share-iconBtn a em{font-size:.12rem;height:.22rem;line-height:.22rem;margin-left:.05rem}html{font-size:625%}.main{width:100%;height:10.8rem;background:url(https://seasia.octopathsp.com/pc/zt/20231127163447/img/bg1_b420167.jpg) center no-repeat;background-size:cover;position:relative}.main>*{transform:scale(0.9)}.main .logo{display:block;width:2.93rem;height:1.56rem;background:url(https://seasia.octopathsp.com/pc/zt/20231127163447/img/logo_0ba3ee1.png) center no-repeat;background-size:100% 100%;position:absolute;top:.2rem;left:.25rem}.main .rightLogo{width:3.12rem;height:3.42rem;background:url(https://seasia.octopathsp.com/pc/zt/20231127163447/img/rightIcon_5b258f1.png) no-repeat;background-size:100% 100%;position:absolute;top:.86rem;right:0}.main .slogan{width:9.95rem;height:1.59rem;background:url(https://seasia.octopathsp.com/pc/zt/20231127163447/img/slogan_9336cc2.png) no-repeat;background-size:100% 100%;position:absolute;top:1.63rem;left:50%;margin-left:-3.84rem}.main .infoBox{position:absolute;top:4.58rem;left:50%;margin-left:.48rem}.main .row{width:7.13rem;display:flex;justify-content:space-between;position:relative;align-items:center}.main .row.r0{margin-bottom:.2rem}.main .row.r1{margin-bottom:.58rem}.main .row.r1 .tipsBox{display:none;position:absolute;font-size:.26rem;top:1rem;left:.2rem;color:#89695e}.main .row.r1 .tipsBox.on{display:block}.main .row.r2{margin-bottom:.44rem}.main .row a:hover{opacity:.8}.main .row input{display:block;background:url(https://seasia.octopathsp.com/pc/zt/20231127163447/img/inputBox_b84ee1e.png) no-repeat;background-size:100% 100%;font-size:.34rem;color:#716750;height:.93rem;line-height:.93rem;padding:0 .4rem;box-sizing:border-box}.main .row #uid{width:4.77rem}.main .row #giftCode{width:7.13rem}.main .row #codeImg{width:2.14rem;height:.8rem;font-size:0;border:1px solid #cfa773;cursor:pointer}.main .row #codeImg img{width:100%;min-height:100%;object-fit:cover}.main .row .selectRole{width:2.14rem;height:.8rem;background:url(https://seasia.octopathsp.com/pc/zt/20231127163447/img/selectBtn_f759de8.png) no-repeat;background-size:100% 100%}.main .row .getUid{font-size:.26rem;position:absolute;display:block;width:fit-content;right:.1rem;bottom:-.43rem;color:#77584f;border-bottom:1px solid #77584f}.main .row .resetBtn{width:2.64rem;height:.8rem;background:url(https://seasia.octopathsp.com/pc/zt/20231127163447/img/resetBtn_36b9713.png) no-repeat;background-size:100% 100%}.main .row .exchangeBtn{width:4.02rem;height:.8rem;background:url(https://seasia.octopathsp.com/pc/zt/20231127163447/img/exchangeBtn_854d306.png) no-repeat;background-size:100% 100%}.alertPop,.getIdPop{width:6.22rem;height:3.46rem;background:url(https://seasia.octopathsp.com/pc/zt/20231127163447/img/alertPop_520d99e.png) no-repeat;background-size:100% 100%;padding:.25rem 0;box-sizing:border-box}.alertPop.getIdPop,.getIdPop.getIdPop{width:9.52rem}.alertPop.alertPop .tipsTit,.getIdPop.alertPop .tipsTit{font-size:.41rem}.alertPop.alertPop .tipsDec,.getIdPop.alertPop .tipsDec{font-size:.27rem}.alertPop .popCont,.getIdPop .popCont{width:100%;height:100%;display:flex;align-items:center;flex-wrap:wrap;justify-content:center}.alertPop .tipsTit,.getIdPop .tipsTit{width:100%;font-size:.32rem;color:#9b611b;text-align:center;background-image:-webkit-linear-gradient(top,#9c6910,#763e0c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.alertPop .tipsDec,.getIdPop .tipsDec{width:100%;font-size:.23rem;color:#716750;line-height:.42rem;text-align:center}.alertPop .sureBtn,.getIdPop .sureBtn{display:block;width:1.54rem;height:.56rem;background:url(https://seasia.octopathsp.com/pc/zt/20231127163447/img/sureBtn_20baf18.png) no-repeat;background-size:100% 100%;margin:0 auto}