.step-progress__wrapper{width:90%;margin:0 auto;position:relative}.step-progress__wrapper-before{background-color:grey;transform:translateY(-50%) perspective(266.66667vw)}.step-progress__wrapper-after,.step-progress__wrapper-before{content:"";position:absolute;left:0;top:50%;height:3.2vw;width:100%}.step-progress__wrapper-after{background-color:red;transform:scaleX(0) translateY(-50%) perspective(266.66667vw);transform-origin:left center;transition:transform .5s ease}.step-progress__bar{width:100%;display:flex;height:26.66667vw;justify-content:space-between;align-items:center;margin-bottom:10.66667vw}.step-progress__step{z-index:2;position:relative;--activeColor:red;--passiveColor:grey;--activeBorder:1.33333vw;--passiveBorder:1.33333vw}.step-progress__step span{color:var(--passiveColor);transition:.3s ease;display:block;font-size:13.33333vw;transform:translateZ(0) scale(1) perspective(266.66667vw);font-weight:900;text-align:center;opacity:1}@media (max-width:767px){.step-progress__step span{font-size:28px}}.step-progress__step--active .step-progress__step-label,.step-progress__step--active span{color:var(--activeColor)}.step-progress__step--active .step-progress__step-icon{opacity:1}.step-progress__step--choosed .step-progress__step-label{color:var(--activeColor)}.step-progress__step--choosed .step-progress__step-icon{opacity:1}.step-progress__step--currentstage .step-progress__step-icon,.step-progress__step--currentstage .step-progress__step-label{color:var(--passiveColor)}.step-progress__step--valid .step-progress__step-icon{opacity:1;transform:translate3d(-50%,-50%,0) scale(1) perspective(266.66667vw)}.step-progress__step--valid span{color:var(--activeColor);opacity:0;transform:translateZ(0) scale(2) perspective(266.66667vw)}.step-progress__step--valid .step-progress__step-label{color:var(--activeColor)}.step-progress__step:after{content:"";position:absolute;z-index:-1;left:50%;top:50%;transform:translate(-50%,-50%) perspective(266.66667vw);width:4.26667vw;height:4.26667vw;border-radius:50%;border:var(--passiveBorder) solid var(--passiveColor);transition:.3s ease;background-color:var(--passiveColor)}.step-progress__step--active:after{width:9.6vw;height:9.6vw;border:var(--activeBorder) solid var(--activeColor)}.step-progress__step--valid:after{background-color:var(--activeColor);border:var(--activeBorder) solid var(--activeColor);box-shadow:0 0 6.66667vw var(--activeColor)}.step-progress__step--choosed:after .step-progress__step-icon{opacity:1}.step-progress__step-label{position:absolute;top:calc(100% + 12vw);left:50%;transform:translateX(-50%) perspective(266.66667vw);white-space:nowrap;font-size:100%;font-weight:600;color:grey;transition:.3s ease}.step-progress__step-icon{color:#fff;position:absolute;left:50%;top:50%;transition:transform .3s ease;opacity:0;transform:translate3d(-50%,-50%,0) scale(0) perspective(266.66667vw)}@media (max-width:767px){.step-progress{font-size:100%}}.main[data-v-25c3a14c]{height:70vh;overflow:auto}.mr2[data-v-25c3a14c]{margin-right:4vw}.ml2[data-v-25c3a14c]{margin-left:4vw}.right-btn[data-v-25c3a14c]{height:15.46667vw}.right-btn-icon[data-v-25c3a14c]{font-size:6.4vw}.icon-join[data-v-25c3a14c]{margin-right:4.26667vw;vertical-align:text-bottom}.nav-title[data-v-25c3a14c]{display:flex;justify-content:center;align-items:center}.dialog-button[data-v-25c3a14c]{margin-top:5.33333vw;display:flex;justify-content:space-around}.dialog-button .van-button[data-v-25c3a14c]{width:35vw}.dialog-button .van-button--plain[data-v-25c3a14c]{background-color:#dbedff}