.k-steps{width:100%}.k-steps .k-step{float:left;position:relative}.k-steps .k-icon:before{font-size:1rem}.k-steps .k-title{display:inline-block;padding-right:.416666666666667rem;font-weight:700;white-space:nowrap}.k-steps .k-content{font-size:.5rem;white-space:nowrap}.k-steps .k-inner,.k-steps .k-main{-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.k-steps.k-default .k-head,.k-steps.k-line .k-head{padding-right:.416666666666667rem}.k-steps.k-default .k-head .k-inner,.k-steps.k-line .k-head .k-inner{width:.833333333333333rem;height:.833333333333333rem;line-height:calc(.83333rem - 2px);border-radius:50%;text-align:center;border:1px solid #999;color:#999}.k-steps.k-default .k-icon:before,.k-steps.k-line .k-icon:before{line-height:calc(.83333rem - 2px)}.k-steps.k-default .k-main,.k-steps.k-line .k-main{color:#999}.k-steps.k-default .k-tail,.k-steps.k-line .k-tail{position:absolute}.k-steps.k-default .k-step:last-of-type .k-tail,.k-steps.k-line .k-step:last-of-type .k-tail{display:none}.k-steps.k-default .k-done .k-inner,.k-steps.k-line .k-done .k-inner{color:#0a5eee;border-color:#0a5eee}.k-steps.k-default .k-active .k-inner,.k-steps.k-line .k-active .k-inner{color:#fff;border-color:#0a5eee;background:#0a5eee}.k-steps.k-default .k-active .k-main,.k-steps.k-line .k-active .k-main{color:#595959}.k-steps.k-default .k-error .k-inner,.k-steps.k-line .k-error .k-inner{color:#db2828;border-color:#db2828;background:transparent}.k-steps.k-default .k-error .k-main,.k-steps.k-line .k-error .k-main{color:#db2828}.k-steps.k-default,.k-steps.k-simple{text-align:center;height:1.5rem;overflow:hidden;line-height:1.5rem}.k-steps.k-default .k-content,.k-steps.k-default .k-head,.k-steps.k-default .k-head .k-inner,.k-steps.k-default .k-main,.k-steps.k-simple .k-content,.k-steps.k-simple .k-head,.k-steps.k-simple .k-head .k-inner,.k-steps.k-simple .k-main{display:inline-block}.k-steps.k-default .k-step,.k-steps.k-simple .k-step{white-space:nowrap}.k-steps.k-default .k-wrapper,.k-steps.k-simple .k-wrapper{overflow:hidden}.k-steps.k-default{background:#eee}.k-steps.k-default .k-tail{top:0;right:-1.166666666666667rem;width:1.166666666666667rem;height:1.5rem;overflow:hidden;z-index:1}.k-steps.k-default .k-tail:after,.k-steps.k-default .k-tail:before{content:"";border:1.166666666666667rem solid transparent;position:absolute;top:-.416666666666667rem}.k-steps.k-default .k-tail:after{border-left-color:#eee;left:-.416666666666667rem}.k-steps.k-default .k-tail:before{border-left-color:#fff;left:0}.k-steps.k-default .k-head .k-inner{vertical-align:middle;margin-top:-2px}.k-steps.k-default .k-step:not(:first-of-type){padding-left:1.166666666666667rem}.k-steps.k-line{display:-webkit-box;display:-ms-flexbox;display:flex}.k-steps.k-line .k-step{-webkit-box-flex:1;-ms-flex:1;flex:1;width:auto!important}.k-steps.k-line .k-head,.k-steps.k-line .k-main{float:left}.k-steps.k-line .k-head{background:#fff;position:relative}.k-steps.k-line .k-main{position:relative}.k-steps.k-line .k-title{line-height:.833333333333333rem;background:#fff}.k-steps.k-line .k-content{margin:.208333333333333rem 0 0}.k-steps.k-line .k-tail{left:0;right:.416666666666667rem;top:.416666666666667rem;height:1px;background:#d9d9d9}.k-steps.k-line .k-step:last-of-type{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.k-steps.k-line .k-step:last-of-type .k-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.k-steps.k-line .k-step:last-of-type .k-title{padding-right:0}.k-steps.k-line .k-done .k-tail{background:#0a5eee}.k-steps.k-simple .k-main,.k-steps.k-simple .k-step{color:#999}.k-steps.k-simple .k-head{padding-right:.25rem;vertical-align:top;font-weight:700}.k-steps.k-simple .k-icon:before{font-weight:700}.k-steps.k-simple .k-done .k-inner,.k-steps.k-simple .k-done .k-main{color:#595959}.k-steps.k-simple .k-active .k-inner,.k-steps.k-simple .k-active .k-main{color:#0a5eee}.k-steps.k-simple .k-error .k-inner,.k-steps.k-simple .k-error .k-main{color:#db2828}.k-steps.k-clickable .k-done{cursor:pointer}