.wux-step { font-size: 0; position: relative; display: inline-block; box-sizing: border-box; padding: 0 10rpx; vertical-align: top } .wux-step--vertical { padding-bottom: 60rpx } .wux-step--vertical .wux-step__hd { float: left } .wux-step--vertical .wux-step__bd { overflow: hidden; display: block; margin-left: 80rpx; margin-top: 0; text-align: left; clear: inherit } .wux-step--vertical .wux-step__ft { position: absolute; left: 40rpx; top: 0; height: 100%; width: 2rpx; padding: 60rpx 0 8rpx; margin-left: 0 } .wux-step--vertical .wux-step__ft:after { width: 2rpx; height: 100% } .wux-step__ft { position: absolute; left: 50%; width: 100%; top: 24rpx; padding: 0 48rpx; margin-left: 6rpx; box-sizing: border-box } .wux-step__ft:after { content: ""; display: inline-block; background: #ddd; height: 2rpx; border-radius: 2rpx; width: 100%; transition: background .3s; position: relative; left: -4rpx } .wux-step__icon { box-sizing: border-box; font-size: 24rpx; width: 48rpx; height: 100%; border-radius: 50%; background: #fff; position: relative; z-index: 2; margin: 0 auto; border: #e9eaec solid 2rpx; margin-left: 2px } .wux-step__thumb { width: 100%; height: 100%; display: inline-block; overflow: hidden } .wux-step--process .wux-step__icon { border: #009ee0 solid 2rpx; color: #fff; background: #009ee0 } .wux-step--wait .wux-step__icon { border: #e9eaec solid 2rpx; color: #e9eaec } .wux-step--wait .wux-step__ft:after { background: #009ee0 } .wux-step--finish .wux-step__icon { border: #009ee0 solid 2rpx; color: #009ee0 } .wux-step--finish .wux-step__ft:after { background: #009ee0 } .wux-step--error .wux-step__icon { border: #ef473a solid 2rpx; color: #ef473a } .wux-step--error .wux-step__ft:after { background: #ef473a } .wux-step__hd { width: auto; height: 48rpx; line-height: 48rpx; text-align: center; box-sizing: border-box } .wux-step__bd { margin-top: 20rpx; text-align: center; clear: both } .wux-step__title { font-size: 32rpx; font-weight: 700; color: #000 } .wux-step__content { font-size: 24rpx; margin-top: 6rpx; color: #b2b2b2 }