.step-item{display:inline-block;position:relative}.step-item .state{position:absolute;height:10px;width:10px;background:#d0d3e0;top:calc(50% - 10px);border-radius:100%;left:calc(50% - 3px);z-index:1}.step-item .step_text{color:#d0d3e0;height:45px;display:table-cell;vertical-align:bottom}.step-item.curr_complate .state{background:#38b03f}.step-item.curr_complate .step_text{color:#38b03f}.step-item.curr_complate.l_left:before,.step-item.next_complate.l_right:after{background:#38b03f}.step-item.l_left{padding-left:.5em}.step-item.l_left:before{content:" ";position:absolute;display:inline-block;width:calc(50% - 4px);height:2px;background:#d0d3e0;top:calc(50% - 6px);left:0}.step-item.l_right{padding-right:.5em}.step-item.l_right:after{content:" ";position:absolute;display:inline-block;width:calc(50% - 4px);height:2px;background:#d0d3e0;top:calc(50% - 6px);right:0}