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