/* 解决方案分类标题 */
.tabs-container {
	max-width: 1600px;
	margin: 0 auto;
	box-sizing: content-box;
}

.tabs-container a:hover {
	text-decoration: none;
}

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

	.tabs-container .content {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 14px 0;
		background-color: white;
		border-radius: 14px;
		transform: translateY(-30%);
		box-shadow: 0px 12px 88px 7px rgba(221, 221, 221, 0.45);
	}

	.tabs-container .content .tab {
		font-size: max(14px, 2.5vw);
		color: #222222;
		text-align: center;
		line-height: 1;
		font-weight: bold;
		background: transparent;
		padding: 14px 20px;
		border-radius: 100px;
		cursor: pointer;
		transition: all 0.5s;
	}

	.tabs-container .content .tab+.tab {
		margin-left: max(20px, 8vw);
	}

	.tabs-container .content .tab.active,
	.tabs-container .content .tab:hover {
		color: white;
		background: #2CB053
	}
}

@media screen and (min-width: 1024px) {
	.tabs-container {
		padding: 0 20px;
	}

	.tabs-container .content {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 1.25rem 0;
		background-color: white;
		border-radius: 1.25rem;
		transform: translateY(-50%);
		box-shadow: 0px 12px 88px 7px rgba(221, 221, 221, 0.45);
	}

	.tabs-container .content .tab {
		min-width: 22rem;
		font-size: 1.75rem;
		color: #222222;
		text-align: center;
		line-height: 1;
		font-weight: bold;
		background: transparent;
		padding: 1.25rem 3.25rem;
		border-radius: 100px;
		cursor: pointer;
		transition: all 0.5s;
	}

	.tabs-container .content .tab+.tab {
		margin-left: min(11.25rem, 8vw);
	}

	.tabs-container .content .tab.active,
	.tabs-container .content .tab:hover {
		color: white;
		background: #2CB053
	}
}