.line-container {
	.line-box {
		position: relative;
		height: 2px;
		background: #e5e6eb;
		border-radius: 1px;
	}

	.line-box-active {
		width: 24px;
		border-top: 2px solid #1a6fb8;
		position: absolute;
		left: 20px;
		border-radius: 1px;
	}
}

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

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

	&-title {
		color: #86909c;
		text-align: center;
		font-weight: 400;
		width: 160px;
	}

	.arco-form-item {
		margin-bottom: 0;
	}
}

.title {
	display: flex;

	&-gap {
		gap: 8px;
	}

	&-text {
		color: #86909c;

		&-red {
			color: #f53f3f;
		}
	}

	&-personRemark {
		color: #879aab;
		background-color: #edeef0;
		padding: 0px 8px;
		border-radius: 4px;
		font-size: 12px;
		margin-left: 8px;
		height: 24px;
		display: flex;
		align-items: center;
		min-width: 48px;
	}

	&-personRemark1 {
		color: #1a6fb8;
		background-color: #fff;
		border: 1px solid #1a6fb8;
		border-radius: 4px;
		padding: 0px 8px;
		font-size: 14px;
		margin-left: 8px;
		height: 24px;
		display: flex;
		align-items: center;
		min-width: 48px;
	}

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

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

	&-downUp {
		width: 24px;
	}
}

.dataSync {
	position: relative;

	&-page {
		background-color: #fff;
		margin: 0px 8px 0px 16px;
		padding: 12px 16px 16px 16px;
		height: calc(100vh - 231px);
		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.12);
		z-index: 2;
	}

	&-hasTabPage {
		background-color: #fff;
		margin: 8px 16px 0px 16px;
		padding: 12px 16px 16px 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;
		}
	}
}

.handle-content-empty {
	& .ant-empty-image {
		width: 100%;
		height: 160px;

		& img {
			width: 160px;
			height: 160px;
		}
	}
}

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

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

.table td {
	padding-left: 20px;
}

.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);
	}
}

.uploadFile {
	width: 100%;

	.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.1);
	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 {
		background: url('../../assets/images/icon/selectIcon.png') no-repeat center center;
		width: 14px;
		height: 14px;
		background-size: contain;
	}
}

.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;
		// max-height: 600px;
		// min-height: fit-content;
		// overflow-y: auto;

		&-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 8px 0px 0px;
					position: relative;

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

					&-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);
			min-height: 380px;
			padding-bottom: 67px;
		}
	}
}

.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 0.2s cubic-bezier(0.34, 0.69, 0.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;
		margin-bottom: -2px;
	}

	&-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;
	}
}

.highlighted {
	color: #1a6fb8;
	border: 1px solid #1a6fb8;
	border-radius: 2px;
}

.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% - 23px);
		width: 14px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		margin-top: 4px;

		&::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;
			cursor: pointer;
		}
	}

	&-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-between;
	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;
				line-height: 21px;
				border: 1px solid #00b42a;
				border-radius: 2px;
				padding: 0 8px;
				text-align: center;
				color: #00b42a;
			}

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

			&-3 {
				height: 24px;
				line-height: 21px;
				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%;
	cursor: pointer;

	&-mainTitle {
		font-family: DingTalk;
		color: #1a6fb8;
		font-size: 12px;
		display: flex;
		justify-content: center;
	}
}

.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;
			font-size: 14px;

			&-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;

	&-tip {
		margin-top: -12px;
		margin-bottom: 12px;
		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;
	flex: 1;
	display: flex;
	flex-direction: column;
	&-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;
				border-radius: 4px;

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

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

	&-middle {
		background: #ffffff;
		padding: 12px 16px 16px 16px;
		margin-top: 12px;
		position: relative;
		flex: 1;
		&-search {
			position: absolute;
			right: 16px;
			top: 12px;

			.arco-form-item {
				margin-right: 16px;
			}

			.arco-form-layout-vertical > .arco-form-label-item {
				margin-bottom: 0;
			}
		}

		&-select {
			position: absolute;
			left: 0;
			bottom: 12px;

			.linkBtnColor {
				color: #1a6fb8;
				cursor: pointer;
				margin-left: 16px;
			}
		}
	}

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

		&-head {
			display: flex;
			justify-content: space-between;
		}

		&-list {
			display: flex;
			gap: 12px;

			&-l {
				flex: 1;
				display: flex;
				justify-content: space-between;
				gap: 16px;
				margin-top: 16px;
			}

			&-r {
				flex: 2;
				display: flex;
				justify-content: space-between;
				gap: 12px;

				&-item {
					background-color: #fff;
					padding: 12px 16px 16px 16px;
					flex: 1;

					&-content {
						display: flex;
						// flex-direction: column;
						align-items: center;
						justify-content: center;
						background: #e8f7ff;
						border-radius: 4px;
						height: 83px;
						margin-top: 16px;
						cursor: pointer;
						gap: 18px;

						&-title {
							font-size: 14px;
							line-height: 22px;
							color: #1d2129;
						}

						&-num {
							font-size: 18px;
							line-height: 26px;
						}

						&-unit {
							font-size: 12px;
							line-height: 20px;
							color: #86909c;
						}

						& img {
							width: 48px;
							height: 48px;
						}

						&-orange {
							background: #fff7e6;
						}

						&-red {
							background: #ffece8;
						}
					}
				}
			}
		}

		&-title {
			width: 140px;
			font-family: AlimamaDongFangDaKai;
			font-size: 30px;
			line-height: 38px;
			// position: absolute;
			// left: 16px;
		}

		&-img {
			width: 72px;
			height: 72px;
			position: absolute;
			right: 0;
			bottom: 0;
		}
	}
}

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

