@media (min-width: 1000px) and (max-width: 2000px) {

	.cx-time-main{
		width: 100%;
		height: auto;
	}
	.cx-time-box{
		position: relative;
		width: 100%;
		height: auto;
	}
	.cx-time-main ul li{
		position: relative;
		padding: 10px 0;
		height: auto;
	}
	/* .cx-time-main ul li:nth-child(n){
		padding-left: 30%;
		text-align: left;
	} */
	.cx-time-main ul li:nth-child(2n){
		padding-left: 1%;
		text-align: left;
	}
	.cx-time-main ul li:nth-child(2n+1){
		padding-right: 1%;
		text-align: right;
	}

	.cx-time-main ul li:nth-child(2n) .time{
		background-color: #bb291c;
		color: white;
		border-radius: 5px;
		position: absolute;
		left: 47%;
		top: 39%;
		line-height: 2rem;
		padding: 0 0.5rem;
		z-index: 3;
	}
	.cx-time-main ul li:nth-child(2n+1) .time{
		background-color: #bb291c;
		color: white;
		border-radius: 5px;
		position: absolute;
		left: 47%;
		top: 39%;
		line-height: 2rem;
		padding: 0 0.5rem;
		z-index: 3;
	}
	/* .cx-time-main ul li:nth-child(2n+1){
		padding-right: 54%;
		text-align: right;
	} */
	.cx-time-main ul li:nth-child(2n) .cx-main-box::before{
	/* .cx-main-box>:nth-child(2n)::before { */
	content: '';
	position: absolute;
	top: 51.5%;
	left: 40.7%;
	width: 12px;
	height: 12px;
	margin: -8px 0 0 -8px;
	border-radius: 50%;
	z-index: 2;
	border: 2px solid #bb291c;
	background-color: white;
	}
	.cx-time-main ul li:nth-child(2n) .cx-main-box::after{
	/* .cx-main-box>:nth-child(2n)::after { */
	content: '';
	position: absolute;
	top: calc(50% - 1px);
	left: calc(40% + 6px);
	width: calc(10% - 6px);
	height: 2px;
	background: #bb291c;
	}
	.cx-time-main ul li:nth-child(2n+1) .cx-main-box::before{
	/* .cx-main-box>:nth-child(2n+1)::before { */
		content: '';
		position: absolute;
		top: 51.5%;
		left: 59.7%;
		width: 12px;
		height: 12px;
		margin: -8px 0 0 -8px;
		border-radius: 50%;
		z-index: 2;
		border: 2px solid #bb291c;
		background-color: white;
	}
	.cx-time-main ul li:nth-child(2n+1) .cx-main-box::after{
	/* .cx-main-box>:nth-child(2n+1)::after { */
		content: '';
		position: absolute;
		top: calc(50% - 1px);
		left: calc(50% + 6px);
		width: calc(10% - 6px);
		height: 2px;
		background: #bb291c;
	}


	/* .cx-time-main ul li:nth-child(2n+1) .cx-main-box::after{
		left: auto;
		right: calc(50% + 6px);
	} */
	.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: 2px;
		height: calc(50% - 8px);
		left: 50%;
		background: #bb291c;
		margin-left: -2px;
	}
	.cx-time-main ul li::after {
		top: auto;
		bottom: 0;
	}
	.cx-main-box{
		display: inline-block;
		min-width: 40%;
		min-height: 40px;
		border:#bb291c 1px solid;
		border-radius: 4px;
		padding: 10px 20px;
		cursor: pointer;
		max-width: 10rem;
		white-space:normal;
	}
}
@media (max-width: 600px) {

	.cx-time-main{
		width: 100%;
		height: auto;
	}
	.cx-time-box{
		position: relative;
		width: 100%;
		height: auto;
	}
	.cx-time-main ul li{
		position: relative;
		padding: 10px 0;
		height: auto;
	}
	.cx-time-main ul li:nth-child(n){
		padding-left: 40%;
		text-align: left;
	}
	.cx-time-main ul li:nth-child(n) .time{
		background-color: #bb291c;
		color: white;
		border-radius: 5px;
		position: absolute;
		left: 14%;
		top: 45%;
		line-height: 2rem;
		padding: 0 0.5rem;
		z-index: 3;
	}
	/* .cx-time-main ul li:nth-child(2n+1){
		padding-right: 54%;
		text-align: right;
	} */
	.cx-main-box::before {
		content: '';
		position: absolute;
		top: 50.5%;
		left: 40.4%;
		width: 12px;
		height: 12px;
		margin: -8px 0 0 -8px;
		border-radius: 50%;
		z-index: 2;
		border: 2px solid #bb291c;
		background-color: white;
	}
	.cx-main-box::after {
		content: '';
		position: absolute;
		top: calc(50% - 1px);
		left: calc(20% + 6px);
		width: calc(20% - 6px);
		height: 2px;
		background: #bb291c;
	}
	/* .cx-time-main ul li:nth-child(2n+1) .cx-main-box::after{
		left: auto;
		right: calc(50% + 6px);
	} */
	.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: 2px;
		height: calc(50% - 8px);
		left: 20%;
		background: #bb291c;
		margin-left: -2px;
	}
	.cx-time-main ul li::after {
		top: auto;
		bottom: 0;
	}
	.cx-main-box{
		display: inline-block;
		min-width: 40%;
		min-height: 40px;
		border:#bb291c 1px solid;
		border-radius: 4px;
		padding: 10px 20px;
		cursor: pointer;
		max-width: 10rem;
		white-space:normal;
	}
}