.container-zhuli {
	width: 100%;
	height: 35vw;
	margin: 0 auto;
}

.zhuli-block {
	border-radius: 1vw;
	/* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); */
	background: linear-gradient(135deg, #ffffff 50%, #f1f7fd 90%);
	/* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); */
	/* padding: 10px 10px; */
	width: 18vw;
	height: 25vw;
	text-align: center;
	transition: transform 0.3s, box-shadow 0.3s;
	position: relative;
	padding: 1vw 1vw 1vw 1vw;
	/* 关键：为子元素提供定位参考 */
}

.zhuli-div {
	display: flex;
	/* 自动换行 */
	/* flex-wrap: wrap; */
	gap: 5vw;
	justify-content: center;
	width: 80vw;
	margin: 0 auto;
	height: 20vw;
	position: relative;
	/* 父元素设为相对定位 */
	/* background: linear-gradient(180deg, #f9fbff, #e4eff9); */
}

.zhuli-title {
	color: #3b3b3b;
	font-size: 2vw;
	margin-bottom: 50px;
	font-weight: 700;
	text-align: center;
}

.img-div {
	width: 100%;
	/* 可选：让子元素宽度与父元素一致 */
	text-align: center;
	/* 使图片水平居中 */
	margin: 0 auto;
	/* 确保容器本身也居中（如果需要） */
	padding: 2px 2px 2px 2px;
}

.zhuli-img {
	width: 90%;
}

/* 卡片标题 */
.zhuli-title1 {
	font-size: 0.8vw;
	font-weight: 700;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	/* color: #ffffff; */
}

.zhuli-title2 {
	font-size: 1vw;
	font-weight: 700;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	/* color: #ffffff; */
}

.zhuli-title2>strong {
	font-size: 1.3vw;
	color: #fe6704;
}

.zhuli-text {
	font-size: 0.5vw;
	font-weight: 500;
	margin-top: 0.5vw;
	margin-bottom: 0px;
	text-align: left;
	color: #6b6b6b;
	line-height: 2;
	/* 推荐使用无单位的数值，相对字体大小的倍数 */
}


/* 底部按钮样式及动画 */
.button-an {
	display: flex;
	/* 将容器设为 Flex 容器 */
	gap: 5px;
	/* 元素之间的间距（可选） */
	/* 可选：添加对齐方式 */
	align-items: center;
	/* 垂直居中对齐 */
	justify-content: center;
}


.button-an-div {
	align-items: center;
	background: #6bb24f;
	border-radius: 0.2vw;
	color: #fff;
	cursor: pointer;
	display: flex;
	font-size: 0.8vw;
	font-weight: 500;
	height: 2vw;
	justify-content: center;
	line-height: 20px;
	overflow: hidden;
	position: relative;
	transition: all .3s;
	width: 9vw;
}
/* 确保图片在文字下方 */
.button-an-div span {
    position: relative;
    z-index: 2;
}

.button-img {
    height: 2vw;
    position: absolute;
    top: 0;
    width: 50%; /* 调整图片宽度使动画更明显 */
    opacity: 0.7; /* 增加透明度避免遮挡文字 */
    animation: sanliang 1s linear infinite; /* 增加动画时长 */
}

@keyframes sanliang {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(200%); /* 调整终点位置使动画完整 */
    }
}

/* 新增样式 - 用于滚动时吸附底部 */
.button-an.fixed {
    position: fixed;
    bottom: 1vw; /* 距离底部的距离 */
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000; /* 确保在其他内容上方 */
}

/* 底部按钮样式及动画结束 */