.payment-page[data-v-4a85173e]{width:100%}.payment-container[data-v-4a85173e]{max-width:800px;margin:0 auto}.order-info[data-v-4a85173e]{margin-bottom:20px}.order-info .info-item[data-v-4a85173e]{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.order-info .info-item[data-v-4a85173e]:last-child{border-bottom:none}.order-info .info-item .label[data-v-4a85173e]{width:100px;color:#666;font-size:14px}.order-info .info-item .value[data-v-4a85173e]{flex:1;color:#333;font-size:14px}.order-info .info-item .value.amount[data-v-4a85173e]{font-size:20px;font-weight:600;color:#f56c6c}.payment-methods .payment-method-selector[data-v-4a85173e]{display:flex;gap:16px;margin-bottom:24px}.payment-methods .payment-method-selector .method-item[data-v-4a85173e]{flex:1;padding:20px;border:2px solid #e8e8e8;border-radius:8px;text-align:center;cursor:pointer;transition:all .3s}.payment-methods .payment-method-selector .method-item i[data-v-4a85173e]{font-size:32px;color:#666;display:block;margin-bottom:8px}.payment-methods .payment-method-selector .method-item span[data-v-4a85173e]{font-size:16px;color:#333;font-weight:500}.payment-methods .payment-method-selector .method-item[data-v-4a85173e]:hover{border-color:#409eff;background:#f0f9ff}.payment-methods .payment-method-selector .method-item.active[data-v-4a85173e]{border-color:#409eff;background:#e6f7ff}.payment-methods .payment-method-selector .method-item.active i[data-v-4a85173e]{color:#409eff}.payment-methods .bank-selector[data-v-4a85173e]{margin-bottom:24px}.payment-methods .bank-selector .bank-list[data-v-4a85173e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.payment-methods .bank-selector .bank-list .bank-item[data-v-4a85173e]{padding:16px;border:1px solid #e8e8e8;border-radius:8px;text-align:center;cursor:pointer;transition:all .3s}.payment-methods .bank-selector .bank-list .bank-item .bank-icon[data-v-4a85173e]{font-size:24px;display:block;margin-bottom:8px}.payment-methods .bank-selector .bank-list .bank-item .bank-name[data-v-4a85173e]{font-size:14px;color:#333}.payment-methods .bank-selector .bank-list .bank-item[data-v-4a85173e]:hover{border-color:#409eff;background:#f0f9ff}.payment-methods .qr-code-section[data-v-4a85173e]{text-align:center;padding:20px}.payment-methods .qr-code-section .qr-code[data-v-4a85173e]{display:inline-block;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.payment-methods .qr-code-section .qr-code img[data-v-4a85173e]{width:200px;height:200px;display:block}.payment-methods .qr-code-section .qr-code .tip[data-v-4a85173e]{margin-top:12px;color:#666;font-size:14px}.payment-methods .payment-link-section[data-v-4a85173e]{text-align:center;padding:20px}.payment-methods .payment-link-section button[data-v-4a85173e]{width:200px;height:50px;font-size:16px}.payment-methods .payment-link-section .tip[data-v-4a85173e]{margin-top:12px;color:#666;font-size:14px}.payment-methods .loading-section[data-v-4a85173e]{text-align:center;padding:40px}.payment-methods .loading-section .el-icon-loading[data-v-4a85173e]{font-size:32px;color:#409eff}.payment-methods .loading-section p[data-v-4a85173e]{margin-top:12px;color:#666}.success-section[data-v-4a85173e]{margin-top:20px}