.main_top{height: 100px;display: flex;justify-content: center;}
.main_top_ul{width: 50%; margin-left: 10%;}
/*创建步骤数字计数器*/
.steps {position: relative;padding-top: 15px;counter-reset: step;z-index: 1;}
/*步骤描述*/
.steps li {list-style-type: none;font-size: 12px;text-align: center;width: 30%;position: relative;float: left;}
.steps li:before {
	display: block;
	content: counter(step);
	counter-increment: step;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 40px;
	border: 1px solid #FBCE62;
	font-size: 16px;
	background-color: #FFFFFF;
	color: #FBCE62;
	text-align: center;
	font-weight: 700;
	margin: 0 auto 8px auto;
	
}
/*连接线*/
.steps li ~ li:after {
  content: '.......';
  font-size: 25px;
  color: #ffcc33;
  width: 100%;
  height: 2px;
  position: absolute;
  left: -45%;
  top: 0px;
  z-index: -1; /*放置在数字后面*/
}

/*将当前/完成步骤之前的数字及连接线变绿*/
.steps li.active:before{color: #FFFFFF;background-color: #FBCE62;}
/*将当前/完成步骤之后的数字及连接线变灰*/
.steps li.active ~ li:before,
.steps li.active ~ li:after {/* background-color: #aaa;border: 1px solid #aaa; */}