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