.container[data-v-9b5283b8]{background:#fff;width:360px;max-width:92%;-webkit-border-radius:12px;border-radius:12px;-webkit-box-shadow:0 8px 24px rgba(0,0,0,.08);box-shadow:0 8px 24px rgba(0,0,0,.08);padding:20px 20px 24px;text-align:center}.title[data-v-9b5283b8]{font-size:18px;font-weight:600;margin-bottom:4px}.subtitle[data-v-9b5283b8]{font-size:12px;color:#888;margin-bottom:16px}.amount-label[data-v-9b5283b8]{font-size:13px;color:#666}.amount[data-v-9b5283b8]{margin-top:4px;font-size:28px;font-weight:700;color:#1677ff}.amount span[data-v-9b5283b8]{font-size:16px;margin-left:2px}.qr-wrapper[data-v-9b5283b8]{margin:18px auto 10px;width:220px;height:220px;-webkit-border-radius:12px;border-radius:12px;padding:10px;background:-webkit-linear-gradient(305deg,#e6f3ff,#fff);background:-o-linear-gradient(305deg,#e6f3ff,#fff);background:linear-gradient(145deg,#e6f3ff,#fff);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative;overflow:hidden}.qr-wrapper img[data-v-9b5283b8]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.status-badge[data-v-9b5283b8]{position:absolute;top:8px;right:8px;padding:2px 8px;-webkit-border-radius:999px;border-radius:999px;font-size:11px;background:rgba(22,119,255,.1);color:#1677ff}.status-badge.expired[data-v-9b5283b8]{background:rgba(255,77,79,.12);color:#ff4d4f}.tip[data-v-9b5283b8]{font-size:12px;color:#666;line-height:1.6;margin-top:8px}.tip-strong[data-v-9b5283b8]{color:#ff4d4f;font-weight:600}.countdown[data-v-9b5283b8]{margin-top:10px;font-size:13px;color:#999}.countdown span[data-v-9b5283b8]{color:#1677ff;font-weight:600;margin:0 2px}.expired-mask[data-v-9b5283b8]{position:absolute;inset:0;background:hsla(0,0%,100%,.88);display:none;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.expired-mask-text[data-v-9b5283b8]{font-size:18px;color:#ff4d4f;font-weight:700;margin-bottom:4px}.expired-mask-sub[data-v-9b5283b8]{font-size:12px;color:#999}.footer-note[data-v-9b5283b8]{margin-top:16px;font-size:11px;color:#bbb}.pay-type-wrap .pay-type-list .pay-type-item{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer;margin-bottom:20px;padding:6px 0;color:#666b80}.pay-type-wrap .pay-type-list .pay-type-item:after{content:"";position:absolute;bottom:0;height:2px;width:0;background-color:var(--primary);-webkit-transition:all .3s ease-in-out;-o-transition:all ease-in-out .3s;transition:all .3s ease-in-out}.pay-type-wrap .pay-type-list .pay-type-item.active{color:#142467}.pay-type-wrap .pay-type-list .pay-type-item.active:after{width:100%}.pay-amount-wrap .pay-amount-list{max-width:520px}.pay-amount-wrap .pay-amount-list .pay-amount-item{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer;margin-right:10px;padding:10px 15px;color:#142467;border:1px solid var(--border);-webkit-border-radius:3px;border-radius:3px}.pay-amount-wrap .pay-amount-list .pay-amount-item.active{border-color:rgba(0,0,0,0);background-color:var(--primary);color:#fff}.pay-amount-wrap .pay-amount-list .input-area{position:relative;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:52px;border:1px solid var(--border);-webkit-border-radius:3px;border-radius:3px}.pay-amount-wrap .pay-amount-list .input-area:focus,.pay-amount-wrap .pay-amount-list .input-area:hover{border-color:var(--primary)}.pay-amount-wrap .pay-amount-list .input-area .prefix{position:absolute;left:10px;height:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;z-index:1;color:var(--primary)}.pay-amount-wrap .pay-amount-list .input-area .form-control{padding-left:30px;position:absolute;height:100%;width:100%;border:none}.pay-amount-wrap .pay-amount-list .input-area.active~.pay-amount-item.custom{position:relative}.pay-amount-wrap .pay-amount-list .input-area.active~.pay-amount-item.custom:after,.pay-amount-wrap .pay-amount-list .input-area.active~.pay-amount-item.custom:before{content:"";position:absolute;bottom:-27px;border-width:10px;border-style:solid}.pay-amount-wrap .pay-amount-list .input-area.active~.pay-amount-item.custom:before{border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--border) rgba(0,0,0,0)}.pay-amount-wrap .pay-amount-list .input-area.active~.pay-amount-item.custom:after{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #fff rgba(0,0,0,0);-webkit-transform:translateY(1.5px);-ms-transform:translateY(1.5px);transform:translateY(1.5px);z-index:1}.pay-amount-wrap .pay-amount-list .input-area.active:focus~.pay-amount-item.custom:before,.pay-amount-wrap .pay-amount-list .input-area.active:hover~.pay-amount-item.custom:before{border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--primary) rgba(0,0,0,0)}@media screen and (max-width:768px){.pay-type-wrap .pay-type-list .pay-type-item{font-size:12px}}.dialog-wrap .dialog{max-width:450px}@media screen and (min-width:992px){.dialog-wrap .dialog{max-width:450px}}@media screen and (max-width:768px){.dialog-wrap .dialog{min-width:90%}}