/* .historyPage .right .hisLine{
    padding: 20px 20px 20px 200px;
}
.historyPage .right .hisLine:last-child{
    margin-bottom: 0;
}
.historyPage .right .hisLine:after{
    position: absolute;
    background: #c1c1c1;
    width: 180px;
    height: 1px;
    left: -20px;
    top: 0;
    bottom: 0;
    margin: auto;
    content: '';
}
.historyPage .right .hisLine:before{
    position: absolute;
    background: #c1c1c1;
    width: 1px;
    height: 100%;
    left: -20px;
    top: 0;
    bottom: 0;
    margin: auto;
    content: '';
}
.historyPage .right .hisLine:last-child:before{
    position: absolute;
    background: #c1c1c1;
    width: 1px;
    height: 50%;
    left: -20px;
    top: -50%;
    bottom: 0;
    margin: auto;
    content: '';
}
.historyPage .right .hisLine:first-child:before{
      position: absolute;
      background: #c1c1c1;
      width: 1px;
      height: 50%;
      left: -20px;
      top: 50%;
      bottom: 0;
      margin: auto;
      content: '';
}
.historyPage .right .hisYear{
    font-size:16px;
    width:60px;
    height:60px;
    line-height:60px;
    border-radius:60px;
    box-shadow: 0px 0px 27px 0px rgba(40, 40, 40, 0.2);
    color: #C31618;
}
.historyPage .heightLine:after{
    position: absolute;
    background: #c1c1c1;
    width: calc(100% - 260px);
    height: 1px;
    right:  20px;
    top:0 ;
    bottom: 0;
    margin: auto;
    content: '';
    z-index: -1;
}
.historyPage .flex .left .radius{
    width: 240px;
    height: 240px;
    border-radius: 100%;
    box-shadow: 0px 0px 27px 0px rgba(40, 40, 40, 0.14);
    z-index: 1;
}
.historyPage .flex .left .redLine:after{
    position: absolute;
    background: #C31618;
    width: 60px;
    height: 5px;
    left: 0;
    right: 0;
    bottom: -15px;
    margin: auto;
    content: '';
}
@media screen and (max-width: 768px) {
    .historyPage .right .hisLine{
        padding: 20px;
    }
    .historyPage .right .hisLine:after, .hisLine:before{
        position: relative;
        display: none;
    }
} */
.yearNum {
	width: 140px;
	line-height: 36px;
	height: 36px;
	background: linear-gradient(to right, #ed6b74, #da2839);
	border-radius: 36px;
	font-size: 18px;
}
.rline{
	margin: 0 50px;
}
.rline::after{
	position: absolute;
	background: #DA2737;
	width: 22px;
	height: 1px;
	top:0;
	bottom: 0;
	margin: auto;
	content: '';
}
.hisConWidth::before{
	position: absolute;
	background: #DA2737;
	width: 1px;
	top: 0;
	/* left: -120px; */
	bottom: 0;
	transform: translateY(calc(50% + 25px));
	margin: auto;
	content: '';
}
.yearLi:nth-child(2n-1) .hisConWidth::before{
	left: -121px;
}
.yearLi:nth-child(2n) .hisConWidth::before{
	right: -120px;
}
.yearLi:last-child .hisConWidth::before{
	display: none;
}
.yearLi{
	justify-content: flex-end;
}
.yearLi:nth-child(2n-1) .rline::after{
	right: -36px;
}
.yearLi:nth-child(2n) .rline::after{
	left: -36px;
}
.yearLi:nth-child(2n){
	flex-direction:row-reverse;
}
.hisConWidth{
	width: calc((100% - 240px)/2);
	background: #F1F1F1;
}