.time-horizontal {
    list-style-type: none;
    border-top: .008333rem /* 1/120 */ solid #707070;
    max-width: 3.333333rem /* 400/120 */;
    padding: 0px;
    margin: 0px;
}

.time-horizontal li {
    float: left;
    position: relative;
    text-align: center;
    width: 12%;
    padding-top: .083333rem /* 10/120 */;
}



.time-horizontal li:nth-child(1) b{
    content: '';
    position: absolute;
    top:   -0.058333rem /* 7/120 */ ;
    left: 47%;
    width: .1rem /* 12/120 */;
    height: .1rem /* 12/120 */;
    border: .016667rem /* 2/120 */ solid orangered;
    border-radius: .066667rem /* 8/120 */;
    background: orangered;
}



.time-horizontal li:nth-child(2) b{
    content: '';
    position: absolute;
    top:   -0.058333rem /* 7/120 */ ;
    left: 47%;
    width: .1rem /* 12/120 */;
    height: .1rem /* 12/120 */;
    border: .016667rem /* 2/120 */ solid #4c4c4c;
    border-radius: .066667rem /* 8/120 */;
    background: #4c4c4c;
}
.time-horizontal li:nth-child(3) b{
    content: '';
    position: absolute;
    top:   -0.058333rem /* 7/120 */ ;
    left: 47%;
    width: .1rem /* 12/120 */;
    height: .1rem /* 12/120 */;
    border: .016667rem /* 2/120 */ solid #4c4c4c;
    border-radius: .066667rem /* 8/120 */;
    background: #4c4c4c;
}
.time-horizontal li:nth-child(4) b{
    content: '';
    position: absolute;
    top:   -0.058333rem /* 7/120 */ ;
    left: 47%;
    width: .1rem /* 12/120 */;
    height: .1rem /* 12/120 */;
    border: .016667rem /* 2/120 */ solid #4c4c4c;
    border-radius: .066667rem /* 8/120 */;
    background: #4c4c4c;
}
.time-horizontal li:nth-child(5) b{
    content: '';
    position: absolute;
    top:   -0.058333rem /* 7/120 */ ;
    left: 47%;
    width: .1rem /* 12/120 */;
    height: .1rem /* 12/120 */;
    border: .016667rem /* 2/120 */ solid #4c4c4c;
    border-radius: .066667rem /* 8/120 */;
    background: #4c4c4c;
}
.time-horizontal li:nth-child(6) b{
    content: '';
    position: absolute;
    top:   -0.058333rem /* 7/120 */ ;
    left: 47%;
    width: .1rem /* 12/120 */;
    height: .1rem /* 12/120 */;
    border: .016667rem /* 2/120 */ solid #4c4c4c;
    border-radius: .066667rem /* 8/120 */;
    background: #4c4c4c;
}

.time-horizontal li:nth-child(7) b{
    content: '';
    position: absolute;
    top:   -0.058333rem /* 7/120 */ ;
    left: 47%;
    width: .1rem /* 12/120 */;
    height: .1rem /* 12/120 */;
    border: .016667rem /* 2/120 */ solid orangered;
    border-radius: .066667rem /* 8/120 */;
    background: orangered;
}