.membership-payment-dialog[data-v-f6f00402] .el-dialog{border-radius:.0625rem;overflow:hidden}.membership-payment-dialog[data-v-f6f00402] .el-dialog__header{background:linear-gradient(268.99deg,rgba(48,134,255,.24),rgba(0,106,255,.7) 70%,rgba(96,162,255,.8)),url(../img/bg_top.6e0ec25e.png) no-repeat;background-size:cover,cover;background-position:50%,50%;color:#090808;padding:.10417rem;height:.60417rem}.membership-payment-dialog[data-v-f6f00402] .el-dialog__header .el-dialog__title{color:#0e0d0d;font-weight:700}.membership-payment-dialog[data-v-f6f00402] .el-dialog__header .el-dialog__headerbtn{top:.10417rem;right:.10417rem}.membership-payment-dialog[data-v-f6f00402] .el-dialog__header .el-dialog__headerbtn .el-dialog__close{color:#fff}.membership-payment-dialog[data-v-f6f00402] .el-dialog__body{padding:0;background:url(../img/image_153@2x.7fd10793.png) no-repeat;background-size:100%,100%}.payment-container[data-v-f6f00402]{padding:.10417rem}.container-left[data-v-f6f00402]{width:3.52083rem}.payment[data-v-f6f00402]{width:2.9375rem;height:2.03125rem;background:hsla(0,0%,100%,.7);border-radius:.05208rem;border:.00521rem solid #e9e9e9;padding:.15625rem .10938rem 0 .15104rem;margin-top:.24479rem;margin-left:.05208rem}.user-header[data-v-f6f00402]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:.125rem;padding-bottom:.08333rem}.user-header .user-avatar[data-v-f6f00402]{width:.34375rem;height:.34375rem;border-radius:50%;overflow:hidden;margin-right:.0625rem;border:.01042rem solid #c1d1e4}.user-header .user-avatar img[data-v-f6f00402]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-header .user-info .mb8[data-v-f6f00402]{margin:0 0 .04167rem 0}.user-header .user-info .user-name[data-v-f6f00402]{font-family:PingFang SC;font-weight:400;font-size:.09375rem;color:#fff}.user-header .user-info .membership-status[data-v-f6f00402]{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.04167rem}.user-header .user-info .vip-badge[data-v-f6f00402]{margin-left:.07292rem;background:-webkit-gradient(linear,left top,right top,from(#fff),to(#fff1d3));background:linear-gradient(90deg,#fff,#fff1d3);color:#a75d1c;padding:.01042rem .04167rem;border-radius:.0625rem;font-size:.0625rem}.user-header .user-info .expiry-date[data-v-f6f00402]{font-family:PingFang SC;font-weight:300;font-size:.0625rem;color:#fff}.greylines[data-v-f6f00402]{height:.00521rem;border:.00521rem solid #e9e9e9;opacity:.5}.order-info[data-v-f6f00402]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:.13021rem}.order-info .section-title[data-v-f6f00402]{margin:0 0 .08333rem 0;color:#666;font-size:.08333rem;font-weight:300}.order-info .info-grid[data-v-f6f00402]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.07292rem}.order-info .info-item[data-v-f6f00402]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.order-info .info-item .label[data-v-f6f00402]{color:#999;font-size:.08333rem;min-width:.36458rem;margin-right:.22917rem;font-weight:400;font-family:PingFang SC}.order-info .info-item .value[data-v-f6f00402]{color:#333;font-size:.08333rem;font-weight:400;font-family:PingFang SC}.order-info .info-item .price[data-v-f6f00402]{color:#006aff;font-weight:900;font-size:.15625rem}.payment-methods[data-v-f6f00402]{margin-bottom:.125rem}.payment-methods .section-title[data-v-f6f00402]{margin:.08333rem 0 .08333rem 0;font-family:PingFang SC;color:#666;font-size:.08333rem;font-weight:300}.payment-methods .methods-grid[data-v-f6f00402]{display:grid;grid-template-columns:1fr 1fr;gap:.0625rem}.payment-methods .payment-options[data-v-f6f00402]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.08333rem;margin-bottom:.15625rem}.payment-methods .payment-option[data-v-f6f00402]{padding:.10417rem;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;height:.33854rem;width:.9375rem;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:.04167rem;border:none}.payment-methods .payment-option.active[data-v-f6f00402]{border:.00521rem solid #b7cafa}.payment-methods .payment-option.active .payment-name[data-v-f6f00402]{font-size:.09375rem;color:#333;font-weight:400;font-family:PingFang SC}.payment-methods .option-left[data-v-f6f00402]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.08333rem}.payment-methods .radio-wrapper[data-v-f6f00402] .el-radio{margin-right:0}.payment-methods .radio-wrapper[data-v-f6f00402] .el-radio .el-radio__input.is-checked .el-radio__inner{border-color:#409eff;background:#409eff}.payment-methods .option-content[data-v-f6f00402]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.0625rem}.payment-methods .payment-icon[data-v-f6f00402]{width:.16667rem;height:.16667rem;-o-object-fit:contain;object-fit:contain}.payment-methods .payment-name[data-v-f6f00402]{font-size:.08333rem;color:#606266;font-weight:500}.payment-methods .method-item[data-v-f6f00402]{border:.01042rem solid #e8e8e8;border-radius:.04167rem;padding:.08333rem;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.payment-methods .method-item[data-v-f6f00402]:hover{border-color:#1890ff}.payment-methods .method-item.active[data-v-f6f00402]{border-color:#1890ff;background-color:#f6ffed}.payment-methods .method-item .method-icon[data-v-f6f00402]{width:.15625rem;height:.15625rem}.payment-methods .method-item .method-icon img[data-v-f6f00402]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.payment-methods .method-item .method-name[data-v-f6f00402]{font-size:.09375rem;color:#333;font-weight:500}.payment-methods .method-item .checkmark[data-v-f6f00402]{position:absolute;top:.04167rem;right:.04167rem;width:.10417rem;height:.10417rem;background:#52c41a;color:#fff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:.0625rem}.qr-code-section[data-v-f6f00402]{position:relative;width:.89583rem;height:.89583rem}.qr-code-section .qr-code-container .loading-mask[data-v-f6f00402]{position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.9);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:10;border-radius:.04167rem}.qr-code-section .qr-code-container .loading-mask .loading-content[data-v-f6f00402]{text-align:center}.qr-code-section .qr-code-container .loading-mask .loading-content .el-icon-loading[data-v-f6f00402]{font-size:.125rem;color:#006aff;margin-bottom:.04167rem}.qr-code-section .qr-code-container .loading-mask .loading-content p[data-v-f6f00402]{margin:0;font-size:.07292rem;color:#666}.qr-code-section .qr-code-container .qr-code[data-v-f6f00402]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%;height:auto;z-index:2}.qr-code-section .qr-code-container .qr-tip[data-v-f6f00402]{margin:0;color:#666;font-size:.06771rem}.action-buttons[data-v-f6f00402]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.0625rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.action-buttons .cancel-btn[data-v-f6f00402]{border-color:#d9d9d9;color:#666}.action-buttons .confirm-btn[data-v-f6f00402]{background:linear-gradient(135deg,#1890ff,#52c41a);border:none;min-width:.52083rem}.action-buttons .confirm-btn[data-v-f6f00402]:hover{background:linear-gradient(135deg,#40a9ff,#73d13d)}@media (max-width:768px){.payment-container[data-v-f6f00402]{padding:.08333rem}.info-grid[data-v-f6f00402],.methods-grid[data-v-f6f00402]{grid-template-columns:1fr!important}.action-buttons[data-v-f6f00402]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.title-Bar[data-v-f6f00402]{position:relative}.title-Bar img[data-v-f6f00402]{position:relative;width:1.23958rem;height:.26042rem}.title-Bar span[data-v-f6f00402]{position:absolute;font-family:PingFang SC;font-weight:500;font-size:.07292rem;color:#b75c01;top:.08333rem;left:.36458rem;z-index:3}.member-benefits[data-v-f6f00402]{background:#f5f7fc;border-radius:0 0 .10417rem .10417rem;padding:.10417rem;margin-top:.09375rem}.member-top[data-v-f6f00402]{background:#fff;border-radius:.10417rem;padding:.05208rem .05208rem .03646rem;width:3.52083rem;height:.77604rem;border:.00521rem solid #e9e9e9}.member-top .top-btn[data-v-f6f00402]{width:.53125rem;height:.16667rem;background:#ff8000;border-radius:.26042rem;border:.00521rem solid #ff8000;color:#fff;font-family:PingFang SC;font-weight:300;font-size:.07292rem}.member-top .top-tag[data-v-f6f00402]{width:.27083rem;height:.16146rem;text-align:center;background:#ff9d00;border-radius:.04688rem 0 .04688rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.member-top .top-tag span[data-v-f6f00402]{color:#fff;font-family:PingFang SC;font-weight:300}.member-top .img-bg[data-v-f6f00402]{background:url(../img/Rectangle\ 346241155@2x.0f8b896b.png) no-repeat 50%;background-size:100% 100%;width:1.10417rem;height:.6875rem;position:relative}.member-top .img-bg p[data-v-f6f00402]{position:absolute;top:9.5%;left:.33854rem;font-family:DIN;font-weight:500;font-size:.07292rem;color:#965116}.member-top .img-bg p span[data-v-f6f00402]{font-weight:700;font-family:DIN-Bold;font-size:.16667rem}.member-top .img-bg .img-bt[data-v-f6f00402]{margin-top:.20833rem}.benefits-title[data-v-f6f00402]{margin-top:.10417rem;font-family:PingFang SC;font-size:.07813rem;font-weight:700;color:#87580c;margin-bottom:.07813rem;position:relative;z-index:2}.benefits-title[data-v-f6f00402]:after{content:"";position:absolute;bottom:.01563rem;left:4%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:.29688rem;height:.02083rem;background:#ffae00;border-radius:.05729rem;z-index:-1}.benefits-grid[data-v-f6f00402]{display:grid;grid-template-columns:repeat(4,.78125rem);gap:.0625rem}.benefit-item[data-v-f6f00402]{background:#fff;position:relative;border-radius:.07813rem;padding:0 .07813rem;text-align:center;-webkit-box-shadow:0 .02083rem .07813rem rgba(0,0,0,.05);box-shadow:0 .02083rem .07813rem rgba(0,0,0,.05);-webkit-transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease;height:.625rem}.benefit-item[data-v-f6f00402]:hover{-webkit-transform:translateY(-.02604rem);transform:translateY(-.02604rem);-webkit-box-shadow:0 .04167rem .13021rem rgba(0,0,0,.1);box-shadow:0 .04167rem .13021rem rgba(0,0,0,.1)}.benefit-icon[data-v-f6f00402]{position:absolute;top:-15%;left:30%;width:.3125rem;height:.3125rem;margin:0 auto .07813rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.benefit-icon img[data-v-f6f00402]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.benefit-content[data-v-f6f00402]{margin-top:.20833rem}.benefit-content .benefit-name[data-v-f6f00402]{font-size:.09375rem;font-weight:700;color:#333;margin-bottom:.05208rem}.benefit-content .benefit-desc[data-v-f6f00402]{font-family:PingFang SC;font-size:.07292rem;color:#333}.benefit-content .benefit-desc span[data-v-f6f00402]{color:#a75d1c}