.right-part[data-v-257a28d0]{align-content:center;animation:fadeIn-257a28d0 .5s ease forwards;box-sizing:border-box;height:100%;padding:36px 60px;width:100%}@keyframes fadeIn-257a28d0{0%{opacity:0}to{opacity:1}}.right-part.bgImg[data-v-257a28d0]{animation:bgZoomIn-257a28d0 10s ease-in-out infinite alternate;background-image:url(./vip_dialog_pay_bg.BsTbdLZpcz7azlDg.png);background-position:50%;background-repeat:no-repeat;background-size:cover}@keyframes bgZoomIn-257a28d0{0%{background-size:100% 100%}to{background-size:110% 110%}}.right-part .renew-content[data-v-257a28d0]{animation:slideDown-257a28d0 .4s ease-out .2s forwards;opacity:0;transform:translateY(-20px)}@keyframes slideDown-257a28d0{to{opacity:1;transform:translateY(0)}}.right-part .renew-content .renew-sign[data-v-257a28d0]{animation:floatUp-257a28d0 3s ease-in-out infinite;color:#282828;font-size:40px;line-height:15px}@keyframes floatUp-257a28d0{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.right-part .renew-txt[data-v-257a28d0]{animation:fadeIn-257a28d0 .8s ease-out .5s forwards;color:#202020;font-size:14px;font-weight:400;letter-spacing:1px;line-height:20px;margin-top:16px;opacity:0;position:relative;word-break:break-word}.right-part .steps[data-v-257a28d0]{animation:fadeIn-257a28d0 .8s ease-out .3s forwards;opacity:0}.right-part .steps .step[data-v-257a28d0]{display:flex}.right-part .steps .step.up[data-v-257a28d0]{animation:slideInLeft-257a28d0 .5s ease-out .4s forwards;opacity:0;transform:translate(-20px)}@keyframes slideInLeft-257a28d0{to{opacity:1;transform:translate(0)}}.right-part .steps .step.up .left-step .left-line[data-v-257a28d0]{animation:expandDown-257a28d0 1s ease-out .8s forwards;background:linear-gradient(180deg,#3f8cff,#31bfff 45%,#20ffff);transform:scaleY(0);transform-origin:top}@keyframes expandDown-257a28d0{to{transform:scaleY(1)}}.right-part .steps .step.up .box[data-v-257a28d0]{margin-bottom:20px}.right-part .steps .step[data-v-257a28d0]:not(.up){animation:slideInLeft-257a28d0 .5s ease-out .6s forwards;opacity:0;transform:translate(-20px)}.right-part .steps .step .left-step[data-v-257a28d0]{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;margin-right:10px}.right-part .steps .step .left-step .left-icon[data-v-257a28d0]{align-items:center;animation:pulse-257a28d0 2s infinite alternate;background-color:#eaeaf0;border-radius:5px;display:flex;flex-shrink:0;font-size:18px;height:30px;justify-content:center;transition:all .3s ease;width:30px}@keyframes pulse-257a28d0{to{box-shadow:0 0 8px #0000001a;transform:scale(1.1)}}.right-part .steps .step .left-step .left-icon .icon[data-v-257a28d0]{color:#adadb5}.right-part .steps .step .left-step .left-line[data-v-257a28d0]{background-color:#eaeaf0;height:100%;width:2px}.right-part .steps .step .box[data-v-257a28d0]{background-color:#f1f2ff;border-radius:8px;flex-grow:1;line-height:24px;padding:16px;transition:all .3s ease;word-break:break-word}.right-part .steps .step .box[data-v-257a28d0]:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.right-part .steps .step .box .title[data-v-257a28d0]{color:#303133;font-size:16px;font-weight:700;margin-bottom:12px}.right-part .steps .step .box .desc[data-v-257a28d0]{color:#484848;font-size:14px;font-weight:500}.right-part .avatar-content[data-v-257a28d0]{align-items:center;animation:fadeInUp-257a28d0 .6s ease-out .7s forwards;display:flex;margin:20px 0 16px;opacity:0;transform:translateY(20px)}@keyframes fadeInUp-257a28d0{to{opacity:1;transform:translateY(0)}}.right-part .avatar-content .avatar[data-v-257a28d0]{border-radius:50%;height:35px;overflow:hidden;transition:all .3s ease;width:35px}.right-part .avatar-content .avatar[data-v-257a28d0]:hover{box-shadow:0 0 10px #0003;transform:scale(1.1)}.right-part .avatar-content .avatar img[data-v-257a28d0]{height:100%;width:100%}.right-part .avatar-content .person-info[data-v-257a28d0]{display:flex;flex-direction:column;gap:4px;margin-left:10px}.right-part .avatar-content .person-info .name[data-v-257a28d0]{color:#141718;font-size:14px}.right-part .avatar-content .person-info .title[data-v-257a28d0]{color:#575757;font-size:12px;font-weight:500;line-height:16px}.right-part .to-mall[data-v-257a28d0]{align-items:center;color:#303133;cursor:pointer;display:flex;font-family:Inter;font-size:14px;font-weight:500;height:58px;margin-top:10px;position:relative;transition:all .3s ease;width:100%}.right-part .to-mall[data-v-257a28d0]:after{background-color:#409eff;bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.right-part .to-mall[data-v-257a28d0]:hover{color:#409eff;transform:translate(4px)}.right-part .to-mall[data-v-257a28d0]:hover:after{width:100%}