.time{width:90px;text-align:right;padding:0 24px 4px 0}.content{position:relative;padding:0 0 4px 16px;min-height:60px;-webkit-box-flex:1;-ms-flex:1;flex:1}.content .dot{position:absolute;left:-10px;top:0;width:20px;height:20px;border-radius:50%}.track-item{line-height:2}.track-item>span{-webkit-box-flex:2;-ms-flex:2;flex:2}.track-item>span:first-child{-webkit-box-flex:1;-ms-flex:1;flex:1}.delay-column span{width:16px;height:16px;vertical-align:middle;border-radius:8px;display:inline-block;color:transparent;font-size:0}.delay-black span{background:#000}.delay-purple span{background:#7032f7}.delay-red span,.red input{background:#fc353c}.delay-orange span,.orange input{background:#fc9630}.delay-yellow span,.yellow input{background:#ff0}.blue input,.delay-blue span{background:#28e}.delay-green span,.green input{background:#00cc43}