.snackLine_l {
	position: relative;
	margin-left: 30px;
}
#line {
	width: 550px;
	height: 70px;
	text-align: center;
	margin-top: 150px;
	border: 8px solid #ccc;
	border-left: none;
	border-radius: 0 50px 0px 0;
	border-bottom: none;
}
#line2 {
	margin-left: 542px;
	width: 550px;
	height: 70px;
	text-align: center;
	margin-top: 0px;
	border: 8px solid #ccc;
	border-top: none;
	border-right: none;
	border-radius: 0px 0 0 55px;
}
#point_line {
	position: absolute;
	top: -3px;
    left: -4px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	z-index: 110;
}
#point_line:after {
    background-color: #0ce2f1;
  }
#point_line:before {
    background-color: rgba(20, 212, 36, 0.966);
  }

#point_line:after,
#point_line:before {
	content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    top: -3px;
    left: -4px;
    border-radius: 50%;
    animation: shan 2s ease-out 0s infinite;
}
@keyframes shan {
    0% {
      transform: scale(0.5);
      opacity: 1;
    }
 
    30% {
      opacity: 1;
    }
 
    100% {
      transform: scale(1.4);
      opacity: 0;
    }
  }
/* 动画 */
/* @keyframes point_line {
	0% {
		top:-3px;
        left: -4px;
	}

    10% {
        top:-3px;
		left: 65px;
		box-shadow: 2px 3px 10px 3px #fff;
    }
 
    20% {
        top:-3px;
		left: 245px;
		box-shadow: 2px 3px 10px 3px #fff;
    }
 
    30% {
        top:-3px;
		left: 425px;
		box-shadow: 2px 3px 10px 3px #fff;
	}
	
	40% {
        top:-3px;
		left: 605px;
		box-shadow: 2px 3px 10px 3px #fff;
	}

	45% {
        top:-3px;
		left: 605px;
	}

	48% {
    	top: 88px;
		left: 605px;
	}

	50% {
		top: 89px;
		left: 605px;
		box-shadow: 2px 3px 10px 3px #fff;
	}
	
	60% {
		top: 89px;
		left: 425px;
		box-shadow: 2px 3px 10px 3px #fff;
	}

	70% {
		top: 89px;
		left: 245px;
		box-shadow: 2px 3px 10px 3px #fff;
	}

	80% {
		top: 89px;
		left: 65px;
		box-shadow: 2px 3px 10px 3px #fff;
	}
 
    90% {
		top: 89px;
		left: -4px;
		background-color: #9cc93a;
	}
	100% {
		top:-3px;
		left: -4px;
	}
}
@-webkit-keyframes point_line {                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
	0% {
		top:-3px;
        left: -4px;
	}

    10% {
        top:-3px;
		left: 65px;
		box-shadow: 2px 3px 10px 3px #fff;
    }
 
    20% {
        top:-3px;
		left: 245px;
		box-shadow: 2px 3px 10px 3px #fff;
    }
 
    30% {
        top:-3px;
		left: 425px;
		box-shadow: 2px 3px 10px 3px #fff;
	}
	
	40% {
        top:-3px;
		left: 605px;
		box-shadow: 2px 3px 10px 3px #fff;
	}

	45% {
        top:-3px;
		left: 605px;
	}

	48% {
    	top: 88px;
		left: 605px;
	}

	50% {
		top: 89px;
		left: 605px;
		box-shadow: 2px 3px 10px 3px #fff;
	}
	
	60% {
		top: 89px;
		left: 425px;
		box-shadow: 2px 3px 10px 3px #fff;
	}

	70% {
		top: 89px;
		left: 245px;
		box-shadow: 2px 3px 10px 3px #fff;
	}

	80% {
		top: 89px;
		left: 65px;
		box-shadow: 2px 3px 10px 3px #fff;
	}
 
    90% {
		top: 89px;
		left: -4px;
		background-color: #9cc93a;
	}
	100% {
		top:-3px;
		left: -4px;
	}
} */
.circular1 {
	position: absolute;
	top: -8px;
    left: 60px;
	width: 25px;
	height: 25px;
	background: #9cc93a;
	border-radius: 50%;
}
.circular1::after {
	content: "Step1";
	display: inline-block;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	transform: translate(-6px,25px)
}
.circular2 {
	position: absolute;
	top: -113px;
    left: 25px;
	width: 90px;
	height: 90px;
	padding: 10px;
	border: 3px solid #9cc93a;
	border-radius: 50%;
	overflow: hidden;
}
.circular2::after {
	content: "开通仓配业务";
	display: block;
	text-align: center;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	transform: translateY(20px);
}
.circularA {
    left: 190px;
}
.circularA::after {
	content: "Step2";
}
.circularA_1 {
    left: 158px !important;
}
.circularA_1::after {
	content: "上传产品";
}

.circularB {
    left: 320px;
}
.circularB::after {
	content: "Step3";
}
.circularB_1 {
    left: 288px;
}
.circularB_1::after {
	content: "收货入库";
}

.circularC {
    left: 450px;
}
.circularC::after {
	content: "Step4";
}
.circularC_1 {
    left: 418px;
}
.circularC_1::after {
	content: "订单获取";
}

.circularD {
	top: 123px;
	left: 620px;
}
.circularD::after {
	content: "Step5";
}
.circularD_1 {
	top: 170px;
	left: 588px;
}
.circularD_1::after {
	content: "拣货打包";
}

.circularE {
	top: 123px;
	left: 750px;
}
.circularE::after {
	content: "Step6";
}
.circularE_1 {
	top: 170px;
	left: 718px;
}
.circularE_1::after {
	content: "订单发货";
}

.circularF {
	top: 123px;
	left: 880px;
}
.circularF::after {
	content: "Step7";
}
.circularF_1 {
	top: 170px;
	left: 858px;
}
.circularF_1::after {
	content: "物流配送";
}

.circularG {
	top: 123px;
	left: 1010px;
}
.circularG::after {
	content: "Step8";
}
.circularG_1 {
	top: 170px;
	left: 988px;
}
.circularG_1::after {
	content: "包裹跟踪";
}