html,body{
	margin: 0;
}
.cx-time-main{
	padding: 80px 0;
}
ul{
	white-space:nowrap;
	margin: 0;
	padding: 0;
}
ul li{
	outline: none;
	list-style-type: none;
	margin: 0px;
}
.cx-time-main{
	width: 100%;
	height: auto;
}
.cx-time-box{
	position: relative;
	width: 100%;
	height: auto;
}
.cx-time-main ul li{
	position: relative;
	padding: 0px 0;
	height: auto;
}
.cx-time-main ul li:nth-child(2n){
	padding-left: 50%;
	text-align: left;
}
.cx-time-main ul li:nth-child(2n+1){
	padding-right: 50%;
	text-align: right;
}
.cx-main-box::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    border-radius: 50%;
    z-index: 2;
	background:  #E1AE93;
    border: 2px solid #E1AE93;;
}
.cx-main-box::after {
    content: '';
    position: absolute;
    /* top: calc(50% - 1px); */
    left: calc(50% + 6px);
    /* width: calc(4% - 6px); */
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-right: 10px solid #F6F7FA;
	border-bottom: 10px solid transparent;
	right: auto;
	left: calc(50% + 70px);
}


.cx-time-main ul li:nth-child(2n+1) .cx-main-box::after{
	border-top: 10px solid transparent;
	border-left: 10px solid #F6F7FA;;
	border-bottom: 10px solid transparent;
	left: auto;
	right: calc(50% + 70px);
	border-right:0;
}
.active::before {
	/* background: #26a69a;
	border: 2px solid #26a69a; */
}
.cx-time-main ul li::before,.cx-time-main ul li::after{
	content: '';
	position: absolute;
	top: 0;
	width: 3px;
	height: calc(50% - 8px);
	left: 50%;
	background:  #E1AE93;
	margin-left: -2px;
}
.cx-time-main ul li::after {
	top: auto;
	bottom: 0;
}
.cx-main-box{
	display: flex;
	align-items: center;
	min-width: 100%;
	min-height: 45px;
	border-radius: 4px;
	padding: 0px 20px;
	cursor: pointer;
	/* justify-content: space-between; */
    flex-direction: row-reverse;
}
.cx-time-main ul li:nth-child(2n) .cx-main-box{
	flex-direction:inherit;
}


.a2005,.a2006,.a2007,.a2008,.a2011,.a2012,.a2015,.a2017,.a2020{
	font-size: 16px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #6E6D7A;
line-height: 22px;
}
.a2005,.a2007,.a2011,.a2015,.a2020{
	margin-left: 20px;
}
.a2006,.a2008,.a2012,.a2017{
	margin-right: 20px;
	
}
.cx-time-box .of,
.cx-time-box .factory{
	color: #333333;
	width:425px;
	background: #F6F7FA;
	/* min-height: 100px;
    line-height: 100px; */
	padding: 12px 18px 12px 20px;
	text-align: left;
white-space:normal;word-break:break-all;word-wrap:break-word;
}
.cx-time-box  .income .of,
.cx-time-box .income .factory{
	color: #FFFFFF;
	background:  #E1AE93;
}

.income .cx-main-box::after{
	border-right: 10px solid #E1AE93;
}
.cx-time-main ul li:nth-child(2n+1).income .cx-main-box::after{
    border-left: 10px solid #E1AE93;
}
