.table-box {
	flex-direction: row;
	height: auto;
	font-family: "Source Han Sans CN-Regular", "Source Han Sans CN";
	color: #ffffff;
}
.leftBox,
.rightBox {
	float: left;
	width: 376px;
}
.centerBox {
	float: left;
	width: 858px;
	margin: 0 20px;
}
.mapBox {
	height: 630px;
	margin-bottom: 20px;
}
.blockBox {
	margin-bottom: 20px;
	.blockTitle {
		width: 100%;
		height: 38px;
		margin-bottom: 10px;
		background-image: url("../../../../assets/images/hzImg/xm/titleBg.png");
		background-size: 100% 100%;
		&.blockTitle2 {
			background-image: url("../../../../assets/images/hzImg/xm/titleBg2.png");
		}
		.title {
			margin: 8px 0 0 42px;
		}
	}
	.blockContent {
		padding: 10px 20px;
		background: rgb(39 88 192 / 10%);
		border: 1px solid rgb(39 88 192 / 60%);
		border-radius: 0;
		box-shadow: inset 0 0 2px 2px #051220;
		.main {
			width: 300px;
			height: 300px;
			.playWnd {
				width: 300px;
				height: 300px;
			}
		}
	}
	.middle-video {
		width: 300px;
		height: 300px;
	}
	.chartContent {
		display: flex;
		align-items: center;
		justify-content: space-around;
		height: 234px;
		.chartBox {
			width: 170px;
			height: 170px;
			background-image: url("../../../../assets/images/hzImg/xm/circle.png");
			background-repeat: no-repeat;
			background-size: 100% 100%;
		}
	}
	.detailBox {
		font-size: 12px;
		font-weight: 400;
		line-height: 14px;
		.item {
			display: flex;
			align-items: center;
			margin-bottom: 12px;
			&:last-child {
				margin-bottom: 0;
			}
			.name {
				width: 80px;
				display: inline-flex;
				margin: 0 30px 0 12px;
			}
			.rect {
				display: inline-block;
				width: 9px;
				height: 9px;
				&.color1 {
					background: #eea959;
				}
				&.color2 {
					background: #4cc4f8;
				}
				&.color3 {
					background: #6375c7;
				}
				&.color4 {
					background: #ec6266;
				}
				&.color5 {
					background: #82fbea;
				}
				&.color6 {
					background: #4cc4f8;
				}
			}
		}
	}
}