<style type="text/css">
.all{
  background-color:gray;
}
* {
    font-size:14px;
    margin:0px;
    padding:0px;
    font-family: "Helvetica Neue",HelveticaNeue,"Helvetica-Neue",Helvetica;
}
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*
*/
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*内容总区域的长度，自行控制*/
.timeline-block {
    width:90%;
    margin:0 auto;
}
/*title区域*/
.timeline-title-info {
    display:-webkit-box;
    display:-moz-box;
    display:-0-box;
    display:-ms-box;
    display:box;
}
/*公告文字*/
.timeline-title {
    color:#F67236;
    margin-right:16px;
}
/*日期*/
.timeline-time {
    -webkit-box-flex:1;
    box-flex:1;
}
/*内容区域*/
.timeline-info {
    width:100%;
}
/*内容文字*/
.timeline-content {
    border-left:1px solid #FBC0A6;
    margin-left:10px;
    padding-left:34px;
    margin-top:10px;
    margin-bottom:8px;
    color:#999999;
    font-size:12px;
    position:relative;
    min-height:66px;
}
.timeline-content::before {
    content:'';
    display:block;
    position:absolute;
    left:-3px;
    top:-3px;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#F6763D;
}
.timeline-content::after {
    content:'';
    display:block;
    position:absolute;
    left:-3px;
    bottom:0px;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#F6763D;
}
</style>