.line {
	position: relative;
	top: 0;
	left: 0;
	bottom: 0;
	height: 1px;
	transition: all 0.3s ease-in-out;

	&::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		height: 1px;
		background-image: linear-gradient(90deg, transparent 50%, currentColor 50%);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		z-index: 1;
	}

	&::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		height: 1px;
		background-image: linear-gradient(currentColor 50%, transparent 50%);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		z-index: 2;
	}
}

.left-line {
	width: 2%;
	top: 1px;
	background-color: #E5E6EB;
}

.middle-line {
	width: 3%;
	background-color: #1A6FB8;
	left: 1%;
}

.right-line {
	top: -1px;
	width: 95.97%;
	background-color: #E5E6EB;
	left: 4%;
}

.table {
	//width="100%" borderColor='#E5E6EB'

	width: 100%;
	border-color: #E5E6EB;
	margin-bottom: 20px;

	&-title {
		color: #86909C;
		text-align: center;
	}
}

.title {
	display: flex;

	&-text {
		color: #86909C;
	}

	&-personRemark {
		color: #879AAB;
		background-color: #EDEEF0;
		padding: 0px 8px;
		border-radius: 4px;
		font-size: 14px;
		margin-left: 8px;
		height: 22px;
		display: flex;
		align-items: center;
	}

	&-file {
		width: 14px;
		height: 14px;
		margin-right: 4px;
		margin-top: -2px;
	}

	&-register {
		width: 12px;
		margin-left: 4px;
	}

	&-downUp {
		width: 24px
	}
}

.dataSync {
	position: relative;

	&-page {
		background-color: #fff;
		margin: 0px 8px 0px 16px;
		padding: 12px 16px 16px 16px;
		height: calc(100vh - 228px);
		overflow-y: scroll;
	}

	&-noScrollPage {
		background-color: #fff;
		margin: 0px 16px 0px 16px;
		padding: 12px 16px 16px 16px;
	}

	&-addBtn {
		cursor: pointer;
		padding: 8px;
	}

	&-btnApply {
		padding: 5px 12px;
		display: flex;
		justify-content: center;
		cursor: pointer;
	}

	&-excel {
		background-color: #fff;
		position: absolute;
		left: 16px;
		right: 16px;
		bottom: 0;
		padding: 12px 16px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.25);
		z-index: 2;
	}

	&-hasTabPage {
		background-color: #fff;
		margin: 8px 16px 0px 16px;
		padding: 12px 16px 64px 16px;

		.arco-tabs-header-nav {
			margin-left: 0 !important;
		}
	}

	&-noBackTabPage {
		margin: 0 16px 0px 16px;
		height: calc(100vh - 219px);

		.whiteBox {
			background-color: #fff;
			padding: 12px;
		}
	}
}

.applyDialog {
	.dialogTitle {
		margin-bottom: 8px;
		padding-left: 8px;
	}
}

.dialogTag {
	line-height: 22px;
	padding: 0 8px;
	border-radius: 4px;
	margin-top: 4px;
	color: #fff;
}

.visitTableClass {
	color: #1A6FB8;

	.ant-table-thead>tr>th {
		color: #fff;
		background-color: #1a6fb8 !important;
	}

	.ant-table-tbody>tr>td {
		background-color: #f2f3f5;
	}

	.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr>th {
		border-right: 1px solid rgba(0, 0, 0, 0.2);
		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	}

	.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>td {
		border-right: 1px solid rgba(0, 0, 0, 0.2);
		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	}

	.ant-table.ant-table-bordered>.ant-table-container {
		border-left: 1px solid rgba(0, 0, 0, 0.2);
	}
}

.arco-upload-list-type-text .arco-upload-list-item:first-of-type,
.arco-upload-list-type-picture-list .arco-upload-list-item:first-of-type {
	// margin-top: 34px;

}

.unitDialogResult {
	font-size: 16px;
	font-family: PingFang SC, PingFang SC-400;
	font-weight: 400;
	text-align: LEFT;
	color: #1d2129;
	line-height: 24px;
	margin-bottom: 20px;
}

// .arco-steps-item-process .arco-steps-icon{
// 	background-color: #1A6FB8;
// }

// .arco-steps-mode-navigation .arco-steps-item-active::after{
// 	background-color: #1A6FB8;

// }

// .arco-radio-checked .arco-radio-mask {
// 	background-color: #1A6FB8;
//     border-color: #1A6FB8;
// }

