.point-time{content:"";position:absolute;width:13px;height:13px;top:17px;left:20%;background:#1c87bf;margin-left:-4px;border-radius:50%;box-shadow:0 0 0 5px #fff;}
.timeline ul,.timeline li,.timeline .time,.timeline .aside{display:block;}
.timeline{}
.timeline ul{position:relative;}
.timeline ul > h3{width:16%;height:20px;line-height:20px;text-align:right;color:#1d1d1d;padding:10px 0 20px;}
.timeline ul li{padding:0 0 5px;position:relative;}
.timeline ul li .before{width:5px;top:17px;bottom:-17px;left:20%;background:#e6e6e6;position:absolute;}
.timeline ul li .before.last{display:none;}
.timeline ul li .time{width:15%;position:absolute;text-align:right;display:block;}
.timeline ul li .aside{color:#3a3a38;margin-left:25%;padding-bottom:15px;}
.timeline ul li .brief{color:#9f9f9f;}
.text-red{color:#f6393f;}
.text-blue{color:#1c87bf;}
.text-green{color:#95c91e;}
.text-yellow{color:#ffb902;}
.text-purple{color:#d32d93;}
.point-red{background-color:#f6393f;}
.point-blue{background-color:#1c87bf;}
.point-green{background-color:#95c91e;}
.point-yellow{background-color:#ffb902;}
.point-purple{background-color:#d32d93;}