﻿.st-collapsible {
	position: relative;
	background-color: #8DC985;
	color: white;
	cursor: pointer;
	padding: 18px 40px 18px 18px; /* 上 右 下 左 - 右侧留出图标空间 */
	/*padding: 18px;*/
	width: 100%;
	border-radius: 10px 10px 0px 0px;
	border: none;
	text-align: left;
	outline: none !important;
	line-height: 1.5;
	min-height: 44px; /* 确保按钮有足够高度 */
	white-space: normal; /* 允许文字换行 */
}

.st-active {
	background-color: #5bb250;
	border-radius: 10px 10px 0px 0px;
	border: none;
	outline: none!important;
}

.st-collapsible:hover {
	background-color: #5bb250;
}

.st-collapsible:after {
	content: '\002B';
	font-size: 2rem;
	color: white;
	font-weight: bold;
	position: absolute;
	right: 15px; /* 图标与右侧的距离 */
	top: 50%;
	transform: translateY(-50%);
	margin-left: 10px; /* 图标与文字之间的间距 */
}


.st-active:after {
	content: "\2212";
	font-size: 2rem;
}

.st-collapsible-content {
	padding: 0px 18px;
	max-height: 0;
	width: 100%;
	overflow: hidden;
	border-radius: 0px 0px 10px 10px;
	border-top: none;
	border-right: 2px solid #8DC985;
	border-bottom: 2px solid #8DC985;
	border-left: 2px solid #8DC985;
	transition: max-height 0.2s ease-out;
	background-color: #FFF;
}