.caseDetail {
	padding: @pageMargin;
	padding-top: 0;
	position: relative;
	flex: 1;

	&-subtitle {
		color: @text-color-secondary;
	}

	&-tabs {
		padding: 0 @pageAboutMargin;
		padding-bottom: 4px;
	}

	&-divider {
		border-top: 1px solid @divider-color;
	}

	.nameCard-name {
		color: @text-color-secondary;
	}

	div .caseDetail-paragraph {
		flex: 1;
		color: @text-color-secondary;
		margin-bottom: 0;
		padding-right: 12px;
	}

	&-tui {
		background-color: @warning-bg-color;
		padding: 8px @pageUpDownMargin;
		color: @text-color-secondary;
		margin-bottom: @pageUpDownMargin;

		&-icon {
			color: @warning-color;
			margin-right: 8px;
		}
	}

	&-card {
		background-color: #ffffff;
		padding: 0 @pageUpDownMargin;
	}

	//// 多个页面的信息展示用到
	&-headerCard {
		padding: 0 @pageUpDownMargin;
		border-top: 4px solid @main-color;
		box-shadow: 1px 4px 4px 0px rgba(0, 0, 0, 0.25);
		background-color: #ffffff;
	}

	&-cardTitle {
		padding: 12px 0;
		border-bottom: 1px dashed @divider-color;

		&-icon {
			height: 22px;
			width: 22px;
			border-radius: 2px;
			text-align: center;
			color: #ffffff;
		}

		&-iconGreen {
			background-color: #3ac299;
		}

		&-iconBlue {
			background-color: #1890ff;
		}

		&-iconOrange {
			background-color: #ff5500;
		}

		h5 {
			margin-bottom: 0;
		}
	}

	&-descriptions {
		padding: 12px 0 4px;
	}

	&-cardMain {
		padding: 12px 0 16px 0;
	}
	////
}

.disputeMsg,
.processRecord,
.mediationResult,
.mediateAbnormalDetail,
.mediationPower {
	// height: 100%;
	background-color: #ffffff;
	padding: 12px 16px;
}

.disputeMsg,
.mediationPower {
	h5 {
		margin-bottom: 0;
	}
}

.disputeMsg {
	div .caseDetail-paragraph {
		flex: 1;
		color: @text-color-secondary;
		margin-bottom: 0;
		padding-right: 12px;
	}
}

.dispatchRecord {
	display: flex;
	height: 100%;

	&-left {
		padding: @pageUpDownMargin;
		flex: 1;
		display: flex;
		flex-direction: column;

		&-button {
			margin-top: @pageUpDownMargin;
		}
	}

	&-right {
		min-width: 350px;
		max-width: 350px;
		margin-left: 12px;

		.caseDetail-cardMain {
			padding-bottom: 0;
		}
	}

	h5 {
		margin: 0;
	}

	&-dis {
		display: flex;
		align-items: center;
		padding: 8px 0;

		&-posi {
			position: relative;
		}

		&-status1,
		&-status2,
		&-status3 {
			color: #ffffff;
			background-color: #52c41a;
			font-size: 12px;
			line-height: 20px;
			padding: 0 8px;
			position: absolute;
			top: 27px;
		}

		&-status1 {
			background-color: #52c41a;
		}

		&-status2 {
			background-color: #ff5500;
		}

		&-status3 {
			background-color: #1089ff;
		}

		&-img2 {
			position: absolute;
			left: 0;
			top: 19px;
			height: 6px;
			width: 8px;
		}

		&-img {
			width: 55px;
			height: 55px;
			margin: 0 16px;
		}
	}
}

.mediationResult {
	h5 {
		margin-bottom: 0;
	}

	&-imgBox {
		display: flex;
		cursor: pointer;
	}

	&-img {
		width: 20px;
		height: 20px;
		margin-right: -4px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		overflow: hidden;

		&-add {
			background: #05aeae;
			border-radius: 50%;
			color: #ffffff;
			font-size: 12px;
		}
	}
}

.judicialApply {
	flex: 1 1;
	margin: 16px 24px;
	display: flex;

	&-left {
		flex: 1;
		margin-left: 65px;
	}

	&-right {
		min-width: 350px;
		margin-left: @pageUpDownMargin;

		.caseDetail-cardMain {
			padding-bottom: 0;
		}
	}
}

.signFor {
	height: 100%;
	display: flex;
	flex-direction: column;

	&-main {
		flex: 1;
		background-color: #ffffff;
		margin-top: @pageUpDownMargin;
		padding: 0 @pageUpDownMargin @pageUpDownMargin;
		display: flex;
		flex-direction: column;
	}
}

.caseHandle {
	height: 100%;
	display: flex;
	flex-direction: column;

	.caseDetail-tui {
		margin-bottom: 0;
		margin-top: @pageUpDownMargin;
	}

	&-main {
		flex: 1;
		margin-top: @pageUpDownMargin;
		display: flex;

		&-left {
			flex: 1;
			display: flex;
			flex-direction: column;
			padding-bottom: @pageUpDownMargin;
		}

		&-right {
			min-width: 350px;
			margin-left: @pageUpDownMargin;

			.caseDetail-cardMain {
				padding-bottom: 0;
			}
		}
	}

	&-subtitle {
		color: @text-color-secondary;
		margin-bottom: 12px;
		margin-top: -4px;
	}

	&-person {
		margin-top: 16px;
	}

	&-persons {
		display: flex;
		flex-wrap: wrap;
	}

	&-divider {
		border-top: 1px solid @divider-color;
	}
}

.dispatch {
	height: 100%;
	display: flex;
	flex-direction: column;

	&-main {
		flex: 1;
		display: flex;

		&-left {
			flex: 1;
		}

		&-right {
			min-width: 350px;
			margin-left: @pageUpDownMargin;

			.caseDetail-cardMain {
				padding-bottom: 0;
			}
		}
	}
}

.mediateAbnormalDetail {
	padding-top: 0;
	display: flex;
	flex-direction: column;

	&-bg {
		height: 100%;
		padding-top: @pageUpDownMargin;
	}
}

.JudicialDivisionDetail {
	height: 100%;
	display: flex;
	flex-direction: column;

	&-main {
		flex: 1;
		display: flex;
		flex-direction: column;
	}
}

.feedback {
	height: 100%;
	display: flex;
	flex-direction: column;
	padding-bottom: 16px;
}

.caseFolderFeedBack {
	height: 100%;
	display: flex;
	flex-direction: column;

	&-main {
		flex: 1;
		margin-top: @pageUpDownMargin;
		display: flex;
		flex-direction: column;
		padding-bottom: 16px;
	}

	&-copy {
		.ant-typography-copy {
			color: #ffffff;
		}
	}
}

.mediationPower {
	.public-fileCard {
		img {
			width: 58px;
			height: 58px;
		}
	}
}

.MediationInfo {
	&-subTitle {
		width: 4px;
		height: 14px;
		background-color: @main-color;
	}
}