.steps{margin:20px auto;width:530px}.step-group{width:550px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-around}.step-item{width:60px;height:60px;border-radius:50%;font-size:50px;background:#999;text-align:center;line-height:60px;color:#fff}.step-item.active{background:#1ab394}.steps-label{width:550px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-around;margin-top:20px;height:20px}.steps-label div{position:relative;flex:1 0 auto;text-align:center;height:20px}.steps-label div:not(:first-of-type):after{position:absolute;right:50%;top:50%;content:" ";transform:translateY(-50%);width:128px;height:4px;background:#d8d8d8;text-align:left}.steps-label div span{display:inline-block;background:#d8d8d8;width:20px;height:20px;border-radius:50%}.steps-label div.active:after,.steps-label div.active span{background:#1ab394}