.loading-mask{background-color:#000;height:100vh;left:0;opacity:.7;position:absolute;top:0;width:100vw;z-index:999}.loading-animate{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:1.26rem;z-index:9999}.loading-animate img{height:.85rem;width:.8rem}.loading-animate .text{color:#fff;display:inline-block;font-size:.3rem;padding-top:.1rem}.pay-secure-box{-webkit-box-align:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;bottom:0;display:-webkit-box;display:-webkit-flex;display:flex;height:1rem;-webkit-justify-content:center;justify-content:center;left:0;line-height:1rem;position:fixed;text-align:center;width:100%}.pay-secure-box .pay-secure-img{height:.36rem;width:.36rem}.pay-secure-box .tips{color:#191b19;font-size:.26rem;opacity:.5}@font-face{font-family:OutFit;font-style:normal;font-weight:400;src:url(/public/font/Outfit-Regular.e853df41.ttf)}article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hr,iframe,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}body,button,input,select,textarea{font-family:system,-apple-system,BlinkMacSystemFont,PingFang SC,Segoe UI,Microsoft YaHei,wenquanyi micro hei,Hiragino Sans GB,Hiragino Sans GB W3,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.12rem;line-height:1.5}fieldset,img{border:0}img{max-width:100%;vertical-align:middle}table{border-collapse:collapse;border-spacing:0}button,input,select,textarea{-webkit-appearance:none;background:transparent;border:none;margin:0;outline:0;padding:0}textarea{overflow:auto;resize:none}a:active,a:hover,a:link,a:visited{text-decoration:none}em,i{font-style:normal}ol,ul{list-style:none}[v-cloak]{display:none}iframe{border:none}b{font-weight:400}::-webkit-input-placeholder{color:rgba(147,154,169,.5)}:-moz-placeholder,::-moz-placeholder{color:rgba(147,154,169,.5)}:-ms-input-placeholder{color:rgba(147,154,169,.5)}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{box-shadow:inset 0 0 0 .3rem #fff!important}.clearfix:after{clear:both;content:"";display:block}.pull-right{float:right!important}.pull-left{float:left!important}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.inherit-link,.inherit-link:hover{color:inherit}.block{display:block!important}.hide{display:none!important}.auto-width{width:auto!important}.v-middle{vertical-align:middle}.pointer{cursor:pointer}.flex,.flex-horizontal,.flex-space-between,.flex-vertical{display:-webkit-box;display:-webkit-flex;display:flex}.flex-vertical{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.flex-horizontal{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.flex-space-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.pre-wrap{white-space:pre-wrap}.no-wrap,.text-ellipsis{white-space:nowrap}.text-ellipsis{overflow:hidden;text-overflow:ellipsis}.placeholder{color:#939aa9}.mt-5{margin-top:.05rem}.mr-5{margin-right:.05rem}.mb-5{margin-bottom:.05rem}.ml-5{margin-left:.05rem}.pt-5{padding-top:.05rem}.pr-5{padding-right:.05rem}.pb-5{padding-bottom:.05rem}.pl-5{padding-left:.05rem}.mt-10{margin-top:.1rem}.mr-10{margin-right:.1rem}.mb-10{margin-bottom:.1rem}.ml-10{margin-left:.1rem}.pt-10{padding-top:.1rem}.pr-10{padding-right:.1rem}.pb-10{padding-bottom:.1rem}.pl-10{padding-left:.1rem}.mt-15{margin-top:.15rem}.mr-15{margin-right:.15rem}.mb-15{margin-bottom:.15rem}.ml-15{margin-left:.15rem}.pt-15{padding-top:.15rem}.pr-15{padding-right:.15rem}.pb-15{padding-bottom:.15rem}.pl-15{padding-left:.15rem}.mt-20{margin-top:.2rem}.mr-20{margin-right:.2rem}.mb-20{margin-bottom:.2rem}.ml-20{margin-left:.2rem}.pt-20{padding-top:.2rem}.pr-20{padding-right:.2rem}.pb-20{padding-bottom:.2rem}.pl-20{padding-left:.2rem}.mt-25{margin-top:.25rem}.mr-25{margin-right:.25rem}.mb-25{margin-bottom:.25rem}.ml-25{margin-left:.25rem}.pt-25{padding-top:.25rem}.pr-25{padding-right:.25rem}.pb-25{padding-bottom:.25rem}.pl-25{padding-left:.25rem}.mt-30{margin-top:.3rem}.mr-30{margin-right:.3rem}.mb-30{margin-bottom:.3rem}.ml-30{margin-left:.3rem}.pt-30{padding-top:.3rem}.pr-30{padding-right:.3rem}.pb-30{padding-bottom:.3rem}.pl-30{padding-left:.3rem}.scroll-lock{height:100vh;overflow:hidden!important;touch-action:none}html{font-size:13.3333333333vw}@media screen and (min-width:750px){html{font-size:1rem}}body{height:100%;margin:0 auto;max-width:7.5rem}@media screen and (max-width:750px){body{min-width:100vw}}#app{min-height:100vh}body{background-color:#fff;font-family:OutFit}.payment-checkout-wrap{background:#fff;min-height:100vh}.payment-checkout-wrap .mask{background-color:#000;bottom:0;height:100vh;opacity:.7;position:absolute;top:0;width:100vw;z-index:1}.payment-checkout-wrap .main-box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background-color:#fff;border-top-left-radius:.2rem;border-top-right-radius:.2rem;bottom:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:80vh;left:0;overflow:hidden;padding:0 .32rem 1rem;position:absolute;width:100%;z-index:2}.payment-checkout-wrap .main-box .order-detail-wrap{background-color:#fbfbfb;border-radius:.3rem;margin-bottom:.32rem;padding:.26rem;width:100%}.payment-checkout-wrap .main-box .order-detail-wrap .product-box{padding:0 .32rem}.payment-checkout-wrap .main-box .order-detail-wrap .product-box .product-amount{color:#50cd75;font-size:.6rem;font-weight:700;line-height:.76rem;margin-bottom:.08rem;text-align:center}.payment-checkout-wrap .main-box .order-detail-wrap .product-box .product-amount .unit{display:inline-block;margin-left:.1rem}.payment-checkout-wrap .main-box .order-detail-wrap .product-box .payment-time{-webkit-box-pack:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin-top:.2rem}.payment-checkout-wrap .main-box .order-detail-wrap .product-box .payment-time .label{color:#191b19;font-size:.28rem;font-weight:500;margin-right:.14rem;opacity:.7}.payment-checkout-wrap .main-box .order-detail-wrap .product-box .payment-time .value{font-size:.28rem;font-weight:500}.payment-checkout-wrap .main-box .order-detail-wrap .product-box .payment-time .value .time{background-color:#50cd75;border-radius:.06rem;box-sizing:border-box;color:#fff;display:inline-block;height:.5rem;line-height:.5rem;text-align:center;width:.5rem}.payment-checkout-wrap .main-box .order-detail-wrap .product-box .payment-time .value .semicolon{color:#50cd75;margin:0 .08rem}.payment-checkout-wrap .main-box .order-detail-wrap .product-box .product-desc{color:#191b19;font-size:.28rem;line-height:.35rem;text-align:center}.payment-checkout-wrap .main-box .order-detail-wrap .order-box{padding:.4rem 0 0}.payment-checkout-wrap .main-box .order-detail-wrap .order-box .order-id-box,.payment-checkout-wrap .main-box .order-detail-wrap .order-box .payment-id-box{-webkit-box-pack:justify;-webkit-box-align:center;-webkit-align-items:center;align-items:center;color:#191b19;display:-webkit-box;display:-webkit-flex;display:flex;font-size:.24rem;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:.16rem}.payment-checkout-wrap .main-box .order-detail-wrap .order-box .order-id-box .label,.payment-checkout-wrap .main-box .order-detail-wrap .order-box .payment-id-box .label{opacity:.5;width:50%}.payment-checkout-wrap .main-box .order-detail-wrap .order-box .order-id-box .value,.payment-checkout-wrap .main-box .order-detail-wrap .order-box .payment-id-box .value{word-wrap:break-word;text-align:right;width:50%}.payment-checkout-wrap .main-box .payment-method-wrap{-webkit-box-flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;-webkit-flex-direction:column;flex-direction:column;overflow:hidden;width:100%}.payment-checkout-wrap .main-box .payment-method-wrap .title{border:.01rem solid rgba(25,27,25,.12);border-radius:.3rem .3rem 0 0;color:#191b19;font-size:.36rem;font-weight:700;line-height:.45rem;padding:.36rem .16rem}.payment-checkout-wrap .main-box .payment-method-wrap .payment-method-list{border:.01rem solid rgba(25,27,25,.12);border-radius:0 0 .3rem .3rem;border-top:none;overflow:scroll;padding:.26rem;position:relative}.payment-checkout-wrap .main-box .payment-method-wrap .payment-method-list .payment-item{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:.15rem 0}.payment-checkout-wrap .main-box .payment-method-wrap .payment-method-list .payment-item,.payment-checkout-wrap .main-box .payment-method-wrap .payment-method-list .payment-item .icon-name{-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:flex}.payment-checkout-wrap .main-box .payment-method-wrap .payment-method-list .payment-item .icon-name .icon{margin-right:.2rem;width:.66rem}.payment-checkout-wrap .main-box .payment-method-wrap .payment-method-list .payment-item .icon-name .name{color:#000;font-size:.3rem}.payment-checkout-wrap .main-box .payment-method-wrap .payment-method-list .select .cicle-icon{border:.04rem solid #d9dbdd;border-radius:50%;height:.38rem;width:.38rem}.payment-checkout-wrap .main-box .payment-method-wrap .payment-method-list .select .select-icon{height:.38rem;width:.38rem}.payment-checkout-wrap .main-box .payment-method-wrap .payment-method-list .more{margin:auto;text-align:center;width:50%;z-index:6}.payment-checkout-wrap .main-box .payment-method-wrap .payment-method-list .more .more-icon{height:.44rem;width:.44rem}.payment-checkout-wrap .main-box .pay-btn{-webkit-box-pack:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background-color:#000;border-radius:.49rem;color:#fff;display:-webkit-box;display:-webkit-flex;display:flex;font-size:.38rem;font-weight:500;height:.98rem;-webkit-justify-content:center;justify-content:center;margin-top:.3rem;opacity:1;width:90%}.payment-checkout-wrap .main-box .pay-btn .pay-text{padding-right:.2rem}.payment-checkout-wrap .main-box .pay-btn .amount{margin-right:.05rem}.payment-checkout-wrap .main-box .pay-btn-disable{background:#d9dbdd;pointer-events:none}.payment-checkout-wrap .main-box .offline-tips{-webkit-box-pack:center;background-color:#000;border-radius:.3rem;color:#fff;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;font-size:.32rem;height:1.5rem;-webkit-justify-content:center;justify-content:center;left:50%;opacity:.8;padding:.2rem;position:absolute;text-align:center;top:.26rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:6.4rem;z-index:6}.header-wrap{-webkit-box-pack:end;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background-color:#fff;display:-webkit-box;display:-webkit-flex;display:flex;height:1.2rem;-webkit-justify-content:flex-end;justify-content:flex-end;left:0;position:-webkit-sticky;position:sticky;top:0;width:100%}.header-wrap .header{-webkit-box-flex:1;-webkit-flex:1;flex:1;font-size:.36rem;font-weight:700;text-align:center}.header-wrap .close-icon-box{height:.44rem;position:absolute;right:.26rem;width:.44rem}.header-wrap .close-icon-box .close-icon{height:100%;width:100%}.close-modal-wrap,.close-modal-wrap .mask{height:100vh;position:absolute;width:100vw;z-index:3}.close-modal-wrap .mask{background-color:#000;bottom:0;opacity:.7;top:0}.close-modal-wrap .confirm-modal{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background-color:#fff;border-radius:.2rem;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:3.48rem;-webkit-justify-content:space-around;justify-content:space-around;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:6.24rem;z-index:4}.close-modal-wrap .confirm-modal .title{color:#191b19;font-size:.4rem;font-weight:500;text-align:center}.close-modal-wrap .confirm-modal .footer-btn{-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;width:100%}.close-modal-wrap .confirm-modal .footer-btn .cancel-btn,.close-modal-wrap .confirm-modal .footer-btn .confirm-btn{border-radius:.4rem;font-size:.34rem;height:.8rem;line-height:.8rem;text-align:center;width:2.66rem}.close-modal-wrap .confirm-modal .footer-btn .cancel-btn{border:.03rem solid #191b19;color:#000}.close-modal-wrap .confirm-modal .footer-btn .confirm-btn{background-color:#000;color:#fff}