.vm-step{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center;position:relative;min-width:50px;font-size:12px}.vm-step:not([class*=text-]){color:#aaa}.vm-step [class*=icon]{display:block;font-size:12px;line-height:32px}.vm-step .num{display:block}.vm-step::after,.vm-step::before{content:"";display:block;position:absolute;height:0;width:calc(100% - 40px);border-bottom:1PX solid #ccc;left:calc(0px - (100% - 40px)/2);top:16px;z-index:0}.vm-step::after{border-bottom:1PX solid currentColor;width:0;-webkit-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}.vm-step[class*=text-]::after{width:calc(100% - 40px);color:currentColor}.vm-step:first-child::after,.vm-step:first-child::before{display:none}.vm-step .num{width:12px;height:12px;border-radius:50%;line-height:12px;margin:10px auto;font-size:12px;border:1PX solid currentColor;position:relative;overflow:hidden}.vm-step .num::after,.vm-step .num::before{content:attr(data-index);position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;-webkit-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;-webkit-transform:translateY(0);transform:translateY(0)}.vm-step .num::after{-webkit-transform:translateY(12px);transform:translateY(12px);color:#fff}.vm-step[class*=text-] .num{background-color:currentColor}.vm-step[class*=text-] .num::before{-webkit-transform:translateY(-12px);transform:translateY(-12px);color:#fff}.vm-step[class*=text-] .num::after{content:"\e645";font-family:'vm-icon';color:#fff;-webkit-transform:translateY(0);transform:translateY(0)}.vm-step[class*=text-] .num.err::after{content:"\e646"}