.r-step{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;font-size:12px;color:#555}
.r-step.done .icon-default,.r-step.processing .icon-default{background-color:#f43838;position:relative}
.r-step.done .icon-default::after,.r-step.processing .icon-default::after{content:" ";display:block;width:4px;height:8px;position:absolute;top:3px;left:6px;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.r-step.done .tail-back,.r-step.done .tail-front,.r-step.processing .tail-front{background-color:#f43838}
.r-step-head{position:relative}
.r-step-head .tail-back,.r-step-head .tail-front{position:absolute;top:50%;background-color:#f5f5f5;height:1px;width:50%;overflow:hidden;-webkit-transform:translateY(-1px);transform:translateY(-1px)}
.r-step-head .tail-back{right:0}
.r-step-head .tail-icon{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:5}
.r-step-head .tail-icon-hidden{visibility:hidden}
.r-step-head .icon-default{width:18px;height:18px;border-radius:50%;background-color:#d3d3d3;display:inline-block}
.r-step-content{padding-top:5px;-webkit-box-sizing:border-box;box-sizing:border-box}
.r-steps{display:-webkit-box;display:-ms-flexbox;display:flex}
.r-steps>:first-child .tail-front{display:none}
.r-steps>:last-child .tail-back{display:none}
.r-steps .r-step.active .tail-back,.r-steps .r-step.active .tail-front{background-color:#f43838}