vant/lib/vant-css/steps.css

A Vue.js 2.0 Mobile UI at YouZan

.van-steps{overflow:hidden;background-color:#fff}.van-steps--horizontal{padding:0 10px}.van-steps--horizontal .van-steps__items{display:-webkit-box;display:-webkit-flex;display:flex;margin:0 0 10px;overflow:hidden;position:relative;padding-bottom:22px}.van-steps--horizontal .van-steps__items.van-steps__items--alone{padding-top:10px}.van-steps--vertical{padding:0 0 0 35px}.van-steps__icon{float:left;margin-right:10px}.van-steps .van-icon{font-size:40px}.van-steps__message{height:40px;margin:15px 0}.van-steps__title{font-size:14px;color:#333;padding-top:4px}.van-steps__desc{font-size:12px;line-height:1.5;color:#999}.van-step{-webkit-box-flex:1;-webkit-flex:1;flex:1;font-size:14px;position:relative;color:#999}.van-step--horizontal{float:left}.van-step--horizontal:first-child .van-step__title{-webkit-transform:none;transform:none;margin-left:0}.van-step--horizontal:last-child{position:absolute;right:10px;width:auto}.van-step--horizontal:last-child .van-step__title{-webkit-transform:none;transform:none;margin-left:0}.van-step--horizontal:last-child .van-step__circle-container{left:auto;right:-9px}.van-step--horizontal:last-child .van-step__line{width:0}.van-step--horizontal .van-step__circle-container{position:absolute;top:28px;left:-8px;padding:0 8px;background-color:#fff;z-index:1}.van-step--horizontal .van-step__title{font-size:12px;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);display:inline-block;margin-left:3px}.van-step--horizontal .van-step__line{position:absolute;left:0;top:30px;width:100%;height:1px;background-color:#e5e5e5}.van-step--horizontal.van-step--finish{color:#333}.van-step--horizontal.van-step--finish .van-step__circle,.van-step--horizontal.van-step--finish .van-step__line{background-color:#06bf04}.van-step--horizontal.van-step--process{color:#333}.van-step--horizontal.van-step--process .van-step__circle-container{top:24px}.van-step--horizontal.van-step--process .van-icon{font-size:12px;color:#06bf04;display:block}.van-step .van-step__circle{display:block;width:5px;height:5px;background-color:#888;border-radius:50%}.van-step--vertical{float:none;display:block;font-size:14px;line-height:18px;padding:10px 10px 10px 0}.van-step--vertical:not(:last-child)::after{border-bottom-width:1px}.van-step--vertical:first-child::before{content:'';position:absolute;width:1px;height:20px;background-color:#fff;top:0;left:-15px;z-index:1}.van-step--vertical .van-step__circle-container>i{position:absolute;z-index:2}.van-step--vertical .van-icon-checked{top:12px;left:-20px;line-height:1;font-size:12px}.van-step--vertical .van-step__circle{top:16px;left:-17px}.van-step--vertical .van-step__line{position:absolute;top:0;left:-15px;width:1px;height:100%;background-color:#e5e5e5}