.btn_icon[data-v-f9d36ad6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:0;width:100%;height:100%;padding-bottom:0;border-radius:8px;cursor:pointer}.img_icon[data-v-f9d36ad6]{width:50%;height:50%}.container_avatar[data-v-24d4a77b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:0;width:100%;height:100%;padding-bottom:0;cursor:pointer}img[data-v-24d4a77b]{cursor:default}.circle-red[data-v-093edea2]{color:#ec6a6e!important;margin:0 5px!important}.circle-yellow[data-v-093edea2]{color:#fbd14a!important;margin:0 5px!important}.circle-green[data-v-093edea2]{color:#72cacd!important;margin:0 5px!important}.circle-purple[data-v-093edea2]{color:#7a73a8!important;margin:0 5px!important}@font-face{font-family:KaiTi;src:local("KaiTi"),url(../fonts/KaiTi.bbfaa127.ttf) format("truetype")}@font-face{font-family:Bider;src:local("Bider"),url(../fonts/Bider-HanYuPinYin1.7e95d2fc.ttf) format("truetype")}.fontChinese{font-family:KaiTi!important}.fontPinyin{font-family:Bider!important}.step-progress__wrapper{margin:0 auto;position:relative;width:90%}.step-progress__wrapper-before{background-color:grey;-webkit-transform:translateY(-50%) perspective(1000px);transform:translateY(-50%) perspective(1000px)}.step-progress__wrapper-after,.step-progress__wrapper-before{content:"";height:12px;left:0;position:absolute;top:50%;width:100%}.step-progress__wrapper-after{background-color:red;-webkit-transform:scaleX(0) translateY(-50%) perspective(1000px);transform:scaleX(0) translateY(-50%) perspective(1000px);-webkit-transform-origin:left center;transform-origin:left center;-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.step-progress__bar{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:40px;width:100%}.step-progress__step{--activeColor:red;--passiveColor:grey;--activeBorder:5px;--passiveBorder:5px;position:relative;z-index:2}.step-progress__step span{color:var(--passiveColor);display:block;font-size:50px;font-weight:900;opacity:1;text-align:center;-webkit-transform:translateZ(0) scale(1) perspective(1000px);transform:translateZ(0) scale(1) perspective(1000px);-webkit-transition:.3s ease;transition:.3s ease}@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--valid .step-progress__step-icon{opacity:1;-webkit-transform:translate3d(-50%,-50%,0) scale(1) perspective(1000px);transform:translate3d(-50%,-50%,0) scale(1) perspective(1000px)}.step-progress__step--valid span{color:var(--activeColor);opacity:0;-webkit-transform:translateZ(0) scale(2) perspective(1000px);transform:translateZ(0) scale(2) perspective(1000px)}.step-progress__step--valid .step-progress__step-label{color:var(--activeColor)}.step-progress__step:after{background-color:#fff;border:var(--passiveBorder) solid var(--passiveColor);border-radius:50%;content:"";height:75px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) perspective(1000px);transform:translate(-50%,-50%) perspective(1000px);-webkit-transition:.3s ease;transition:.3s ease;width:75px;z-index:-1}@media(max-width:767px){.step-progress__step:after{height:40px;width:40px}}.step-progress__step--active:after,.step-progress__step--valid:after{border:var(--activeBorder) solid var(--activeColor)}.step-progress__step--valid:after{background-color:var(--activeColor)}.step-progress__step-label{color:grey;font-size:18px;font-weight:600;left:50%;position:absolute;top:calc(100% + 25px);-webkit-transform:translateX(-50%) perspective(1000px);transform:translateX(-50%) perspective(1000px);-webkit-transition:.3s ease;transition:.3s ease;white-space:nowrap}.step-progress__step-icon{color:#fff;font-size:36px;left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate3d(-50%,-50%,0) scale(0) perspective(1000px);transform:translate3d(-50%,-50%,0) scale(0) perspective(1000px);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}@media(max-width:767px){.step-progress__step-icon{font-size:22px}}