.step {
    margin: 10px 0 15px 0;
    height: 48px;
}

.timeline {
    margin-top: 15px;
}

.timeline_list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 1;
}

.timeline_list li {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-right: 1em;
    width: 20%;
    height: 2em;
    padding: 7px;
    float: left;
}

.timeline_left {
    background: url(../../img/detail/arrow.png)no-repeat;
    background-size: 100% 100%;
}

.timeline_center {
    background: url(../../img/detail/arrow2.png)no-repeat;
    background-size: 100% 100%;
}

.timeline_right {
    background: url(../../img/detail/arrow-last.png)no-repeat;
    background-size: 100% 100%;
}

.timeline .timeline_list li.timeline_left.active {
    background: url(../../img/detail/arrow-active-left.png)no-repeat;
    background-size: 100% 100%;
    color: #fff!important;
}

.timeline .timeline_list li.timeline_center.active {
    background: url(../../img/detail/arrow-active.png)no-repeat;
    background-size: 100% 100%;
    color: #fff!important;
}

.timeline .timeline_list li.timeline_right.active {
    background: url(../../img/detail/arrow-active-last.png)no-repeat;
    background-size: 100% 100%;
    color: #fff!important;
}

.timeline_list a {
    color: #000;
    text-decoration: none;
}