.must {
	font-size: 12px;
	color: rgb(245, 63, 63);
	background-color: rgb(255, 236, 232);
	line-height: 20px;
	padding: 0px 4px;
	border-radius: 2px;
	margin-left: 8px;
}

.mapPopconfirm {
	width: 300px;
	min-height: 90px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
	padding: 15px;

	&::after {
		content: " ";
		position: absolute;
		height: 0;
		width: 0;
		border: solid transparent;
		top: 100%;
		right: 50px;
		border-top-color: white;
		border-width: 10px;
	}

	.mapPopconfirm-btn {
		background-color: #1A6FB8;
		color: #fff;
		cursor: pointer;
		padding: 3px 10px;
		width: 80px;
		text-align: center;
	}
}

.mapVicinity {
	margin-bottom: 5px;
	cursor: pointer;
	display: flex;
	align-items: center;

	&:hover {
		color: #1A6FB8;
	}

	.mapVicinityIcon {}

	.mapVicinityIcon {
		background: url('../../assets/images/icon/selectIcon.png') no-repeat center center;
		width: 14px;
		height: 14px;
		background-size: contain;
		border: 1px dashed #1A6FB8;
	}
}

.steps {
	background-color: rgb(255, 255, 255);
	margin: 0px 16px;
	padding-top: 16px;
	padding-left: 75px;
}

.container {
	background-color: rgb(242, 243, 245);
	height: calc(-293px + 100vh);
	overflow-y: scroll;

	&-top {
		background-color: #fff;
		margin: 8px 8px 8px 16px;
		padding: 12px 0px 12px 16px;

	}

	&-bottom {
		display: flex;
		flex-direction: row;
		column-gap: 8px;
		margin: 0px 8px 0 16px;


		&-left {
			flex: 3 1 0%;
			background-color: rgb(255, 255, 255);
			padding: 12px 0px 12px 16px;

			&-record {
				border: 1px solid #D9D9D9;
				border-radius: 8px;
				margin-right: 16px;
				margin-top: 8px;

				&-top {
					padding: 12px;
					display: flex;
					align-items: center;
					background-color: #FAFAFA;
					border-radius: 8px;
					position: relative;


					&-icon {
						width: 12px;
						height: 12px;
						margin-right: 12px;
					}

					&-edit {
						position: absolute;
						right: 25px;
						top: 15px;
						width: 18px;
						cursor: pointer;
					}

					&-remark {
						border: 1px solid #FFD591;
						padding: 0px 8px;
						color: #FA8C16;
						background-color: #FFF7E6;
						border-radius: 4px;
						margin-left: 8px;
					}

					&-hostOrg {
						border: 1px solid #89C2E3;
						padding: 0px 8px;
						color: #1A6FB8;
						background-color: #E8F8FF;
						border-radius: 4px;
						margin-left: 8px;

					}
				}

				&-bottom {
					margin: 16px 12px;

					&-table {
						border: 1px solid #d9d9d9;
						width: 100%;
					}
				}
			}
		}

		&-right {
			flex: 1 1 0%;
			background-color: rgb(255, 255, 255);
		}
	}
}

.Form {
	padding: 12px 16px 16px 16px;
	border: 1px dashed #1a6fb8;
	border-radius: 10px;
	margin-top: 16px;
	margin-right: 16px;
}

.tabs-container {
	.arco-tabs-header {
		position: relative;
		display: inline-block;
		transition: transform .2s cubic-bezier(.34, .69, .1, 1);
		white-space: nowrap;
		transform: translateX(0px);
		width: 300px;
		flex: 1;
		display: flex;
		justify-content: space-evenly;
	}

	.arco-tabs-header-ink {
		left: 83.988px;
		width: 82px;
	}
}

.progress {
	margin: 16px 0px 0px 16px;
}

.myTabContent {
	.arco-tabs-header-nav {
		margin-left: 16px
	}

	.arco-tabs-header-nav-line.arco-tabs-header-nav-horizontal>.arco-tabs-header-scroll .arco-tabs-header-title:first-of-type {
		margin-left: 0;
	}

	.arco-tabs-header-nav-line .arco-tabs-header-title {
		margin: 0 16px 0 0;
	}
}

