.my-steps{width:100%;height:102px;background:-webkit-gradient(linear, left top, right top, from(#fff), color-stop(50%, #FFFAF1), to(rgba(255,255,255,0.04)));background:linear-gradient(90deg, #fff 0%, #FFFAF1 50%, rgba(255,255,255,0.04) 100%);text-align:center;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}.my-steps .my-step{position:relative;display:inline-block;line-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box}.my-steps .my-step .circle{width:6px;height:6px;background:rgba(0,0,0,0.1);border-radius:6px;float:left;margin-right:4px}.my-steps .my-step.is-cur .my-step-number{color:#fff;background:#403C44}.my-steps .my-step.is-cur .my-step-label{color:rgba(0,0,0,0.8);font-weight:bold}.my-steps .my-step .correct{color:#fff;font-size:15px}.my-steps .my-step.is-noactive .is-circle-active{background:#403C44}.my-steps .my-step .my-step-item{text-align:center;margin:0 80px}.my-steps .my-step .my-step-number{width:30px;height:30px;border-radius:30px;text-align:center;line-height:30px;font-size:18px;border:1px solid rgba(0,0,0,0.25);color:rgba(0,0,0,0.5);display:inline-block;vertical-align:bottom}.my-steps .my-step .my-step-circle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-flow:nowrap;flex-flow:nowrap}.my-steps .my-step .my-step-label{font-size:16px;font-weight:bold;font-family:D-DIN Bold, D-DIN;color:rgba(0,0,0,0.5);line-height:22px;margin-top:10px}.my-steps .my-step>div{display:-webkit-box;display:-ms-flexbox;display:flex}.my-steps .my-step:nth-last-child(1){padding-right:0;margin-right:0}.my-steps .my-step:nth-last-child(1)>div:after{border:none}.my-steps .my-step.is-active .my-step-number{color:#fff;background:#403C44}.my-steps .my-step.is-active .my-step-label{color:rgba(0,0,0,0.8);font-weight:bold}.my-steps .my-step.is-active .circle:nth-child(-n+5){background:#403C44}