.step-container{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;gap:20px;padding:30px 0}.step-item{width:20%;height:60px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;background-color:#409eff;border:1px solid #378cdb;border-radius:4px}.step-text{text-align:center;width:100%;color:#fff;font-size:15px}.arrow{position:absolute;right:-15px;color:#999;font-size:14px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.step-item:hover .step-text{color:#494949}.step-item:hover .arrow{color:#409eff}.active-step .step-text{color:#409eff;font-weight:700}