.bottomTab1 {
	// display: 'flex',	background: linear-gradient(to right, #6a1b9a, #e040fb)
	height: 139px;
	width: 196px;
	display: flex;
	border-radius: 4px;
	background: linear-gradient(180deg, #e8f7ff, #9fd4fd 100%);
	flex: 1;
	padding: 12px 16px 16px 16px;
	justify-content: center;
	cursor: pointer;
	position: relative;
	align-items: center;
}

.bottomTab2 {
	height: 139px;
	width: 196px;
	display: flex;
	border-radius: 4px;
	background: linear-gradient(180deg, #fff7e6, #ffd591 100%);
	flex: 1;
	padding: 12px 16px 16px 16px;
	justify-content: center;
	cursor: pointer;
	position: relative;
	align-items: center;
}

.bottomTab3 {
	// display: 'flex',	background: linear-gradient(to right, #6a1b9a, #e040fb)
	height: 83px;
	width: 196px;
	display: flex;
	border-radius: 4px;
	background: linear-gradient(180deg, #e8f7ff, #9fd4fd 100%);
	flex: 1;
	padding: 12px 16px 16px 16px;
	justify-content: center;
	cursor: pointer;
	position: relative;
	align-items: center;
}

.bottomTab4 {
	height: 83px;
	width: 196px;
	display: flex;
	border-radius: 4px;
	background: linear-gradient(180deg, #fff7e6, #ffd591 100%);
	flex: 1;
	padding: 12px 16px 16px 16px;
	justify-content: center;
	cursor: pointer;
	position: relative;
	align-items: 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 3px 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;
		}

		&-tipsRed {
			display: inline-block;
			width: 24px;
			height: 24px;
			background: #ef6c24;
			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 3px 0;
		}
	}
}

.notAccetImg {
	background: url('../../assets/images/notAccet.png') no-repeat center center;
	background-size: contain;
	width: 190px;
	height: 90px;
	position: absolute;
	right: 0;
	top: 0;
}

.aiBtn {
	position: absolute;
	bottom: 80px;
	margin-left: 1050px;
}

.integratedQuery {
	flex: 1;

	.arco-form-item-wrapper {
		flex: 1;
	}
}

.acro-myMessage {
	width: 280px;
	padding: 16px;

	.arco-message-icon {
		float: left;
	}

	.myMessageBox {
		margin-left: 30px;

		.messageTop {
			font-size: 16px;
			font-family: PingFang SC, PingFang SC-400;
			font-weight: 400;
			text-align: LEFT;
			color: #1d2129;
			margin: 2px 0 12px 0;
		}

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

.RepeatDetail {
	&-box {
		background: #f7f8fa;
		border: 1px solid #e5e6eb;
		border-radius: 4px;
		padding: 12px 16px;
		margin-top: 16px;
		display: flex;
		flex-direction: column;
		gap: 8px;
		height: 548px;
		&-active {
			border: 1px solid #1a6fb8;
		}
	}
	&-title {
		display: flex;
	}
	&-subTitle {
		white-space: nowrap;
		width: 84px;
		color: #4e5969;
	}
	&-img {
		width: 20px;
		height: 20px;
		cursor: pointer;
	}
	&-round {
		border: 2px solid rgba(23, 26, 29, 0.24);
		width: 20px;
		height: 20px;
		border-radius: 50%;
		cursor: pointer;
	}
	&-flex {
		display: flex;
		justify-content: space-between;
	}
}

.redisterPerson {
	flex: 1;
	position: relative;
	margin: 16px;
	background-color: #ffffff;
	display: flex;
	flex-direction: column;

	&-cardTab {
		&-tab {
			height: 100px;
			border: 1px solid rgba(0, 0, 0, 10%);
			border-radius: 4px;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			position: relative;
			color: rgba(0, 0, 0, 0.75);

			&-name {
				font-weight: 600;
				margin-top: 4px;
			}

			&-triangle {
				position: absolute;
				top: -3px;
				right: -11px;
				width: 0;
				height: 0;
				border: 17px solid;
				border-top: 0 solid;
				border-color: transparent transparent #1a6fb8;
				transform: rotate(45deg);
			}

			&-check {
				position: absolute;
				top: 1px;
				right: 1px;
				color: #ffffff !important;
				font-size: 12px;
			}
		}

		&-tabActive {
			border-color: #1a6fb8;
			color: #1a6fb8;
		}
	}
}

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

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

		&-top {
			font-size: 16px;
			font-family: PingFang SC, PingFang SC-400;
			font-weight: 400;
			color: #1d2129;
			margin-bottom: 8px;
		}

		&-bottom {
			font-size: 14px;
			font-family: PingFang SC, PingFang SC-400;
			font-weight: 400;
			color: #86909c;
		}
	}

	img {
		width: 66px;
		height: 66px;
		margin-right: 12px;
	}
}
.iconplusBox {
	display: inline-block;
	border: 1px solid #e5e6eb;
	border-radius: 2px;
	width: 33px;
	height: 33px;
	line-height: 27px;
	text-align: center;
	cursor: pointer;
}

.handle-tab {
	margin-right: 16px;
	& .arco-tabs-header-nav {
		margin-left: 0px;
	}
}

.judicial {
	&-item {
		display: flex;
		gap: 24px;
		margin-top: 20px;
		margin-right: 16px;
		&-title {
			background: #eff8ff;
			color: #1a6fb8;
			border-radius: 2px;
			padding: 9px 16px;
			display: flex;
			align-items: center;
			gap: 8px;
		}
		&-left {
			flex: 1;
		}
		&-right {
			width: 339px;
		}
		&-content {
			margin-bottom: 76px;
			&-left {
				border: 1px solid #1a6fb8;
				border-radius: 4px;
				position: relative;
				margin-top: 12px;
				padding: 16px;
				&-del {
					position: absolute;
					right: -8px;
					top: -12px;
				}
				&-time {
					background: #eff8ff;
					border-radius: 2px;
					padding: 2px 12px;
					margin-bottom: 26px;
				}
				&-t {
					display: flex;
					justify-content: space-around;
					align-items: center;
					&-l {
						display: flex;
						flex-direction: column;
						gap: 8px;
						align-items: center;
					}
				}
				&-inline {
					width: 48px;
					height: 0px;
					border: 1px solid #eff8ff;
				}
				&-bigTitle {
					font-size: 30px;
					line-height: 38px;
				}
				&-c {
					display: flex;
					&-flex {
						display: flex;
						flex-direction: column;
						gap: 16px;
					}
					&-title {
						color: #86909c;
						width: 146px;
					}
					&-content {
					}
				}
			}
			&-right {
			}
		}
		&-video {
			margin-top: 12px;
			&-flex {
				display: flex;
				gap: 16px;
				align-items: center;
				margin-bottom: 12px;
			}
			&-img {
				width: 64px;
				height: 64px;
				display: flex;
				justify-content: center;
				align-items: center;
				background-color: #eff8ff;
				& image {
				}
			}
		}
	}
}

.receipt-container {
  max-width: 800px;
  margin: 50px auto;
  background-color: white;
  padding: 40px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  position: relative;
  border: 1px solid #e5e7eb;
}
.receipt-border {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #e2ca7a;
  margin: 10px;
  pointer-events: none;
  z-index: 1;
  margin-top: 56px;
}
.receipt-header {
  text-align: center;
  margin-bottom: 30px;
  position: relative;
  margin-top: 30px;
}
.receipt-title {
  font-size: 24px;
  font-weight: bold;
}
.receipt-section {
  margin-bottom: 20px;
}
.receipt-content {
  line-height: 2;
  font-size: 16px;
}
.receipt-footer {
  text-align: right;
  margin-top: 10px;
  padding-right: 15px;
}

.header-badge {
  position: absolute;
  top: -0px;
  right: 0;
  background-color: #a61c1c;
  color: white;
  padding: 8px 16px;
  transform: rotate(0deg);
  font-size: 16px;
  font-weight: bold;
}