.meitu-payment-button{cursor:pointer;background:var(--meitu-payment-background-brand);width:auto;height:36px;color:var(--meitu-payment-content-overlay-white-opacity-100);border:none;border-radius:8px;justify-content:center;align-items:center;padding:0 16px;display:flex}.meitu-payment-button:hover{opacity:.9;transition:opacity .5s}.meitu-payment-button-disabled{cursor:not-allowed;background:#b9bcc4}.meitu-payment-button-disabled:hover{opacity:1}.meitu-payment-button-outline{color:var(--meitu-payment-content-primary);background:#ffffff0d;border:1px solid #dadde3;font-weight:400}.meitu-payment-button:focus,.meitu-payment-button:active{outline:none}.meitu-payment-divider{white-space:nowrap;text-align:center;cursor:default;border-block-start:0 var(--meitu-payment-stroke-separator);align-items:center;margin:12px 0;display:flex}.meitu-payment-divider-content{box-sizing:border-box;padding:0 24px;display:inline-block}.meitu-payment-divider:after,.meitu-payment-divider:before{border-block-start:1px solid #0000;border-block-start-color:inherit;content:"";border-block-end:0;width:50%;position:relative;transform:translateY(50%)}.meitu-payment-modal{background:var(--meitu-payment-background-mask);visibility:hidden;opacity:0;cursor:not-allowed;justify-content:center;align-items:center;width:100vw;height:100vh;transition:all .2s ease-in-out;display:flex;position:fixed;top:0;left:0;overflow:auto}.meitu-payment-modal-visible{visibility:visible;opacity:1}.meitu-payment-modal-visible .meitu-payment-modal-content{animation:.2s ease-in-out meitu-payment-modal-fade-in}.meitu-payment-modal-content{background:var(--meitu-payment-background-primary);border:1px solid var(--meitu-payment-background-primary);box-sizing:border-box;cursor:default;border-radius:20px;margin:auto;padding:30px;font-size:12px;position:relative}.meitu-payment-modal-content.meitu-payment-modal-no-border{border:none}.meitu-payment-modal-content-title{color:var(--meitu-payment-content-primary);font-size:24px;font-weight:600}.meitu-payment-modal-content-close{transform-origin:50%;cursor:pointer;background:var(--meitu-payment-background-secondary);border-radius:50%;padding:10px;font-size:14px;line-height:0;transition:opacity .3s,transform .3s;position:absolute;top:16px;right:16px}.meitu-payment-modal-content-close:hover{opacity:.8;transform:rotate(90deg)}.meitu-payment-modal-content-main{flex:1;height:100%}.meitu-payment-modal-content-footer{justify-content:center;margin-top:24px;display:flex}.meitu-payment-modal-content-footer .meitu-payment-modal-confirm-button{border-radius:99px}@keyframes meitu-payment-modal-fade-in{0%{transform:scale(0)}to{transform:scale(1)}}.meitu-payment-qr-code{border:1px solid var(--meitu-payment-stroke-primary);background:var(--meitu-payment-background-qrCode);border-radius:20px;width:200px;height:200px;margin-bottom:12px;padding:20px;position:relative;overflow:hidden}.meitu-payment-qr-code-mask{background:var(--meitu-payment-background-qrCodeMask);z-index:1;position:absolute;inset:0}.meitu-payment-qr-code-content{cursor:pointer;z-index:3;color:var(--meitu-payment-content-primary);border:1px solid var(--meitu-payment-stroke-primary);background:var(--meitu-payment-background-qrCodeRefresh);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:70%;padding:16px 0;font-size:16px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.meitu-payment-qr-code-content>.meitu-payment-qr-code-content-refresh{margin-bottom:8px;font-size:28px}.meitu-payment-qr-code-content>.meitu-payment-qr-code-content-loading{margin-bottom:8px;font-size:36px;animation:.8s linear infinite meitu-payment-rotate}.meitu-payment-qr-code img{width:100%;height:100%}@keyframes meitu-payment-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.meitu-payment-radio{cursor:pointer;justify-content:center;align-items:center;display:flex}.meitu-payment-radio:before{content:" ";background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTggMTZDMTIuNDE4MyAxNiAxNiAxMi40MTgzIDE2IDhDMTYgMy41ODE3MiAxMi40MTgzIDAgOCAwQzMuNTgxNzIgMCAwIDMuNTgxNzIgMCA4QzAgMTIuNDE4MyAzLjU4MTcyIDE2IDggMTZaTTggMTJDMTAuMjA5MSAxMiAxMiAxMC4yMDkxIDEyIDhDMTIgNS43OTA4NiAxMC4yMDkxIDQgOCA0QzUuNzkwODYgNCA0IDUuNzkwODYgNCA4QzQgMTAuMjA5MSA1Ljc5MDg2IDEyIDggMTJaIiBmaWxsPSIjRUVFRUVFIi8+Cjwvc3ZnPgo=);width:16px;height:16px;margin-right:10px;transition:opacity .3s}.meitu-payment-radio-icon{margin-right:6px}.meitu-payment-radio-label{cursor:pointer}.meitu-payment-radio-active:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTggMTZDMTIuNDE4MyAxNiAxNiAxMi40MTgzIDE2IDhDMTYgMy41ODE3MiAxMi40MTgzIDAgOCAwQzMuNTgxNzIgMCAwIDMuNTgxNzIgMCA4QzAgMTIuNDE4MyAzLjU4MTcyIDE2IDggMTZaTTggMTJDMTAuMjA5MSAxMiAxMiAxMC4yMDkxIDEyIDhDMTIgNS43OTA4NiAxMC4yMDkxIDQgOCA0QzUuNzkwODYgNCA0IDUuNzkwODYgNCA4QzQgMTAuMjA5MSA1Ljc5MDg2IDEyIDggMTJaIiBmaWxsPSIjMDA3N0ZGIi8+Cjwvc3ZnPgo=)}.meitu-payment-radio-group{flex-wrap:wrap;justify-content:center;gap:20px;width:100%;margin:0;padding:20px 10px;list-style:none;display:flex}.meitu-payment-radio-group-item{cursor:pointer;min-width:200px;height:60px;color:var(--meitu-payment-content-primary);background:var(--meitu-payment-background-paymentMethod);border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;padding:0 12px;font-size:16px;font-weight:500;transition:border-color .3s,background .3s;display:flex;position:relative;box-shadow:0 0 16px #003c8114}.meitu-payment-radio-group-item span:before{display:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.meitu-payment-radio-group-item-active{border-color:var(--meitu-payment-stroke-brand);background:var(--meitu-payment-background-paymentMethodSelected);border-radius:12px}.meitu-payment-radio-group-item-active span:before{display:inline-block}.meitu-payment-svg-icon{font-size:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;display:inline-block}.meitu-payment-text.meitu-payment-text-strong{font-weight:700}.meitu-payment-text-primary{color:var(--meitu-payment-content-primary)}.meitu-payment-text-secondary{color:var(--meitu-payment-content-secondary)}.meitu-payment-text-inherit{font-size:inherit}.meitu-payment-text-small{font-size:12px}.meitu-payment-text-normal{font-size:14px}.meitu-payment-text-medium{font-size:16px}.meitu-payment-text-large{font-size:20px}.meitu-payment-skeleton{background:var(--meitu-payment-background-frame)}.meitu-payment-skeleton-active{background:linear-gradient(90deg, var(--meitu-payment-background-frame) 25%, var(--meitu-payment-background-frame-highlight) 37%, var(--meitu-payment-background-frame) 63%);background-size:400% 100%;animation-name:meitu-payment-skeleton-loading;animation-duration:1.4s;animation-timing-function:ease;animation-iteration-count:infinite}.meitu-payment-skeleton-lg{width:200px;min-width:200px;height:40px;line-height:40px}.meitu-payment-skeleton-sm{width:120px;min-width:120px;height:24px;line-height:24px}.meitu-payment-skeleton-circle{border-radius:50%}.meitu-payment-skeleton-round{border-radius:40px}.meitu-payment-skeleton-square{border-radius:12px}.meitu-payment-skeleton-element{width:100%;height:100%;display:inline-block}.meitu-payment-skeleton-paragraph{margin:0;padding:0;list-style:none}.meitu-payment-skeleton-paragraph li+li{margin-top:16px}.meitu-payment-skeleton-paragraph>li{height:16px}.meitu-payment-skeleton-title{height:16px;margin:0;line-height:16px}.meitu-payment-skeleton-content-title{margin-bottom:16px}@keyframes meitu-payment-skeleton-loading{0%{background-position:100%}to{background-position:0}}.meitu-payment-countdown-time span{margin:0 2px}.meitu-payment-order-timeout-modal{padding:0}.meitu-payment-order-timeout-modal-content{text-align:center;flex-direction:column;align-items:center;width:256px;display:flex}.meitu-payment-order-timeout-modal-icon{background-color:#0077ff14;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;margin:6px 0 34px;display:flex}.meitu-payment-order-timeout-modal-title{margin-bottom:12px;font-weight:500}.meitu-payment-order-timeout-modal-desc{text-align:center}.meitu-payment-order-timeout-modal-button{border-radius:90px;margin-top:24px;font-size:12px;font-weight:500}.meitu-payment-payment-success-modal-content{text-align:center;flex-direction:column;align-items:center;width:256px;display:flex}.meitu-payment-payment-success-modal-icon{background-color:#0077ff14;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;margin:6px 0 34px;display:flex}.meitu-payment-payment-success-modal-title{margin-bottom:12px;font-weight:500}.meitu-payment-payment-success-modal-desc{text-align:center}.meitu-payment-payment-success-modal-button{border-radius:90px;margin-top:24px;font-size:12px;font-weight:500}.payment-message{z-index:9999;transition:all .3s;position:fixed;top:32px;left:50%;transform:translate(-50%)}.payment-message-notice-wrapper{background:var(--meitu-payment-background-primary);border:1px solid #ccc;border-radius:8px;margin-bottom:16px;padding:6px 8px}.payment-message-notice-wrapper-content{color:var(--meitu-payment-content-primary);font-size:12px}.payment-message-fade{transition:all .3s}.payment-message-fade-appear-prepare{opacity:0!important}.payment-message-fade-appear-start{opacity:0}.payment-message-fade-appear-active{opacity:1}.payment-message-content{align-items:center;display:flex}.payment-message-content-text{color:var(--meitu-payment-content-primary);margin-left:4px;font-size:12px}.payment-message-content svg{font-size:14px}.payment-message-success-icon{color:#52c41a}.payment-message-error-icon{color:#ff4d4f}.meitu-payment-order-info-header{justify-content:space-between;align-items:center;padding:20px 0;display:flex}@media screen and (max-width:1200px){.meitu-payment-order-info-header{flex-wrap:wrap;gap:10px}}.meitu-payment-order-info-main{border:1px solid var(--meitu-payment-stroke-paymentAmount);background:var(--meitu-payment-stroke-paymentAmount);border-radius:20px;justify-content:center;align-items:center;gap:20px;padding:30px 40px;display:flex}@media screen and (max-width:760px){.meitu-payment-order-info-main{flex-direction:column;gap:10px}}.meitu-payment-order-info-price{color:var(--meitu-payment-content-brand);font-size:36px;font-weight:500}.meitu-payment-order-info-time{color:var(--meitu-payment-content-brand)}.meitu-payment-bank-transfer{color:var(--meitu-payment-content-primary);display:flex}.meitu-payment-bank-transfer-wrap{padding:24px 0}.meitu-payment-bank-transfer-info{flex:1}.meitu-payment-bank-transfer-info-title{align-items:center;margin-bottom:24px;font-size:20px;font-weight:600;display:flex}.meitu-payment-bank-transfer-info-icon{width:28px;height:28px;margin-right:8px}.meitu-payment-bank-transfer-info-copy-button{color:var(--blue-50,#3086fc);text-align:center;border-radius:var(--radius-6,6px);border:1.5px solid var(--blue-50,#3086fc);cursor:pointer;align-items:center;margin-left:16px;padding:4px 12px;font-size:14px;font-weight:500;display:flex}.meitu-payment-bank-transfer-info-copy-icon{width:18px;height:18px;margin-right:4px}.meitu-payment-bank-transfer-info-item{align-items:center;margin-bottom:16px;font-size:16px;font-weight:400;display:flex}.meitu-payment-bank-transfer-info-item-label{width:80px;color:var(--meitu-payment-content-secondary)}.meitu-payment-bank-transfer-info-item-value{margin-left:12px}.meitu-payment-bank-transfer-info-alert{border-radius:var(--radius-6,6px);background:var(--meitu-payment-background-hint);width:auto;color:var(--meitu-payment-content-hint);padding:8px 12px;font-size:16px;font-weight:500;display:inline-block}.meitu-payment-bank-transfer-divider{background:var(--meitu-payment-stroke-separator);width:1px;height:auto;margin:0 60px}.meitu-payment-bank-transfer-explain{flex:1}.meitu-payment-bank-transfer-explain-title{border-radius:var(--radius-10,10px);background:var(--meitu-payment-background-qrCode);color:var(--meitu-payment-content-brand);text-align:center;align-items:center;margin-bottom:20px;padding:4px 12px;font-size:16px;font-weight:500;display:inline-flex}.meitu-payment-bank-transfer-explain-icon{width:24px;height:24px;margin-right:4px}.meitu-payment-bank-transfer-explain-item{color:var(--meitu-payment-content-primary);align-items:center;margin-bottom:16px;font-size:14px;font-style:normal;font-weight:400;display:flex;position:relative}.meitu-payment-bank-transfer-explain-item:before{content:"";background:var(--meitu-payment-content-primary);border-radius:50%;width:6px;height:6px;margin:0 12px;display:block}.meitu-payment-bank-transfer-loading{margin-bottom:8px;font-size:36px;animation:.8s linear infinite meitu-payment-rotate}.meitu-payment-bank-transfer-loading-wrap{flex-direction:column;align-items:center;width:100%;height:200px;padding-top:50px;display:flex}@media screen and (max-width:1024px){.meitu-payment-bank-transfer{flex-wrap:wrap;overflow:auto}.meitu-payment-bank-transfer-divider{display:none}.meitu-payment-bank-transfer-info{flex:auto}.meitu-payment-bank-transfer-explain{flex:auto;margin-top:24px}}.meitu-payment-qr-code-view{flex-direction:column;justify-content:center;align-items:center;height:350px;display:flex}.meitu-payment-qr-code-view-countdown{min-height:19px;margin-top:20px}.meitu-payment-qr-code-view-countdown-time{color:var(--meitu-payment-content-brand)}.meitu-payment-channels{padding:0}.meitu-payment-channels-radio-group-placeholder{flex-wrap:wrap;justify-content:center;gap:12px;padding:20px 10px;list-style:none;display:flex}@media screen and (max-width:768px){.meitu-payment-channels-radio-group-placeholder-item:nth-last-child(-n+3){display:none}}@media screen and (max-width:1024px){.meitu-payment-channels-radio-group-placeholder-item:nth-last-child(-n+2){display:none}}@media screen and (max-width:1500px){.meitu-payment-channels-radio-group-placeholder-item:last-child{display:none}}.meitu-payment-channels-radio-group-placeholder-item{background:var(--meitu-payment-background-paymentMethod);border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:200px;height:60px;padding:0 12px;display:flex;box-shadow:0 0 16px #003c8114}.meitu-payment[data-theme=dark]{--meitu-payment-background-primary:#181818;--meitu-payment-background-secondary:#222326;--meitu-payment-background-mask:#0009;--meitu-payment-content-primary:#f7f8fa;--meitu-payment-content-secondary:#5c5f66;--meitu-payment-content-brand:#07f;--meitu-payment-stroke-paymentAmount:#0077ff14;--meitu-payment-background-paymentAmount:#0077ff0a;--meitu-payment-stroke-separator:#222326;--meitu-payment-stroke-brand:#07f;--meitu-payment-background-paymentMethodSelected:#001833;--meitu-payment-background-paymentMethod:#222326;--meitu-payment-background-paymentMethod-box-shadow:#003c8114;--meitu-payment-stroke-qrCode:#0077ff14;--meitu-payment-background-qrCode:#0077ff0a;--meitu-payment-background-qrCodeRefresh:#1e1f21e6;--meitu-payment-background-qrCodeMask:#0077ff0a;--meitu-payment-background-brand:#07f;--meitu-payment-content-overlay-white-opacity-100:#fff;--meitu-payment-icon-content-fill-background:#0077ff14;--meitu-payment-stroke-primary:#ffffff0d;--meitu-payment-background-frame:#ffffff05;--meitu-payment-background-frame-highlight:#ffffff14;--meitu-payment-background-hint:#51070c;--meitu-payment-content-hint:#f24e4e}.meitu-payment[data-theme=light]{--meitu-payment-background-primary:#fff;--meitu-payment-background-secondary:#f0f2f5;--meitu-payment-background-mask:#0006;--meitu-payment-content-primary:#181818;--meitu-payment-content-secondary:#93979e;--meitu-payment-content-brand:#07f;--meitu-payment-stroke-paymentAmount:#0077ff14;--meitu-payment-background-paymentAmount:#0077ff0a;--meitu-payment-stroke-separator:#ebedf0;--meitu-payment-stroke-brand:#07f;--meitu-payment-background-paymentMethodSelected:#f2f5ff;--meitu-payment-background-paymentMethod:#fff;--meitu-payment-background-paymentMethod-box-shadow:#003c8114;--meitu-payment-stroke-qrCode:#0077ff14;--meitu-payment-background-qrCode:#0077ff0a;--meitu-payment-background-qrCodeRefresh:#ffffffe6;--meitu-payment-background-qrCodeMask:#0077ff0a;--meitu-payment-background-brand:#07f;--meitu-payment-content-overlay-white-opacity-100:#fff;--meitu-payment-icon-content-fill-background:#0077ff14;--meitu-payment-stroke-primary:#0000000d;--meitu-payment-background-frame:#00000008;--meitu-payment-background-frame-highlight:#00000026;--meitu-payment-background-hint:#fff4f2;--meitu-payment-content-hint:#fc6f6a}.meitu-payment-cashier-view{box-sizing:border-box;background:var(--meitu-payment-background-primary);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.meitu-payment-cashier-view-header{flex-shrink:0;margin-bottom:20px}.meitu-payment-cashier-view-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.meitu-payment-cashier-view *{box-sizing:border-box}