.znl-steps{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.znl-step__head{position:relative;width:100%}.znl-step__head.is-finish .znl-step__icon-inner{color:#fff;background-color:#ED9E00}.znl-step__line{position:absolute;background-color:#F1F3F6;border-top:1px solid #E4E8EF;border-bottom:1px solid #E4E8EF;-webkit-box-sizing:border-box;box-sizing:border-box;height:10px;top:20px;left:0;right:0}.znl-step__line-inner{display:block;border-style:solid;border-color:#ED9E00;-webkit-box-sizing:border-box;box-sizing:border-box;height:0;position:relative}.znl-step__line-inner-in{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:-5px;z-index:2;border-style:solid;border-color:#ED9E00}.znl-step__icon{width:50px;height:50px;line-height:50px;position:relative;z-index:1;color:#67707B;display:inline-block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px;text-align:center;background-color:#F1F3F6;border-radius:50%}.znl-step__icon.is-text{border-radius:50%;border:1px solid #E4E8EF}.znl-step__icon-inner{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:700;color:inherit;width:38px;height:38px;border:1px solid #E4E8EF;border-radius:50%;text-align:center;line-height:38px;background-color:#fff}.znl-step__title{color:#b3b3b3;font-size:12px}.znl-step__description{font-size:12px;line-height:20px;font-weight:400}.znl-step__content{position:absolute;left:0}.znl-step.is-flex{-ms-flex-preferred-size:auto!important;flex-basis:auto!important}.znl-step.is-center .znl-step__head{text-align:center}.znl-step.is-center .znl-step__line{left:50%;right:-50%}.znl-step.is-center .znl-step__header,.znl-step.is-center .znl-step__main{text-align:center}.znl-step.is-center .znl-step__header{color:#666}.znl-step.is-center .znl-step__header.is-finish{color:#000}.znl-step.is-center .znl-step__description{padding-left:20%;padding-right:20%}.znl-step:last-child .znl-step__line{display:none}