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