.title {
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 400;
		font-size: 48px;
		color: #292D30;
		line-height: 74px;
		text-align: center
	}

	.line {
		width: 50px;
		height: 5px;
		background: #0002B0;
		border-radius: 0px 0px 0px 0px;
		margin: 10px auto 40px;
	}

	.progress {
		display: flex;
		justify-content: center;
	}

	.progressItem {
		display: flex;
		gap: 10px;
		position: relative;
		width: 223px;
		justify-content: center;
	}

	.progressItemBox {
		display: flex;
		align-items: center;
		width: 173px;
		height: 40px;
		border-radius: 21px 21px 21px 21px;
		gap: 10px;
		justify-content: center;
		border: 1px solid #7A7A7A;
	}

	.progressItem.active .progressItemBox {
		background: #0002B0;
		border-color: #0002B0;
	}

	.progressItem.active .progressTit {
		color: #ffffff;
	}

	.progressItem .number {
		width: 20px;
		height: 20px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: 400;
		border: 1px solid #7A7A7A;
		color: #7A7A7A;
		position: relative;
		z-index: 1;
	}

	.progressItem::after,
	.progressItem::before {
		content: '';
		width: 25px;
		height: 1.5px;
		background: #7A7A7A;
		top: 50%;
		transform: translateY(-50%);
		position: absolute;
	}

	.progressItem::before {
		left: 0;
	}

	.progressItem::after {
		right: 0;
	}

	.progressItem:last-child::after,
	.progressItem:first-child:before {
		display: none;
	}

	.progressItem.active::after,
	.progressItem.active::before {
		background: #0002B0;
	}

	.progressItem.active .number {
		color: #FFFFFF;
		border-color: #FFFFFF;
	}

	.progressItem .progressTit {
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 400;
		font-size: 16px;
		color: #7A7A7A;
	}









	.containerMain {
		display: flex;
		flex-wrap: nowrap;
	}

	.container-Tit {
		width: 5%;
		border: 1px solid #E5E5E5;
		display: flex;
		justify-content: center;
		align-items: center;
		writing-mode: vertical-rl;
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 400;
		font-size: 16px;
		color: #333333;
	}

	.Item-Tit {
		width: 8.8%;
		border: 1px solid #E5E5E5;
		display: flex;
		justify-content: center;
		align-items: center;
		border-right: 0;
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 400;
		font-size: 16px;
		color: #333333;
	}

	.container-Box {
		flex-grow: 1;
	}

	.containerItem {
		display: flex;
	}

	.ItemList {
		width: 100%;
	}

	.ItemList>div {
		display: flex;
		height: 60px;
		width: 100%;
		border: 1px solid #E5E5E5;
	}

	.table>p {
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 400;
		font-size: 16px;
		color: #333333;
	}

	.ItemList>div>p {
		border-left: 1px solid #E5E5E5;
		height: 100%;
		width: 21%;
		padding-left: 17px;
		line-height: 60px;
	}

	.ItemList>div>p:nth-of-type(4) {
		border-right: 0;
	}

	.add,
	.delet {
		border: 0;
		background-color: #ffffff;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 10px;
		cursor: pointer;
		margin-left: 40px;
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 400;
		font-size: 16px;
		color: #0002B0
	}

	.add>span {
		font-family: Microsoft YaHei, Microsoft YaHei;
		font-weight: 400;
		font-size: 16px;
		color: #0002B0
	}

	p>input {
		background: #FFFFFF;
		border-radius: 4px 4px 4px 4px;
		border: 1px solid #DFDFDF;
		height: 28px;
	}


	@media screen and (max-width: 768px) {
		.title {
			font-size: 28px;
		}

		.progress {
			flex-direction: column;
			gap: 30px;
			align-items: center;
		}

		.progressItem::after,
		.progressItem::before {
			transform: rotate(90deg) translateX(-50%);
			left: 50%;
			width: 15px;
		}

		.progressItem::after {
			top: 99%;
			transform: rotate(-90deg) translateX(-50%);
		}

		.progressItem::before {
			top: 0;
			left: 50.5%;
		}

		.progressItemBox {
			width: 100%;
		}

	}



	@media screen and (max-width: 768px) {
		.container-Tit {
			width: 10%;
		}

		.container-Box {
			width: 1500px;
			height: 100%;
		}

		.containerMain {
			overflow: scroll;
			padding: 1px 0;
		}

		.containerMainr::-webkit-scrollbar-thumb {
			background: #0002B0;
			border-radius: 10px;
			border: 2px solid #f1f1f1;
			/* 与轨道分离 */
		}

		p>input {
			max-width: 100%;
		}


	}