font-size: 14px;
margin: 2px 0;
color: #ff5722
}
.timeline-month>ul>li {
padding: 10px 0
}
.timeline-month>ul>li .h4 {
display: inline-block;
width: 31%;
text-align: right;
float: left
}
.date {
display: inline-block;
padding: 2px 5px;
color: #484348;
font-size: 15px;
margin-top: 5px
}
.dot-circle {
color: #484348;
width: 8%;
text-align: center;
font-size: 22px;
z-index: 1;
position: relative;
background: #fff;
float: left
}
.content {
max-width: 50%;
float: left;
padding: 20px;
margin-left: 10px;
position: relative;
z-index: 1;
background: #484348;
color: #fff
}
.content img {
width: 100%
}
.content::before {
position: absolute;
left: -20px;
top: 6px;
height: 0;
width: 0;
content: ‘’;
border: 10px solid rgba(255, 255, 255, 0);
border-top: 6px solid rgba(255, 255, 255, 0);
border-bottom: 6px solid rgba(255, 255, 255, 0);
border-right-color: #484348
}
.timeline-line {
position: absolute;
left: 35%;
top: 0;
height