.log{
    width:100%;
    padding-bottom:81px;
    background-color: rgba(56, 180, 135, 0.03);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0838B487', endColorstr='#0838B487'); /* IE6,IE7 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#0838B487', endColorstr='#0838B487')"; /* IE8 */
}
.log-body{
    margin:0 auto;
    width:1200px;
}
.log-title{
    padding:41px 0 20px;
    font-size: 28px;
    line-height: 72px;
    color: #262626;
}
.log-list{
    position: relative;
    padding:20px 0;
}
.log-time{
    margin-top:3px;
    float: left;
    font-size: 18px;
    line-height: 30px;
    color: #535353;
}
.log-content{
    margin-left:340px;
    width:580px;
    padding:20px;
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.log-head{
    padding-bottom:16px;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    text-align: justify;
    color: #262626;
}
.primary li{
    font-size: 14px;
    height:28px;
    line-height: 28px;
    text-align: justify;
    color: #262626;
}
.primary li span{
    display: inline-block;
    width:8px;
    height:8px;
    margin-right:12px;
    border-radius: 50%;
    background-color: #ccc;
}
.log-list .line{
    position: absolute;
    top:0;
    left:180px;
    opacity: 0.2;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    width:4px;
    height:100%;
    background-color: #38b487;
}
.log-list .line_1{
    position: absolute;
    top:36px;
    left:0;
    width:150px;
    content: '';
    border-bottom:4px dashed  #38b487;
}
.log-list .icon{
    position: absolute;
    top:25px;
    left:167px;
    width:20px;
    height:20px;
    border-radius: 50%;
    border:5px solid #38b487;
    background-color: #fff;
}