.caseResult {
	&-title {
		padding-top: 4px;
		margin-bottom: 8px;
	}

	&-tabs {
		display: flex;
		margin-bottom: 18px;
	}

	&-tips {
		padding: 9px 16px;
		background-color: #E8F3FF;
		border-radius: 2px;
		margin-top: 8px;
	}

	&-textarea {
		border: 1px solid #1a6fb8;
		border-radius: 2px;
		padding: 0px 8px;
		color: #1A6FB8;
		width: fit-content;
		margin: 12px 0px 8px 0px;
	}
}

.tabs1 {
	display: flex;
	gap: 8px;
	margin-bottom: 8px;
	margin-top: 12px;
}

.MyDrawer {
	position: absolute;
	z-index: 9999;
}

.myTag {
	border: 1px solid rgb(229, 230, 235);
	border-radius: 2px;
	display: inline-block;
	padding: 3px 6px;
	cursor: pointer;

	&:hover {
		border: 1px solid #1A6FB8;
		color: #1A6FB8;
	}
}

.gap {
	height: 8px;
	background-color: #F2F3F5;
	margin: 16px -18px 0px -16px;
}

.reviewProgress {
	.reviewCircle {
		width: 14px;
		height: 14px;
		border: 2px solid #3491fa;
		border-radius: 50%;
		margin-top: 4px;
	}

	.reviewLine {
		height: calc(100% - 19px);
		width: 14px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;

		&::before {
			content: '';
			height: 100%;
			width: 1px;
			background-color: #e5e6eb;
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
		}
	}

	.deepTitle {
		font-size: 14px;
		font-family: PingFang SC, PingFang SC-400;
		font-weight: 400;
		text-align: LEFT;
		color: #1d2129;
		line-height: 22px;
	}

	.shallowTitle {
		font-size: 14px;
		font-family: PingFang SC, PingFang SC-400;
		font-weight: 400;
		text-align: LEFT;
		color: #86909c;
		line-height: 22px;
	}
}

.Supervising {
	background: #ffffff;
	border: 1px solid #e5e6eb;
	border-radius: 8px;
	margin: 12px 16px 0px 16px;
	padding: 12px 16px;

	&-item {
		display: flex;
		margin-bottom: 4px;

		&-file {
			width: 16px;
			height: 16px;
			margin-top: 4px;
		}

		&-title {
			color: #86909C;
		}

	}

	&-info {
		display: flex;

		&-time {
			margin-right: 8px;
		}

		&-detail {
			color: #1A6FB8;
		}
	}

	&-btn {
		margin-top: 12px;
		color: rgb(26, 111, 184);
		border: 1px solid rgb(26, 111, 184);
		background-color: rgb(255, 255, 255);
	}

}

.modal {
	display: flex;
	justify-content: center;
	margin-bottom: 24px;

	&-mark {
		color: rgb(26, 111, 184);
		border: 1px solid rgb(26, 111, 184);
		padding: 0px 8px;
		margin-right: 8px;
		border-radius: 4px;
	}

	&-title {
		color: #1D2129;
		font-size: 16px;
		font-weight: 500;
	}
}

.icon {

	// width: '14px', height: '14px', marginLeft: '8px', marginTop: '4px'
	&-register {
		width: 14px;
		height: 14px;
		margin-left: 8px;
		margin-top: -2px;
	}
}

.applyInfoClass {
	width: 100%;
	min-height: 82px;
	background: #ffffff;
	border-radius: 4px;
	padding: 12px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	margin-bottom: 16px;
	position: relative;

	&-title {
		display: flex;
		align-items: center;

		&-txt {
			font-size: 16px;
			font-family: PingFang SC, PingFang SC-400;
			font-weight: 400;
			text-align: LEFT;
			color: #1d2129;
			line-height: 24px;
			margin-right: 8px;
		}

		&-tag {
			&-1 {
				height: 24px;
				border: 1px solid #00b42a;
				border-radius: 2px;
				padding: 0 8px;
				text-align: center;
				color: #00b42a;
			}

			&-2 {
				height: 24px;
				border: 1px solid #3491FA;
				border-radius: 2px;
				padding: 0 8px;
				text-align: center;
				color: #3491FA;
			}

			&-3 {
				height: 24px;
				border: 1px solid #F53F3F;
				border-radius: 2px;
				padding: 0 8px;
				text-align: center;
				color: #F53F3F;
			}
		}
	}

	&-img {
		position: absolute;
		right: 16px;
		cursor: pointer;
		top: 28px;
		z-index: 1;
	}

	.ant-row {
		margin: 16px 0;
	}
}

