.el-date-editor .el-range-separator {
  display: inline-block;
  height: 100%;
  padding: 0 5px;
  margin: 0;
  text-align: center;
  line-height: 32px;
  font-size: 14px;
  width: 11%;
  color: #303133;
}	
/* 移动端弹窗整体适配 */
@media screen and (max-width: 768px) {
  /* 弹窗宽度调整为接近全屏 */
  .el-dialog {
    width: 95% !important;
    margin: 10px auto !important;
    padding: 10px !important;
  }
  
  /* 表单整体样式调整 */
  .el-form {
    padding: 5px !important;
  }
  
  /* 统一调整表单项 */
  .el-form-item {
    margin-bottom: 12px !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  
  /* 标签样式调整 */
  .el-form-item__label {
    width: 100% !important;
    text-align: left !important;
    margin-bottom: 5px !important;
    font-size: 14px !important;
    padding: 0 !important;
  }
  
  /* 表单项内容区域 */
  .el-form-item__content {
    width: 100% !important;
    margin-left: 0 !important;
  }
  
  /* 输入框样式调整 */
  .el-input,
  .el-select,
  .el-date-picker {
    width: 100% !important;
  }
  
  .el-input__inner,
  .el-select__input {
    height: 40px !important;
    font-size: 14px !important;
  }
  
  /* 日期选择器特殊处理 */
  .el-date-editor.el-input {
    width: 100% !important;
  }
  
  /* 地址输入和定位按钮区域 */
  .el-form-item:nth-child(2) .el-form-item__content > div {
    width: 100% !important;
    display: flex !important;
    gap: 10px !important;
  }
  
  .el-form-item:nth-child(2) .el-input {
    flex: 1 !important;
  }
  
  /* 培训规模的其他输入框 */
  .el-form-item:nth-child(4) .el-input {
    width: 100% !important;
    margin-top: 8px !important;
  }
  
  /* 按钮区域调整 */
  .el-form > div:last-of-type:not(.el-form-item) {
    position: static !important;
    margin-top: 20px !important;
    display: flex !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    padding-right: 5px !important;
  }
  
  .el-button--mini {
    padding: 8px 15px !important;
    font-size: 14px !important;
  }
  
  /* 验证码区域调整 */
  .el-form-item:nth-child(8) .el-form-item__content {
    display: flex !important;
    gap: 10px !important;
  }
  
  .resbutton {
    white-space: nowrap !important;
  }
  
  /* 去除底部多余高度 */
  .el-form > div:last-child {
    height: 30px !important;
  }
}


.details-btn{
	width: 82px;
	height: 32px;
	background: #C61C22;
	border-radius: 4px 4px 4px 4px;
	border: none !important;
	font-family: Source Han Sans, Source Han Sans;
	font-weight: 400;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 16px;
	text-align: center;
	font-style: normal;
	text-transform: none;
}
.el-input__inner{
	height: 40px;
	border: none;
}
 .top-title{
	 background-image: url('https://www.nndj.gov.cn/jeecmsv9/r/cms/www/greenCity/img/zycfydd/zycfyddtop.png');
	   height: 50px;
	   background-size: cover;
	   background-position: center;
	   background-repeat: no-repeat;
	   margin-top: -15px;
 }
 .zyk-zdtj-size{
	 width: 64px;
	 height: 24px;
	 font-family: Microsoft YaHei UI, Microsoft YaHei UI;
	 font-weight: 700;
	 font-size: 16px;
	 color: #323233;
	 line-height: 24px;
	 text-align: left;
	 font-style: normal;
	 text-transform: none;
	 margin-left: 5px;
 }
 .zyk-qhhb-size{
	 width: 70px;
	 height: 20px;
	 font-family: Microsoft YaHei UI, Microsoft YaHei UI;
	 font-weight: 400;
	 font-size: 14px;
	 color: #C61C22;
	 line-height: 20px;
	 text-align: center;
	 font-style: normal;
	 text-transform: none;
 }
 .zyk-zdtj-iocn img{
	 width: 20px;
	 height: 20px;
 }
 .zyk-qhhb-iocn img{
 	 width: 20px;
 	 height: 20px;
 }
.btn-row-name{
	 
	font-family: Microsoft YaHei UI, Microsoft YaHei UI;
	font-weight: 400;
	font-size: 16px;
	color: #323233;
	line-height: 20px;
	text-align: center;
	font-style: normal;
	text-transform: none;
}
	.zdk-dt-size{
		 
		font-family: Microsoft YaHei UI, Microsoft YaHei UI;
		font-weight: 400;
		font-size: 14px;
		color: #C61C22;
		line-height: 20px;
		text-align: center;
		font-style: normal;
		text-transform: none; 
		margin-left: 5px;
		margin-top: -1px;
	}
	.zdk-dt-icon{
		  width: 18px;
		  height: 18px;
		  margin-top: -7px;
	}
	/* 基础样式 - 桌面端默认布局 */
	.btn-container {
		margin-top: 15px;
	  width: 100%;
	  padding: 10px; /* 容器内边距，避免内容贴边 */
	  box-sizing: border-box; /* 确保padding不影响整体宽度 */
	}
	
	.btn-row {
	  display: flex; /* 弹性布局，让按钮横向排列 */
	  justify-content: center; /* 按钮组居中对齐 */
	  align-items: center; /* 按钮垂直居中 */
	  gap: 12px; /* 替代原有的margin-left，统一控制间距 */
	}
	
	.btn-item {
	  display: flex;
	  flex-direction: column; /* 图片和文字垂直排列 */
	  align-items: center; /* 内容水平居中 */
	  cursor: pointer; /* 鼠标悬停显示手型，提示可点击 */
	  user-select: none; /* 禁止文本选中，提升交互体验 */
	}
	
	.btn-img {
	  width: 48px; /* 默认图片大小，可根据需求调整 */
	  height: 48px;
	  object-fit: contain; /* 保证图片比例不拉伸 */
	}
	
	.btn-text {
	  margin-top: 6px; /* 文字与图片的间距 */
	  font-size: 14px; /* 文字大小 */
	  color: #333; /* 文字颜色，可根据主题调整 */
	}
	
	/* 移动端适配 - 屏幕宽度≤768px时生效 */
	@media (max-width: 768px) {
	  .btn-row {
	    gap: 8px; /* 减小移动端按钮间距，节省空间 */
	    flex-wrap: wrap; /* 当空间不足时自动换行 */
	    padding: 0 4px; /* 增加左右内边距，避免贴边 */
	  }
	
	  .btn-item {
	    flex: 1; /* 让按钮平均分配父容器宽度 */
	    min-width: 80px; /* 限制最小宽度，避免按钮过窄 */
	    max-width: 120px; /* 限制最大宽度，避免按钮过宽 */
	  }
	
	  .btn-img {
	    width: 40px; /* 缩小移动端图片尺寸 */
	    height: 40px;
	  }
	
	  .btn-text {
	    font-size: 12px; /* 缩小文字大小，适配小屏幕 */
	    margin-top: 4px; /* 减小文字与图片间距 */
	    white-space: nowrap; /* 避免文字换行 */
	    overflow: hidden; /* 超出部分隐藏 */
	    text-overflow: ellipsis; /* 超出显示省略号 */
	    width: 100%; /* 配合省略号效果，限制宽度 */
	    text-align: center; /* 文字居中 */
	  }
	}
	
	/* 小屏手机适配 - 屏幕宽度≤375px时进一步优化 */
	@media (max-width: 375px) {
	  .btn-row {
	    gap: 4px; /* 进一步减小间距 */
	  }
	
	  .btn-img {
	    width: 36px; /* 再次缩小图片 */
	    height: 36px;
	  }
	
	  .btn-text {
	    font-size: 11px; /* 再次缩小文字 */
	  }
	}

	/* 师资库主容器 */
		.teacher-main {
		    padding: 15px 10px;
		     
		}
		
		/* 列表容器 */
		.teacher-list {
		    display: grid;
		    grid-template-columns: 1fr;
		    gap: 12px;
		}
		
		/* 卡片容器 */
		.teacher-card {
		    background-color: #fff;
		    border-radius: 8px;
		    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
		    overflow: hidden;
		    transition: transform 0.2s ease;
		}
		
		.teacher-card:hover {
		    transform: translateY(-2px);
		}
		
		/* 卡片链接 */
		.teacher-card-link {
		    display: block;
		    color: inherit;
		    text-decoration: none;
		}
		
		/* 卡片内部布局 */
		.teacher-card-inner {
		    display: flex;
		    padding: 12px;
		}
		
		/* 头像区域 */
		.teacher-avatar {
		  flex-shrink: 0;
		    width: 100px;
		    height: 130px;
		     
		    overflow: hidden;
		    border: 2px solid #f0f0f0;
		}
		
		.avatar-img {
		    width: 100%;
		    height: 100%;
		    object-fit: cover;
		}
		
		/* 信息区域 */
		.teacher-info {
		    flex-grow: 1;
		    margin-left: 12px;
		    display: flex;
		    flex-direction: column;
		}
		
		/* 信息头部 */
		.info-header {
		    display: flex;
		    justify-content: space-between;
		    align-items: center;
		    margin-bottom: 8px;
		}
		
		.teacher-name {
		    font-size: 17px;
		    font-weight: 600;
		    color: #333;
		    margin: 0;
		    white-space: nowrap;
		    overflow: hidden;
		    text-overflow: ellipsis;
		    max-width: 60%;
		}
		
		.reservation-btn {
		   width: 82px;
		   height: 32px;
		   background: #EEA500;
		   border-radius: 4px 4px 4px 4px;
		   border: none !important;
		   
		   font-family: Source Han Sans, Source Han Sans;
		   font-weight: 400;
		   font-size: 14px;
		   color: #FFFFFF;
		   line-height: 16px;
		   text-align: center;
		   font-style: normal;
		   text-transform: none;
		   
		}
		
		/* 信息内容区 */
		.info-content {
		    display: flex;
		    flex-direction: column;
		    gap: 4px;
		}
		
		/* 信息项通用样式 */
		.info-item {
		    display: flex;
		    align-items: flex-start;
		    font-size: 13px;
		}
		
		/* 标签样式 */
		.info-label {
		    color: #666;
		    flex-shrink: 0;
		    width: 65px;
		}
		
		/* 值样式 */
		.info-value {
		  
		  font-family: Source Han Sans, Source Han Sans;
		  font-weight: 400;
		  font-size: 12px;
		  color: #606266;
		  line-height: 18px;
		  text-align: center;
		  font-style: normal;
		  text-transform: none;
		}
		
		/* 课程名称特殊处理 */
		.course-name {
		    max-height: 40px;
		    overflow: hidden;
		    display: -webkit-box;
		    -webkit-line-clamp: 2;
		    -webkit-box-orient: vertical;
		}
		
		/* 评分星星 */
		.score-stars {
		    letter-spacing: 2px;
		}
		
		/* 响应式调整 */
		@media (max-width: 360px) {
		    .teacher-avatar {
		        width: 85px;
		        height: 85px;
		    }
		    
		    .teacher-name {
		        font-size: 16px;
		    }
		    
		    .info-item {
		        font-size: 12px;
		    }
		}

		/* 按钮容器样式 */
		.btn-container {
			width: 100%;
			padding: 0 15px;
			margin-bottom: 15px;
			box-sizing: border-box;
		}

		.btn-row {
			display: flex;
			width: 100%;
			gap: 8px;
		}

		.btn-row .el-button {
			flex: 1;
			min-width: 0;
			padding: 12px 0;
			font-size: 14px;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
		}

		/* 内容区域核心样式 */
		.content-container {
			width: 100%;
			overflow: hidden;
			position: relative;
			height: calc(100vh - 100px);
		}

		.content-wrapper {
			display: flex;
			height: 100%;
			transition: transform 0.3s ease;
		}

	.content-layer {
	    width: 100%;
	    flex-shrink: 0;
	    min-height: 100%; /* 确保容器高度至少充满视口，渐变效果更明显 */
	    padding: 15px;
	    overflow-y: auto;
	    overflow-x: hidden;
	    box-sizing: border-box;
	    /* 关键：从上到下的渐变色，从#FCF6EE过渡到白色 */
	    background: linear-gradient(to bottom, #FCF6EE, #fff);
	}


		/* 列表布局核心样式 */
		.base-list {
			display: flex;
			flex-wrap: wrap;
			gap: 10px;
			justify-content: flex-start;
			padding: 0 5px;
			/* 增加内边距避免边缘内容贴边 */
		}

		.base-item {
			width: calc(50% - 5px);
			margin-bottom: 10px;
			box-sizing: border-box;
			 
			height: 185px;
			border-radius: 10px;
		}

		.base-link {
			display: block;
			text-decoration: none;
			color: inherit;
			width: 100%;
		}

		/* 图片样式 */
		.base-img {
			width: 100%;
			height: 150px;
			/* 固定图片高度 */
			object-fit: cover;
			/* 保持图片比例并填充容器 */
			display: block;
			border-radius: 4px;
		}

		/* 图片加载失败占位图 */
		.img-placeholder {
			width: 100%;
			height: 150px;
			background-color: #f2f2f2;
			display: flex;
			justify-content: center;
			align-items: center;
			color: #999;
			border-radius: 4px;
		}

		/* 标题区域样式（已优化居中与省略号） */
		.base-title {
			text-align: center;
			/* 水平居中 */
			margin-top: 5px;
			font-size: 14px;
			color: #333;
			padding: 0 5px;
			/* 增加左右内边距避免文字贴边 */

			/* 超出显示省略号 */
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;

			/* 确保高度稳定 */
			height: 20px;
			line-height: 20px;
		}

		/* 加载提示样式 */
		.loading-container {
			text-align: center;
			padding: 20px 0;
			color: #666;
			font-size: 14px;
		}

		/* 无更多数据提示 */
		.no-more {
			text-align: center;
			padding: 15px 0;
			color: #999;
			font-size: 14px;
		}

		/* 小屏幕适配 (320px及以下) */
		@media (max-width: 320px) {
			.btn-row .el-button {
				font-size: 12px;
				padding: 10px 0;
			}

			.base-img,
			.img-placeholder {
				height: 120px;
				/* 降低图片高度适应小屏幕 */
			}

			.base-list {
				gap: 8px;
				/* 减小间距避免溢出 */
			}

			.base-title {
				 
				 
				font-family: Microsoft YaHei UI, Microsoft YaHei UI;
				font-weight: 400;
				font-size: 16px;
				color: #323233;
				line-height: 22px;
				text-align: center;
				font-style: normal;
				text-transform: none;
				/* 缩小标题字体 */
			}
		}

		/* 中等屏幕适配 (321px - 375px) */
		@media (min-width: 321px) and (max-width: 375px) {
			.base-list {
				gap: 10px;
			}
		}

		/* 课程库容器样式 */
		.course-library-container {
			padding: 12px;
		}

		.course-library {
			width: 100%;
			box-sizing: border-box;
		}

		/* 弹性布局基础样式 */
		.flex {
			display: flex;
		}

		.justify-between {
			justify-content: space-between;
		}

		/* 上方大图区域样式 */
		.up {
			width: 100%;
			height: auto;
		}

		.up .large {
			 
			/* 大图高度 */
			display: block;
			position: relative;
			overflow: hidden;
			border-radius: 6px;
			/* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */
			transition: transform 0.2s ease;
			padding: 10px;
		}

		/* 下方小图区域样式 */
		.down {
			width: 100%;
			height: auto;
		}

		.down .small {
			height: 120px;
			/* 小图高度 */
			display: block;
			position: relative;
			overflow: hidden;
			border-radius: 6px;
			/* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */
			padding: 10px;
			transition: transform 0.2s ease;
		}

		/* 图片样式 */
		.img-full {
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block;
			transition: all 0.3s ease;
		}

		/* 链接交互效果 */
		.up .large:active,
		.down .small:active {
			transform: scale(0.98);
			/* 触摸反馈 */
		}

		.up .large:active .img-full,
		.down .small:active .img-full {
			filter: brightness(0.9);
			/* 触摸时略微变暗 */
		}

		/* 联系方式样式 */
		.contact {
			background-color: #f8f9fa;
			padding: 12px;
			border-radius: 6px;
			font-size: 14px;
			color: #333;
			line-height: 1.6;
		}

		.contact-phone {
			color: #007bff;
			text-decoration: none;
			white-space: nowrap;
		}

		.contact-phone:active {
			color: #0056b3;
		}

		.full-width-image-container {
			width: 100%;
			box-sizing: border-box;
			padding: 8px;
			/* 容器内边距，避免图片贴边 */

		}

		.image-item {
			width: 100%;
			margin-bottom: 14px;
			/* 图片之间的间距 */
			border-radius: 8px;
			/* 圆角效果 */
			overflow: hidden;
			/* 确保图片圆角显示正常 */
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
			/* 轻微阴影增强层次感 */
		}

		.full-width-image {
			height: 70px !important;
			width: 100%;
			/* 图片宽度铺满容器 */
			height: auto;
			/* 高度自适应，保持图片比例 */
			display: block;
			/* 去除图片底部间隙 */
			transition: transform 0.2s ease;
			/* 触摸反馈动画 */

		}

		/* 触摸交互效果 */
		.image-item:active .full-width-image {
			transform: scale(0.98);
			/* 触摸时轻微缩放 */
		}

		/* 图片加载失败时的占位样式 */
		.full-width-image[src=""]:before,
		.full-width-image:not([src]):before {
			content: "";
			display: block;
			width: 100%;
			padding-top: 56.25%;
			/* 16:9 比例占位 */
			background-color: #f2f2f2;
			position: relative;
		}

		.full-width-image[src=""]:after,
		.full-width-image:not([src]):after {
			content: "\f03e";
			/* Font Awesome 图片图标 */
			font-family: "Font Awesome 6 Free";
			font-weight: 900;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			color: #ccc;
		}
 .el-input__prefix {
   height: 100%;
   left: 85px !important;
   transition: all .3s;
 }
 /* 确保下拉框及其下拉面板都在最顶层 */
 .top-layer-select {
   position: relative; /* 关键：让z-index生效 */
   z-index: 1000; /* 层级值根据实际场景调整，越大越优先 */
 }
 
 /* 额外处理下拉面板（展开的选项列表） */
 /* Element UI 的下拉面板默认类名为 .el-select-dropdown */
 ::v-deep .top-layer-select + .el-select-dropdown {
   z-index: 2000 !important; /* 确保下拉面板层级更高，不被遮挡 */
 }

 .no-border-select .el-input__inner{
	 height: 30px !important;
	 border: none !important;
	 background-color: #FBF6EE;
	 
	 font-family: Microsoft YaHei UI, Microsoft YaHei UI;
	 font-weight: 400;
	 font-size: 14px;
	 color: #000000 !important;
	 line-height: 18px;
	 text-align: left;
	 font-style: normal;
	 text-transform: none;
	 width: 90% !important;
 }
 .zdk-selece .el-input__inner{
	 height: 30px !important;
	 margin-top: -10px;
	 border: none;
	 background: #FFFFFF;
	 border-radius: 18px 18px 18px 18px;
	 width: 130px !important; 
 }
  .el-input__inner {
	  
    -webkit-appearance: none;
    background-color: #FFF;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #DCDFE6;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    height: 28px;
    line-height: 40px;
    outline: 0;
    padding: 0 15px;
    -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 100%;
  }
  @media screen and (max-width: 768px) {
    .el-form-item__content {
      width: 85% !important;
      margin-left: 0 !important;
    }
  }
  
  .el-input__icon {
    height: 100%;
    width: 25px;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
    line-height: 30px !important;
  }
 .top-nav .search-input .el-input__inner {
   padding: 4px 8px;
   font-size: 12px;
   border-radius: 4px;
 }
 /* 页面主容器 */
 .app-container {
   width: 92%;
   margin: 0 auto;
   padding-top: 8px;
 }
 /* 顶部导航栏 */
 .top-nav {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
 .top-nav .recommend-btn {
   background-color: #fff;
   border: 1px solid #ff5621;
   color: #ff5621;
   padding: 4px 12px;
   border-radius: 4px;
   font-size: 12px;
 }
 .top-nav .search-input {
   width: 120px;
 }
 .top-nav .search-input .el-input__inner {
   padding: 4px 8px;
   font-size: 12px;
   border-radius: 4px;
 }
 .top-nav .switch-btn {
   background-color: #fff;
   border: 1px solid #ff9900;
   color: #ff9900;
   padding: 4px 12px;
   border-radius: 4px;
   font-size: 12px;
 }
 /* 轮播图区域 */
 .banner-wrap {
   margin-top: 8px;
 }
 .banner-carousel {
   border-radius: 6px;
   overflow: hidden;
 }
 .banner-item {
   height: 120px;
   /* 背景色占位，模拟图片 */
   background: linear-gradient(45deg, #ffe0b2, #ffcc80); 
   display: flex;
   align-items: center;
   justify-content: center;
   color: #fff;
   font-size: 14px;
 }
 /* 指示器样式调整 */
 .el-carousel__indicator--horizontal {
   margin: 0 4px;
 }
 .el-carousel__indicator.is-active button {
   background-color: #ff5621;
 }
 /* 功能区块（左列） */
 .function-section {
   display: flex;
   justify-content: space-between;
   margin-top: 12px;
 }
 .function-left {
   width: 50%;
   display: flex;
   flex-direction: column;
   gap: 10px;
 }
 .function-btn {
   border-radius: 6px;
   color: #fff;
   font-size: 14px;
   text-align: center;
   padding: 12px 0;
   border: none;
 }
 .btn-orange {
    height: 60px;
    background-size: cover;
    /* 确保背景图片保持比例并覆盖整个容器 */
    background-position: center;
    /* 可选：将背景图片居中显示 */
    background-repeat: no-repeat;
    /* 防止背景图片重复 */
   background-image: url('https://www.nndj.gov.cn/jeecmsv9/r/cms/www/greenCity/img/index/new-byll.png');
 }
 
 .btn-orange1 {
    height: 40px;
    background-size: cover;
    /* 确保背景图片保持比例并覆盖整个容器 */
    background-position: center;
    /* 可选：将背景图片居中显示 */
    background-repeat: no-repeat;
    /* 防止背景图片重复 */
     
   background-image: url('https://www.nndj.gov.cn/jeecmsv9/r/cms/www/greenCity/img/index/new-dyjyzlb.png');
   margin-top: 1px;
 }
 
 .btn-orange2 {
    height: 40px;
    background-size: cover;
    /* 确保背景图片保持比例并覆盖整个容器 */
    background-position: center;
    /* 可选：将背景图片居中显示 */
    background-repeat: no-repeat;
    /* 防止背景图片重复 */
     
   background-image: url('https://www.nndj.gov.cn/jeecmsv9/r/cms/www/greenCity/img/index/new-gbjyzlb.png');
   margin-top: 1px;
 }
 .btn-orange3 {
    height: 40px;
    background-size: cover;
    /* 确保背景图片保持比例并覆盖整个容器 */
    background-position: center;
    /* 可选：将背景图片居中显示 */
    background-repeat: no-repeat;
    /* 防止背景图片重复 */
     
   background-image: url('https://www.nndj.gov.cn/jeecmsv9/r/cms/www/greenCity/img/index/new-xyzczlb.png');
   margin-top: 1px;
 }
 .btn-pink {
 	height: 60px;
   background-size: cover;
    /* 确保背景图片保持比例并覆盖整个容器 */
    background-position: center;
    /* 可选：将背景图片居中显示 */
    background-repeat: no-repeat;
    /* 防止背景图片重复 */
   background-image: url('https://www.nndj.gov.cn/jeecmsv9/r/cms/www/greenCity/img/index/new-dyjy.png');
 }
 .btn-blue {
 	height: 60px;
   background-size: cover;
    /* 确保背景图片保持比例并覆盖整个容器 */
    background-position: center;
    /* 可选：将背景图片居中显示 */
    background-repeat: no-repeat;
    /* 防止背景图片重复 */
   background-image: url('https://www.nndj.gov.cn/jeecmsv9/r/cms/www/greenCity/img/index/new-gdzp.png');
 }
 /* 资料包与需求区域（右列） */
 .function-right {
   width: 48%;
   display: flex;
   flex-direction: column;
   gap: 10px;
 }
 .data-card {
   background-color: #fff;
   border-radius: 6px;
   padding: 10px;
   display: flex;
   align-items: center;
   gap: 6px;
   font-size: 13px;
   color: #333;
 }
 .data-card i {
   font-size: 16px;
   color: #ff5621;
 }
 .demand-btn {
 	height: 45px;
   background-size: cover;
    /* 确保背景图片保持比例并覆盖整个容器 */
    background-position: center;
    /* 可选：将背景图片居中显示 */
    background-repeat: no-repeat;
    /* 防止背景图片重复 */
   background-image: url('https://www.nndj.gov.cn/jeecmsv9/r/cms/www/greenCity/img/zycfydd/zycfyddxqzj.png');
   color: #fff;
   border-radius: 6px;
   text-align: center;
   padding: 12px 0;
   font-size: 14px;
   border: none;
 }
 /* 网络资源区域 */
 .resource-section {
   margin-top: 15px;
 }
 .resource-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   font-size: 13px;
   color: #333;
   margin-bottom: 8px;
 }
 .resource-header .more-btn {
   color: #ff5621;
   font-size: 12px;
   text-decoration: none;
 }
 .resource-carousel {
   width: 100%;
   border-radius: 6px;
   overflow: hidden;
 }
 .resource-item {
   height: 80px;
   /* 背景色占位，模拟图片 */
   background: linear-gradient(45deg, #c8e6c9, #a5d6a7); 
   display: flex;
   align-items: center;
   justify-content: center;
   color: #fff;
   font-size: 12px;
 }
 /* 响应式适配 */
 @media (max-width: 320px) {
   .function-left,
   .function-right {
     width: 100%;
   }
   .top-nav .search-input {
     width: 90px;
   }
 }