.qd-step{position:relative;flex-shrink:1}.qd-step:last-of-type .qd-step__line{display:none}.qd-step:last-of-type.is-flex{flex-basis:auto!important;flex-shrink:0;flex-grow:0}.qd-step:last-of-type .qd-step__description,.qd-step:last-of-type .qd-step__main{padding-right:0}.qd-step__head{position:relative;width:100%}.qd-step__head.is-process{color:var(--qd-text-color-white)}.qd-step__head.is-process .qd-step__icon.is-icon{color:var(--qd-color-primary);border-color:var(--qd-color-primary)}.qd-step__head.is-process .qd-step__icon.is-text{background-color:var(--qd-color-primary);border-color:var(--qd-color-primary)}.qd-step__head.is-wait{color:var(--qd-text-color-placeholder);border-color:var(--qd-text-color-placeholder)}.qd-step__head.is-success{color:var(--qd-color-success);border-color:var(--qd-color-success)}.qd-step__head.is-error{color:var(--qd-color-danger);border-color:var(--qd-color-danger)}.qd-step__head.is-finish{color:var(--qd-color-primary);border-color:var(--qd-color-primary)}.qd-step__icon-content{position:relative;z-index:1;display:inline-flex;justify-content:center;align-items:center;width:56px;box-sizing:border-box;background:var(--qd-bg-color)}.qd-step__icon{position:relative;z-index:1;display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;box-sizing:border-box;background:var(--qd-bg-color);transition:.15s ease-out}.qd-step__icon.is-text{border-radius:50%;border:1px solid;border-color:inherit}.qd-step__icon.is-icon{width:56px}.qd-step__icon-inner{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;font-weight:700;line-height:1;color:inherit}.qd-step__icon-inner[class*=qd-icon]:not(.is-status){font-size:25px;font-weight:400}.qd-step__icon-inner.is-status{transform:translateY(1px)}.qd-step__line{position:absolute;border-color:inherit;background-color:var(--qd-border-color-base)}.qd-step__line-inner{display:block;border-width:1px;border-style:solid;border-color:inherit;transition:.15s ease-out;box-sizing:border-box;width:0;height:0}.qd-step__main{white-space:normal;text-align:left}.qd-step__title{font-size:16px;line-height:38px;color:var(--qd-text-color-primary);margin-left:16px}.qd-step__description{padding-right:10%;margin-top:-5px;font-size:12px;line-height:20px;font-weight:400;color:var(--qd-text-color-secondary);margin-left:16px}.qd-step.is-horizontal{display:inline-block}.qd-step.is-horizontal .qd-step__line{height:1px;top:11px;left:0;right:0}.qd-step.is-vertical{display:flex}.qd-step.is-vertical .qd-step__icon-content{width:24px;height:56px}.qd-step.is-vertical .qd-step__head{flex-grow:0;width:24px}.qd-step.is-vertical .qd-step__main{flex-grow:1}.qd-step.is-vertical .qd-step__title{line-height:24px;padding-bottom:8px;margin-top:16px}.qd-step.is-vertical .qd-step__line{width:2px;top:0;bottom:0;left:11px}.qd-step.is-vertical .qd-step__icon.is-icon{width:24px}.qd-step.is-center .qd-step__head{text-align:center}.qd-step.is-center .qd-step__main{text-align:center}.qd-step.is-center .qd-step__description{padding-left:20%;padding-right:20%;margin-left:0}.qd-step.is-center .qd-step__title{margin-left:0}.qd-step.is-center .qd-step__line{left:50%;right:-50%}.qd-step.is-simple{display:flex;align-items:center}.qd-step.is-simple .qd-step__icon-content{width:16px;background:0 0}.qd-step.is-simple .qd-step__head{width:auto;font-size:0}.qd-step.is-simple .qd-step__icon{background:0 0;width:16px;height:16px;font-size:12px}.qd-step.is-simple .qd-step__icon-inner[class*=qd-icon]:not(.is-status){font-size:18px}.qd-step.is-simple .qd-step__icon-inner.is-status{transform:scale(.8) translateY(1px)}.qd-step.is-simple .qd-step__main{position:relative;display:flex;align-items:stretch;flex-grow:1}.qd-step.is-simple .qd-step__title{font-size:16px;line-height:20px;margin-left:8px}.qd-step.is-simple:not(:last-of-type) .qd-step__title{max-width:50%;word-break:break-all}.qd-step.is-simple .qd-step__arrow{flex-grow:1;display:flex;align-items:center;justify-content:center}.qd-step.is-simple .qd-step__arrow::after,.qd-step.is-simple .qd-step__arrow::before{content:"";display:inline-block;position:absolute;height:8px;width:1px;background:var(--qd-text-color-placeholder)}.qd-step.is-simple .qd-step__arrow::before{transform:rotate(-45deg) translateY(-2px);transform-origin:0 0}.qd-step.is-simple .qd-step__arrow::after{transform:rotate(45deg) translateY(2px);transform-origin:100% 100%}.qd-step.is-simple:last-of-type .qd-step__arrow{display:none}