.auditView {
	background: #ffffff;
	margin: 0px 16px 8px 16px;
	padding: 12px 0px 12px 16px;
}

.title {
	display: flex;
	align-items: center;
	margin-bottom: 4px;

}

.gradient-box {
	position: absolute;
	right: 0;
	top: 60%;
}

.aiBox {
	flex: 1 1 0%;
	background-color: rgb(242, 243, 245);
	height: 100vh;
	overflow-y: auto;

	&-case {
		display: flex;
		margin: 16px;
		gap: 10px;

		&-logo {
			width: 30px;
			padding-top: 3px;

			&-img {
				width: 26px;
				height: 26px;
			}
		}
	}

	&-list {

		&-item {
			display: flex;
			background-color: #fff;
			width: fit-content;
			padding: 8px 12px;
			border-radius: 8px;
			margin-bottom: 8px;
			margin-right: 16px;
			align-items: center;


			&-type {
				border: 1px solid #1A6FB8;
				padding: 0px 8px;
				color: #1A6FB8;
				border-radius: 4px;
				width: 79px;
				height: 24px;
			}

			&-name {
				margin: 0px 16px 0px 8px;
				max-width: 828px;
				width: fit-content;
			}

			&-btn {
				color: #1A6FB8;
				width: 30px;
				cursor: pointer;
			}
		}
	}
}

.marginLeft {
	margin-left: 55px;


	//fontWeight: '600', marginBottom: '16px'
	&-title {
		font-weight: 600;
		margin-bottom: 16px;
	}
}

.layerDetail {
	margin-top: -8px;

	&-title {
		color: rgb(26, 111, 184);
		margin-bottom: 16px;
	}

	&-name {
		font-size: 16px;
		margin-bottom: 16px;
		max-width: 400px;
	}

	&-littleTitle {
		margin-bottom: 16px;
	}

	&-content {
		margin-bottom: 16px;
	}
}

.VisitWorkBench {
	margin: 16px;

	&-top {
		background: #ffffff;
		padding: 12px 16px 16px 16px;

		&-list {
			display: flex;
			gap: 24px;
			margin-top: 16px;
			cursor: pointer;

			&-tabsItem {
				display: flex;
				padding: 12px 16px;
				flex: 1;
				justify-content: space-between;

				&-title {
					font-size: 18px;
					margin-right: 4px;
				}

				&-imgView {
					width: 48px;
					height: 48px;
				}
			}

		}

	}

	&-middle {
		background: #ffffff;
		padding: 12px 16px 16px 16px;
		margin-top: 12px;
		height: 54vh;
	}

	&-bottom {
		background-color: #fff;
		padding: 12px 16px 16px 16px;
		margin-top: 12px;

		&-title {
			width: 140px;
			font-family: DingTalk;
			font-size: 30px;
		}

		&-img {
			width: 72px;
			height: 72px;
		}
	}

}

.modeMore {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.bottomTab1 {
	// display: 'flex',	background: linear-gradient(to right, #6a1b9a, #e040fb)
	display: flex;
	background: linear-gradient(to right, #E8F7FF, #9FD4FD);
	flex: 1;
	padding: 12px 16px 16px 16px;
	justify-content: center;

}

.bottomTab2 {
	display: flex;
	background: linear-gradient(to right, #FFF7E6, #FFD591);
	padding: 12px 16px 16px 16px;
	flex: 1;
justify-content: center;

}

.timeTip {
	display: inline-block;

	&-red {
		color: #F53F3F;
		background: #ffece8;
		border-radius: 4px;
		padding: 2px 8px 4px 8px;

		&-drop {
			display: inline-block;
			width: 6px;
			height: 6px;
			background: #F53F3F;
			border-radius: 2px;
			margin: 0 5px 2px 0;
		}

		&-tips {
			display: inline-block;
			width: 24px;
			height: 24px;
			background: #f53f3f;
			border-radius: 6px;
			color: #fff;
			text-align: center;
			margin-left: 5px;
			font-size: 12px;
			line-height: 24px;
		}
	}

	&-green {
		color: #00b42a;
		background: #E8FFEA;
		border-radius: 4px;
		padding: 2px 8px 4px 8px;

		&-drop {
			display: inline-block;
			width: 6px;
			height: 6px;
			background: #00b42a;
			border-radius: 2px;
			margin: 0 5px 2px 0;
		}
	}
}