body{margin:0;padding:0;}.main{width:50%;margin:30px auto;}.time-axis{margin:0;padding:0;margin-top:100px;position:relative;}.time-axis:before{content:'';position:absolute;left:57px;top:15px;width:1px;height:100%;background-color:#E4E4E4;}.time-axis-item{list-style:none;padding-left:184px;left:-114px;position:relative;line-height:57px;font-size:34px;color:#141414;}.time-axis-achievement{width:514px;margin:auto;}.time-axis-date{position:absolute;left:-67px;top:0;font-weight:bold;color:#00dfb9;}.time-axis-date span{position:absolute;left:231px;top:35%;display:block;width:13px;height:13px;border:1px solid #ccc;border-radius:100%;background-color:#fff;}.time-axis-date span:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;width:7px;height:7px;margin:auto;background-color:#ccc;border:1px solid #ccc;border-radius:100%;}.time-axis-item:last-child .time-axis-date span{border-color:#48BEB2;}.time-axis-item:last-child .time-axis-date span:after{background-color:#48BEB2;border-color:#48BEB2;}