.time-axis{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.time-axis .axis-item{-webkit-box-flex:0;-ms-flex:0 0 140px;flex:0 0 140px;height:100%;padding:1px 12px;margin:4px 8px 4px 0;border:1px solid #409eff;scroll-snap-align:start;border-radius:5px;font-size:12px;color:#409eff;text-align:center;cursor:pointer}.time-axis .axis-item.complete{border:1px solid #67c23a;color:#67c23a}.time-axis .axis-item.danger{border:1px solid #f56c6c;color:#f56c6c}.time-axis .axis-item.checked{border:1px solid #409eff;background:#409eff;color:#fff}.time-axis .axis-item.complete-checked{border:1px solid #67c23a;background:#67c23a;color:#fff}.time-axis .axis-item.danger-checked{border:1px solid #f56c6c;background:#f56c6c;color:#fff}.time-axis .axis-item .date{margin-bottom:2px}.step-timeline-main{padding:20px}.mt20{margin-top:20px}.pt20{padding-top:20px}.timeline{max-height:500px;overflow-y:scroll}.step-operate-view{float:right;right:40px;bottom:0}.timeline-text{color:#999;margin-right:8px}.row-start-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-line-pack:center;align-content:center}.sale-step-timeline[data-v-6183d1e3]{position:relative}.step-operate-view[data-v-6183d1e3]{position:absolute;float:right;right:40px;bottom:40px}