.payment-page[data-v-9c97b9b0]{min-height:100vh;background:#f5f5f5;padding:.64rem .42667rem}.payment-page .payment-container[data-v-9c97b9b0]{max-width:12.8rem;margin:0 auto;background:#fff;border-radius:.21333rem;box-shadow:0 .05333rem .21333rem rgba(0,0,0,.08);padding:.64rem}.payment-page .page-title[data-v-9c97b9b0]{color:#333;font-size:.53333rem;font-weight:700;margin-bottom:.64rem;text-align:center}.payment-page .package-container[data-v-9c97b9b0]{display:flex;justify-content:space-between;margin-bottom:.85333rem;gap:.32rem}.payment-page .package-item[data-v-9c97b9b0]{width:30%;border:.02667rem solid #e8e8e8;border-radius:.21333rem;padding:.42667rem;text-align:center;position:relative;cursor:pointer;transition:all .3s}.payment-page .package-item.active[data-v-9c97b9b0]{border-color:#ff4d4f!important;background-color:#fff5f5}.payment-page .package-item[data-v-9c97b9b0]:hover{border-color:#ff4d4f}.payment-page .tag-hot[data-v-9c97b9b0]{background-color:#ff4d4f;color:#fff;font-size:.32rem;padding:.05333rem .16rem;border-radius:.10667rem;position:absolute;top:-.21333rem;right:-.21333rem}.payment-page .package-name[data-v-9c97b9b0]{font-size:.37333rem;color:#666;margin-bottom:.21333rem}.payment-page .package-price[data-v-9c97b9b0]{color:#ff4d4f;font-weight:700;font-size:.48rem;margin-bottom:.10667rem}.payment-page .package-original[data-v-9c97b9b0]{font-size:.32rem;color:#999}.payment-page .price-original[data-v-9c97b9b0]{color:#999;font-size:.32rem;text-decoration:line-through;margin-left:.10667rem}.payment-page .tip-text[data-v-9c97b9b0]{font-size:.26667rem;color:#d01e1e;margin-bottom:.32rem}.payment-page .input-wrapper[data-v-9c97b9b0]{margin-bottom:.64rem;position:relative}.payment-page .input-wrapper .validated-tip[data-v-9c97b9b0],.payment-page .input-wrapper .validating-tip[data-v-9c97b9b0]{position:absolute;right:.32rem;top:50%;transform:translateY(-50%);font-size:.32rem}.payment-page .input-wrapper .validated-tip.validating-tip[data-v-9c97b9b0],.payment-page .input-wrapper .validating-tip.validating-tip[data-v-9c97b9b0]{color:#999}.payment-page .input-wrapper .validated-tip.validated-tip[data-v-9c97b9b0],.payment-page .input-wrapper .validating-tip.validated-tip[data-v-9c97b9b0]{color:#52c41a}.payment-page .user-info-display[data-v-9c97b9b0]{background:#f8f8f8;border-radius:.21333rem;padding:.42667rem;margin-bottom:.64rem}.payment-page .user-info-display .info-item[data-v-9c97b9b0]{display:flex;align-items:center;margin-bottom:.32rem;font-size:.37333rem}.payment-page .user-info-display .info-item[data-v-9c97b9b0]:last-child{margin-bottom:0}.payment-page .user-info-display .info-item .info-label[data-v-9c97b9b0]{color:#666;min-width:1.86667rem;font-weight:medium}.payment-page .user-info-display .info-item .info-value[data-v-9c97b9b0]{color:#333;flex:1}.payment-page .user-info-display .info-item .avatar-img[data-v-9c97b9b0]{width:1.06667rem;height:1.06667rem;border-radius:50%;object-fit:cover;border:.02667rem solid #e8e8e8}.payment-page .user-info-display .info-item .vip-active[data-v-9c97b9b0]{color:#52c41a;font-weight:700}.payment-page .vip-notice[data-v-9c97b9b0]{background:#f6ffed;border:.02667rem solid #b7eb8f;border-radius:.21333rem;padding:.32rem .42667rem;margin-bottom:.64rem;text-align:center;color:#52c41a;font-size:.4rem;font-weight:700}.payment-page .pay-result-overlay[data-v-9c97b9b0]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:10000;display:flex;align-items:center;justify-content:center}.payment-page .pay-result-card[data-v-9c97b9b0]{background:#fff;border-radius:.42667rem;padding:1.06667rem .85333rem;text-align:center;width:8rem;box-shadow:0 .21333rem .8rem rgba(0,0,0,.15)}.payment-page .result-icon[data-v-9c97b9b0]{width:1.70667rem;height:1.70667rem;border-radius:50%;margin:0 auto .42667rem;display:flex;align-items:center;justify-content:center;font-size:.74667rem}.payment-page .loading-icon[data-v-9c97b9b0]{border:.08rem solid #e8e8e8;border-top-color:#ff4d4f;animation:spin-data-v-9c97b9b0 .8s linear infinite}@keyframes spin-data-v-9c97b9b0{to{transform:rotate(1turn)}}.payment-page .success-icon[data-v-9c97b9b0]{background:#52c41a;color:#fff}.payment-page .fail-icon[data-v-9c97b9b0]{background:#ff4d4f;color:#fff}.payment-page .result-title[data-v-9c97b9b0]{font-size:.48rem;font-weight:700;color:#333;margin-bottom:.21333rem}.payment-page .result-title.success[data-v-9c97b9b0]{color:#52c41a}.payment-page .result-title.fail[data-v-9c97b9b0]{color:#ff4d4f}.payment-page .result-desc[data-v-9c97b9b0]{font-size:.34667rem;color:#999;line-height:1.6;margin-bottom:.53333rem}.payment-page .result-btn[data-v-9c97b9b0]{width:100%;padding:.26667rem;border:none;border-radius:.21333rem;background:#ff4d4f;color:#fff;font-size:.37333rem;cursor:pointer}.payment-page .result-btn[data-v-9c97b9b0]:hover{background:#ff7875}.payment-page .wechat-mask[data-v-9c97b9b0]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.payment-page .wechat-mask-content[data-v-9c97b9b0]{display:flex;flex-direction:column;align-items:flex-end;width:100%;padding:2.13333rem .8rem 0 0;box-sizing:border-box}.payment-page .arrow-top-right[data-v-9c97b9b0]{width:.96rem;height:.96rem;border-top:.05333rem solid #fff;border-right:.05333rem solid #fff;transform:rotate(45deg);margin-right:1.33333rem;margin-bottom:.16rem;animation:arrow-bounce-data-v-9c97b9b0 1.2s ease-in-out infinite}@keyframes arrow-bounce-data-v-9c97b9b0{0%,to{transform:rotate(45deg) translate(0)}50%{transform:rotate(45deg) translate(.13333rem,-.13333rem)}}.payment-page .tip-card[data-v-9c97b9b0]{background:#fff;border-radius:.32rem;padding:.64rem .74667rem;text-align:center;box-shadow:0 .10667rem .53333rem rgba(0,0,0,.2);max-width:7.46667rem;margin-top:.53333rem;align-self:center}.payment-page .tip-card .tip-text[data-v-9c97b9b0]{font-size:.4rem;color:#333;line-height:2;margin:0}.payment-page .tip-card .tip-text strong[data-v-9c97b9b0]{color:#ff4d4f;font-weight:700}.payment-page .user-input[data-v-9c97b9b0]{width:90%;border:.02667rem solid #d9d9d9;border-radius:.21333rem;padding:.32rem .42667rem;font-size:.37333rem;outline:none}.payment-page .user-input[data-v-9c97b9b0]:focus{border-color:#40a9ff}.payment-page .user-input[data-v-9c97b9b0]:disabled{background:#f5f5f5;cursor:not-allowed}.payment-page .payment-methods[data-v-9c97b9b0]{display:flex;margin-bottom:.64rem}.payment-page .payment-methods .method-item[data-v-9c97b9b0]{margin-right:.64rem}.payment-page .payment-methods .method-item .method-label[data-v-9c97b9b0]{font-size:.37333rem;color:#666}.payment-page .confirm-btn[data-v-9c97b9b0]{width:100%;background:#bfbfbf;color:#fff;border:none;border-radius:.21333rem;padding:.32rem;font-size:.37333rem;font-weight:medium;margin-bottom:.85333rem;cursor:not-allowed;transition:all .3s}.payment-page .confirm-btn.btn-active[data-v-9c97b9b0]{background:#ff4d4f;cursor:pointer}.payment-page .confirm-btn.btn-active[data-v-9c97b9b0]:hover{background:#ff7875}.payment-page .notice-section .notice-title[data-v-9c97b9b0]{font-size:.37333rem;color:#666;font-weight:medium;margin-bottom:.21333rem}.payment-page .notice-section .notice-list[data-v-9c97b9b0]{font-size:.32rem;color:#999;line-height:1.8;padding-left:0;list-style:none}.payment-page .notice-section .notice-list li[data-v-9c97b9b0]{margin-bottom:.10667rem}