.common-timeline .item {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.common-timeline .item:last-child .line {
 display:none
}
.common-timeline .line-cirle {
 width:16px;
 height:16px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 border:1px solid #3075ee;
 border-radius:100%
}
.common-timeline .line-cirle:after {
 content:"";
 width:6px;
 height:6px;
 background-color:#3075ee;
 border-radius:100%
}
.common-timeline .line-wrapper {
 margin-right:8px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.common-timeline .line-wrapper .line {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1;
 width:1px;
 background:linear-gradient(180deg,#ccc,#ccc 5px,transparent 0,transparent);
 background-size:100% 10px;
 background-repeat:repeat-y
}