do-element/lib/theme-chalk/step.css

Secondary encapsulation of basic element-ui

.d-steps-title{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;font-size:16px;color:#999;height:40px;line-height:40px}.d-steps-title .d-steps--inner{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 10px}.d-steps-title .d-steps--inner.d-steps-line-inner{background-color:#fff}.d-steps-title.is-active:not(.d-steps-success) .d-steps-number{background:#61c5c1;border-color:#61c5c1;color:#fff}.d-steps-title.is-active:not(.d-steps-success) .d-steps-label{color:#000}.d-steps-title.d-steps-success .d-steps-number{border-color:#61c5c1}.d-steps-title.d-steps-success .d-steps-number .el-icon-check{color:#61c5c1;font-size:14px;font-weight:700}.d-steps-title .d-steps-number{display:block;width:22px;height:22px;line-height:22px;text-align:center;border:1px solid #999;border-radius:50%;font-family:HelveticaNeue;margin-right:6px}.d-steps-title .d-steps-label{font-family:PingFangSC-Regular,PingFang SC;white-space:nowrap}.d-steps-title .d-steps-line{position:absolute;height:2px;top:19px;left:50%;right:-50%;background-color:#999}.d-steps-title .d-steps-line.d-active-line{background-color:#61c5c1}.d-steps-bg::after,.d-steps-bg::before{content:'';display:block;position:absolute;top:0;background:#f7f7f9;height:50%;width:100%;-webkit-transform:skewX(45deg);transform:skewX(45deg)}.d-steps-bg::after{top:50%;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}.d-steps-bg.is-active::after,.d-steps-bg.is-active::before{background:#f1f1f5}