captain-ui/lib/cert-steps/index.css

有赞vue wap业务组件库

.cap-cert-steps__wrapper{display:-webkit-box;display:-webkit-flex;display:flex;background-color:#fff;box-shadow:0 2px 10px 0 hsla(220,1%,50%,.1)}.cap-cert-step__block{position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:16px 0;text-align:center}.cap-cert-step__block:after,.cap-cert-step__block:before{content:"";position:absolute;top:25px;width:50%;height:2px;background-color:#f2f3f5}.cap-cert-step__block:before{left:0}.cap-cert-step__block:after{right:0}.cap-cert-step__block:first-child:before,.cap-cert-step__block:last-child:after{content:none}.cap-cert-step__block--active .cap-cert-step__icon,.cap-cert-step__block--active:after,.cap-cert-step__block--active:before,.cap-cert-step__block--current .cap-cert-step__icon,.cap-cert-step__block--current:after,.cap-cert-step__block--current:before{background-color:#3b69d2}.cap-cert-step__block--active .cap-cert-step__label,.cap-cert-step__block--current .cap-cert-step__label{color:#323233}.cap-cert-step__block--active .cap-cert-step__icon{background:#3b69d2 url(//b.yzcdn.cn/h5/payment-account/check@2x.png) 6px 7px/9px 6px no-repeat}.cap-cert-step__block--current:after{background-color:#f2f3f5}.cap-cert-step__icon{position:relative;display:block;width:20px;height:20px;margin:auto;font-size:12px;line-height:20px;color:#fff;background-color:#dcdee0;border-radius:50%;z-index:1}.cap-cert-step__label{margin-top:12px;font-size:14px;line-height:18px;color:#c8c9cc}