.max-div {
	display: flex;
	height: 60vh;
	color: #333;
	width: 60vw;
}

.tab-one-div {
	padding-top: 2vh;
	width: 100vw;
	margin: 0 auto;
	/* background: linear-gradient(0deg, #f9fbff, #e4eff9); */
	background-color: #e4eff9;
	display: flex;
	flex-direction: column;
	/* 垂直排列子元素 */
	justify-content: center;
	/* 垂直方向居中 */
	align-items: center;
	/* 水平方向居中 */
	height: 60vh;
}

/* 选项卡右侧内部样式 */
.tab-two-div {
	display: flex;
	gap: 8vw;
	/* 父元素设为 Flex 容器 */
	/* white-space: nowrap; */
	/* 禁止文本换行 */
	margin-right: 0 auto;
	justify-content: center;
	/* 水平居中 */
	align-items: center;
	background: ;
}

/* 左侧选项样式 */
.accordion-sidebar {
	width: 8vw;
	/* color: white; */
	/* box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1); */
	z-index: 10;
}

.accordion-item {
	/* border-bottom: 1px solid rgba(255, 255, 255, 0.1); */
	margin-bottom: 5vh;
	overflow: hidden;
}

.icon_img {
	display: none;
}

.icon_img:hover {
	width: 2vw;
}


/* 点击后的样式 */
.accordion-item.clicked .accordion-header{
	/* background-color: #4F46E5; */
	font-size: 0.8vw;
	font-weight: 700;
	color: #2ca700;
}

.accordion-item.clicked .icon_img {
	width: 2vw;
	display: inline;
}

.accordion-header {
	padding: 1.2rem 1.5rem;
	font-size: 0.7vw;
	cursor: pointer;
	display: flex;
	align-items: center;
	/* justify-content: space-between; */
	transition: all 0.3s ease;
}



.accordion-header div {
	text-align: center;
}

.accordion-header .arrow {
	transition: transform 0.3s ease;
}

.accordion-header.active-plus .arrow {
	transform: rotate(180deg);
}

/* 右侧内容区域样式 */
.content-container {
	flex: 1;
	padding: 2rem;
/* 	overflow-y: auto; */
	transition: all 0.3s ease;
	background-image: url(../images/llbg.png);
	/* width: 50vw; */
	height: 50vh;
	background-repeat: no-repeat;
	background-position: center;
}


.tab-img {
	height: 45vh;
	box-shadow: none;
}

.content-section {
	display: none;
	/* 隐藏元素 */
	animation: fadeIn 0.5s ease;
	/* 定义动画播放基本属性 */
}

.content-section.active-plus {
	display: block;
}

.content-section h2 {
	color: #2c3e50;
	margin-bottom: 1.5rem;
	padding-bottom: 0.5rem;
	border-bottom: 2px solid #3498db;
}

.content-section p {
	line-height: 1.8;
	margin-bottom: 1rem;
	color: #555;
}



/* 动画效果 */
@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(20px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.llbg-div {
	justify-content: center;
}

.tab-lef-bg {
	display: flex;
	justify-content: right;
	width: 50%;
	height: 100%;
}

.tab-rg-bg {
	display: flex;
	justify-content: left;
	width: 50%;
	height: 100%;
}
