/* 多功能 */
.multifunction-container {
	background-color: #F5F5F5;
}

.multifunction-content {
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: content-box;
}

.multifunction-content .text-content .title {
	font-weight: 600;
	color: #222222;
	line-height: 1.5;
	margin: 0;
}

.multifunction-content .text-content .label {
	color: #999999;
	line-height: 1.8;
	margin: 0;
}

@media screen and (max-width: 1023px) {
	.multifunction-container {
		padding: 30px 10px;
	}

	.multifunction-content .text-content {
		margin: 0 auto;
		text-align: center;
	}

	.multifunction-content .text-content .title {
		font-size: max(22px, 4vw);
	}

	.multifunction-content .text-content .label {
		font-size: max(14px, 2.5vw);
		color: #222222;
	}

	.multifunction-content .text-content .label:first-of-type {
		margin-top: 10px;
	}

	.multifunction-content .pic-grid {
		display: grid;
		grid-template-columns: repeat(3, auto);
		column-gap: 10px;
		row-gap: 10px;
		margin-top: 30px;
	}

	.multifunction-content .pic-grid .grid-item {
		background-color: #BDBDBD;
	}

	.multifunction-content .pic-grid .grid-item:first-child {
		grid-row-start: span 2;
	}

	.multifunction-content .pic-grid .grid-item .img {
		display: block;
		width: 100%;
	}
}

@media screen and (max-width: 500px) {
	.multifunction-container .grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (min-width: 1024px) {
	.multifunction-container {
		padding: 150px 20px 60px;
	}

	.multifunction-content {
		display: flex;
		flex-direction: row-reverse;
	}

	.multifunction-content .text-content {
		flex-grow: 1;
		padding: 97px 0 0 123px;
	}

	.multifunction-content .text-content .title {
		font-size: 32px;
	}

	.multifunction-content .text-content .label {
		font-size: 16px;
	}

	.multifunction-content .text-content .label:first-of-type {
		margin-top: 10px;
	}

	.multifunction-content .pic-grid {
		flex-shrink: 0;
		display: grid;
		grid-template-columns: repeat(3, auto);
		column-gap: 10px;
		row-gap: 10px;
		width: 695px;
	}

	.multifunction-content .pic-grid .grid-item {
		background-color: #BDBDBD;
	}

	.multifunction-content .pic-grid .grid-item:first-child {
		grid-row-start: span 2;
	}

	.multifunction-content .pic-grid .grid-item .img {
		display: block;
		width: 100%;
	}
}