/* .time-line -> %s{
    Style
}
time-line01 / time-line02 .time-line01 -> %s{
    Layout
}
image-text / image-text-cross / text-image / text-image-cross .time-line02 -> %s{
    Layout
}
    icon-text */
/* time-line */
.time-line .icon-svg *{
    stroke-width:3px
}
.time-line .title{
    font-size:20px;
    margin: 0 0 5px 0
}
.time-line .title:last-child{
    margin: 0 0 0 0
}
.time-line .subtitle{
    font-size:14px;
    font-style:italic;
    margin:5px 0 20px
}
.time-line .subtitle:first-child{
    margin:0 0 20px
}
.time-line .subtitle:last-child{
    margin:5px 0 0
}
.time-line .info{
    font-size:16px;
    margin: 20px 0 0 0
}
.time-line .info:first-child{
    margin:0 0 0
}
.time-line01{
    position:relative
}
.time-line01 .line{
    content:'';
    position:absolute;
    width:3px;
    margin-right:-1px;
    right:50%;
    top:0;
    bottom:0 !important;
    z-index:0;
    background:#999
}
.time-line01 .item{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-top:50px;
    padding-bottom:50px
}
.time-line01 .item:first-of-type{
    padding-top:0 !important
}
.time-line01 .item:nth-last-child(2){
    padding-bottom:0 !important
}
.image-text.time-line01 .item .pic{
    text-align:left
}
.image-text.time-line01 .item .text{
    text-align:right
}
.image-text-cross.time-line01 .item:nth-child(even){
    flex-direction:row-reverse
}
.image-text-cross.time-line01 .item .pic{
    text-align:left
}
.image-text-cross.time-line01 .item:nth-child(even) .pic{
    text-align:right
}
.image-text-cross.time-line01 .item .text{
    text-align:right
}
.image-text-cross.time-line01 .item:nth-child(even) .text{
    text-align:left
}
.text-image.time-line01 .item{
    flex-direction:row-reverse
}
.text-image.time-line01 .item .pic{
    text-align:right
}
.text-image.time-line01 .item .text{
    text-align:left
}
.text-image-cross.time-line01 .item{
    flex-direction:row-reverse
}
.text-image-cross.time-line01 .item:nth-child(even){
    flex-direction:row
}
.text-image-cross.time-line01 .item .pic{
    text-align:right
}
.text-image-cross.time-line01 .item .text{
    text-align:left
}
.text-image-cross.time-line01 .item:nth-child(even) .pic{
    text-align:left
}
.text-image-cross.time-line01 .item:nth-child(even) .text{
    text-align:right
}
.time-line01 .item .pic,.time-line01 .item .text{
    width:50%
}
.time-line01 .item .num{
    width:225px;
    height:128px;
    line-height:134px;
    text-align:center;
    background:#f6f6f6;
    z-index:1
}
.time-line01 .item .num span{
    position:relative;
    display:inline-block;
    font-size:24px;
    color:#FFF;
    width:70px;
    height:70px;
    line-height:70px;
    border-radius:50%;
    background:-webkit-linear-gradient(to bottom right,#fa9e9e,#eb0000);
/* Safari 5.1 - 6.0 */
    background:-o-linear-gradient(to bottom right,#fa9e9e,#eb0000);
/* Opera 11.1 - 12.0 */
    background:-moz-linear-gradient(to bottom right,#fa9e9e,#eb0000);
/* Firefox 3.6 - 15 */
    background:linear-gradient(to bottom right,#fa9e9e,#eb0000);
/* 标准的语法 */
    
}
.time-line01 .item .num span::after{
    content:'';
    position:absolute;
    right:-10px;
    top:-10px;
    left:-10px;
    bottom:-10px;
    border-width:10px;
    border-style:solid;
    border-color:rgba(223,12,51,0.1);
    border-radius:50%
}
.time-line01 .item .pic img{
    max-width:100%;
    border-radius:5px;
    border:1px solid #eee
}
@media only screen and (max-width:767px){   
    .time-line01 .item{
        display:block !important;
        padding-top:30px !important;
        padding-bottom:30px !important
    }
    .time-line01 .item .pic,.time-line01 .item .text{
        width:100%;
        padding-right:90px;
        text-align:right !important
    }
    .time-line01 .item .text{
        margin-top:20px
    }
    .time-line01 .item .num{
        position:absolute;
        right:0;
        top:6px;
        margin-top:0;
        width:72px
    }
    .time-line01 .line{
        right:36px
    }
}

/*********************/
ul.timeline_list{
    list-style:none
}
.timeline_list li{
    padding:2px;
    font-size:15px;
    line-height:2;
    font-weight:bold;
}
.timeline_list .fa{
   margin-left: 9px;
   font-size: 16px;
   color:red;
   position: relative;
   top: 2px;
}