.z-step{display:flex;height:35px}.z-step-item{flex:1;position:relative;text-align:center;color:var(--color-gray)}.z-step-item-icon{position:relative;width:17px;height:17px;margin:auto;border:1px solid;border-radius:17px;font-size:9px;font-weight:500;background-color:var(--bg-card-color)}.z-step-item-icon>span{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}.z-step-item-icon{display:block}.z-step-item-content{position:relative;font-size:8px;font-weight:500;width:50%;height:100%;margin:0 auto}.z-step-item-content span{position:absolute;left:0;width:100%;word-break:break-word;line-height:10px}.z-step-item-active{color:var(--blue-color)}.z-step-item-active .z-step-item-icon{background-color:var(--blue-color);color:var(--bg-card-color);border-color:var(--blue-color)}.z-step-item:not(:last-child):before{content:"";position:absolute;top:8px;left:50%;width:calc(100% - 16px);margin-left:8px;display:block;border-bottom:1px dashed var(--color-gray);z-index:0}