.x-steps{overflow:hidden;background-color:#fff}.x-steps--horizontal{padding:0 10px}.x-steps--horizontal .x-steps__items{display:-webkit-box;display:-webkit-flex;display:flex;margin:0 0 10px;overflow:hidden;position:relative;padding-bottom:22px}.x-steps--horizontal .x-steps__items.x-steps__items--alone{padding-top:10px}.x-steps--vertical{padding:0 0 0 35px}.x-steps__icon{float:left;margin-right:10px}.x-steps .x-icon{font-size:40px}.x-steps__message{height:40px;margin:15px 0}.x-steps__title{font-size:14px;color:#333;padding-top:4px}.x-steps__desc{font-size:12px;line-height:1.5;color:#999}.x-step{-webkit-box-flex:1;-webkit-flex:1;flex:1;font-size:14px;position:relative;color:#999}.x-step--horizontal.x-step--finish,.x-step--horizontal.x-step--process{color:#333}.x-step--horizontal{float:left}.x-step--horizontal:first-child .x-step__title{-webkit-transform:none;transform:none;margin-left:0}.x-step--horizontal:last-child{position:absolute;right:10px;width:auto}.x-step--horizontal:last-child .x-step__title{-webkit-transform:none;transform:none;margin-left:0}.x-step--horizontal:last-child .x-step__circle-container{left:auto;right:-9px}.x-step--horizontal:last-child .x-step__line{width:0}.x-step--horizontal .x-step__circle-container{position:absolute;top:28px;left:-8px;padding:0 8px;background-color:#fff;z-index:1}.x-step--horizontal .x-step__title{font-size:12px;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);display:inline-block;margin-left:3px}.x-step--horizontal .x-step__line{position:absolute;left:0;top:30px;width:100%;height:1px;background-color:#eee}.x-step--horizontal.x-step--finish .x-step__circle,.x-step--horizontal.x-step--finish .x-step__line{background-color:#FF9C4C}.x-step--horizontal.x-step--process .x-step__circle-container{top:24px}.x-step--horizontal.x-step--process .x-icon{font-size:12px;color:#FF9C4C;display:block}.x-step .x-step__circle{display:block;width:5px;height:5px;background-color:#888;border-radius:50%}.x-step--vertical{float:none;display:block;font-size:14px;line-height:18px;padding:10px 10px 10px 0}.x-step--vertical:not(:last-child)::after{border-bottom-width:1px}.x-step--vertical:first-child::before{content:'';position:absolute;width:1px;height:20px;background-color:#fff;top:0;left:-15px;z-index:1}.x-step--vertical .x-step__circle-container>i{position:absolute;z-index:2}.x-step--vertical .x-icon-checked{top:12px;left:-20px;line-height:1;font-size:12px}.x-step--vertical .x-step__circle{top:16px;left:-17px}.x-step--vertical .x-step__line{position:absolute;top:0;left:-15px;width:1px;height:100%;background-color:#eee}