.copy-rights[data-v-22409df7]{text-align:center;background:transparent;cursor:pointer;padding:16px 0;color:#afb0b7}.mask[data-v-8f7665e6]{background:rgba(0,0,0,.2);width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1000;position:fixed;z-index:999;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-content[data-v-8f7665e6]{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;background:#303142;border-radius:10px;z-index:1000;width:360px;height:430px}.close[data-v-8f7665e6]{position:absolute;top:0;right:0;cursor:pointer;width:50px;height:50px;background:#272839;border-radius:0 10px 0 30px}.close-img[data-v-8f7665e6]{width:32px;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;height:32px}.dialog-title[data-v-8f7665e6]{margin:32px auto 0;height:20px;font-size:20px;color:#9798a0;line-height:20px;text-align:center}.qr-code[data-v-8f7665e6]{width:200px;height:200px;background:#fff;border-radius:10px;margin:20px auto 0;position:relative}.code[data-v-8f7665e6]{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:160px;height:160px;background:#000}.qr-msg[data-v-8f7665e6]{text-align:center;font-size:14px;color:#9798a0;margin:12px 0}.qr-price[data-v-8f7665e6]{text-align:center;font-size:18px;color:#9798a0;margin:12px 0}.finish-button[data-v-8f7665e6]{margin:20px auto 0}.tips[data-v-8f7665e6]{text-align:center;margin-top:20px;font-size:14px;color:#9798a0}.dialog-buttons[data-v-8f7665e6]{display:flex;margin:40px auto 0;justify-content:space-between;padding:0 40px}.dialog-button[data-v-8f7665e6]{width:120px;height:40px;background:#d51e4d;border-radius:31px;font-size:14px;font-weight:600;color:#fff;line-height:40px;text-align:center;cursor:pointer}.copy-right[data-v-8f7665e6]{position:absolute;bottom:0;left:50%;width:100%;transform:translateX(-50%)}.page_payment[data-v-8f7665e6]{height:calc(100vh - 90px);overflow:auto;background:#242631;position:relative}.main[data-v-8f7665e6]{box-sizing:border-box;min-height:505px}.info[data-v-8f7665e6]{margin-top:40px;display:flex;justify-content:space-between}.info-box[data-v-8f7665e6]{height:240px;background:#303142;box-shadow:0 2px 0 0 rgba(0,0,0,.2);border-radius:10px;box-sizing:border-box;padding:20px;position:relative}.info-title[data-v-8f7665e6]{padding-left:11px;height:18px;font-size:18px;font-weight:600;color:#fff;line-height:18px;position:relative;z-index:3}.info-title[data-v-8f7665e6]:before{content:"";display:block;position:absolute;width:3px;height:100%;left:0;top:0;background:#d51e4d}.payment-info[data-v-8f7665e6]{width:687px;height:445px}.pay-method[data-v-8f7665e6]{width:483px;height:445px}.plan-info[data-v-8f7665e6]{margin:20px 0;width:647px;height:152px;background:#393a4d;border-radius:10px;box-sizing:border-box;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.plan-info .label[data-v-8f7665e6]{height:18px;font-size:14px;font-weight:400;color:#fff;line-height:18px}.plan-info .value[data-v-8f7665e6]{margin-top:7px;height:18px;font-size:16px;font-weight:600;color:#fff;line-height:18px}.input-box[data-v-8f7665e6]{overflow:hidden;margin-top:12px;width:647px;height:50px;background:#393a4d;border-radius:28px;margin-bottom:58px;display:flex}.input[data-v-8f7665e6]{border:0;outline:0;height:100%;width:487px;background:#393a4d;padding-left:28px;color:#fff;font-size:14px}.input[data-v-8f7665e6]::-webkit-input-placeholder{font-size:14px;font-weight:400;color:#606170}.button[data-v-8f7665e6]{border:0;outline:0;width:160px;height:50px;background:#444558;border-radius:0 28px 28px 0;text-align:center;font-size:14px;font-weight:600;color:hsla(0,0%,100%,.5);line-height:50px;cursor:pointer}.methods[data-v-8f7665e6]{margin:47px auto 0;width:350px;height:205px;display:flex;flex-direction:column}.pay[data-v-8f7665e6]{width:350px;height:55px;background:#393a4d;border-radius:28px;display:flex;align-items:center;font-size:14px;font-weight:400;color:#fff;line-height:20px;padding:0 20px 0 16px;cursor:pointer}.icon[data-v-8f7665e6]{width:26px;height:26px;margin-right:8px}.method-name[data-v-8f7665e6]{flex:1}.radio[data-v-8f7665e6]{width:23px;height:23px;border:2px solid hsla(0,0%,100%,.1);border-radius:50%}.pay.active .radio[data-v-8f7665e6]{border:2px solid #d51e4d;position:relative}.pay.active .radio[data-v-8f7665e6]:before{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:11px;height:11px;background:#d51e4d;border-radius:50%}.pay-button[data-v-8f7665e6]{width:140px;height:50px;background:#d51e4d;border-radius:31px;margin:38px auto 0;font-size:16px;font-weight:600;color:#fff;line-height:50px;text-align:center;cursor:pointer}.order-info[data-v-8f7665e6]{position:absolute;left:204px;bottom:48px;font-size:24px;font-weight:600;color:#fff;line-height:24px}.order-info .emphasize[data-v-8f7665e6]{height:54px;font-size:39px;line-height:54px}.tip[data-v-8f7665e6]{font-size:12px;color:#ff4d4f}.fade-enter-active[data-v-8f7665e6],.fade-leave-active[data-v-8f7665e6]{transition:opacity .5s}.fade-enter-from[data-v-8f7665e6],.fade-leave-to[data-v-8f7665e6]{opacity:0}