html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden; /* 防止水平滚动 */
  margin: 0;
  padding: 0;
  position: relative;
  height: 100%;
}



.content-wrapper{
  position: absolute;
  top: 90%; 
  left: 0;
  right: 0;
  z-index: 5;
}


/* 红色背景区块（定位在轮播图上） */
.red-bg-section {
  width: 100%;
  /* 改为相对定位，让内容撑开高度 */
  position: relative;
  /* 使用背景图片替代img标签 */
  background-image: url('/images/redbg.png');
  background-size: 100% 100%; /* 让背景图完全覆盖容器 */
  background-position: top center;
  background-repeat: no-repeat;
  /* 添加内边距，确保内容不会紧贴边缘 */
  padding: 0.5rem 0;
}

/* 红色背景容器 */
.red-bg {
  width: 100%;
  /* 改为相对定位，让内容撑开高度 */
  position: relative;
  /* 添加内边距，确保内容不会紧贴边缘 */
  /* padding: 0.5rem 0; */
}

.red-bg-img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  /* 改为绝对定位，让内容可以在上方显示 */
  position: absolute;
  top: 0;
  left: 0;
  /* 确保背景图在底层 */
  z-index: 1;
  /* 让背景图高度与容器一致 */
  height: 100%;
  /* padding: 1rem 1rem; */
}

.red-main-img {
  /* 移除绝对定位，改为相对定位 */
  position: relative;
  width: 90%; /* 百分比宽度，随屏幕等比 */
  /* 居中显示 */
  margin: 0 auto;
  /* 确保内容在背景图上方 */
  z-index: 2;
  height: auto;
 
}

.homered-img {
  width: 100%;
  /* 关键修改：使用auto高度，让图片按比例缩放 */
  height: auto;
  /* 改为块级元素，确保正确计算高度 */
  display: block;
  object-fit: contain;
}
.red-img{
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}
.red-content {
 position: absolute;
  /* padding: 0 0.52rem 0 0.6rem;  */
  width: 80%;
  margin-left:1rem;
  top: 12%;
  height: 90%;           /* 设置固定高度 */
  display: flex;
  flex-direction: column;
}

.red-top {
  width: 100%;
}

.hollow-img {
 height: 0;
  /* padding-top: %; */
  padding-bottom: 7%;
  display: flex;
    align-items: center; /* 竖向居中 */
    justify-content: center;
    gap: 0.2rem; 
    box-sizing: border-box;
  
}


.left1{
 
  width: 2rem;
  height: 0.284rem;
  object-fit: contain;
  
}
.left2{
 
  width: 2rem;
  height: 0.284rem;
  object-fit: contain;
}

.hollow-img-src {
  position: absolute;  /* 新增绝对定位 */
  top: 50%;           /* 垂直居中 */
  left: 50%;          /* 水平居中 */
  transform: translate(-50%, -50%); /* 精确居中 */
  width: 80%;
  z-index: 0;         /* 确保图片在文字下方 */
  object-fit: contain; /* 保持图片比例 */
}

.hollow-text {
 font-size: 0.4rem;
color: #F3EFE3;
white-space: normal; /* 允许换行 */
  word-wrap: break-word; /* 单词断行 */
  max-width: 4.5rem; /* 设置最大宽度，可根据需要调整 */
  text-align: center; /* 文字居中 */
 line-height: 0.4rem;      /* 确保文字在图片上方 */
}

.red-bottom {
  height: 100%;           /* 占满可用高度 */
  max-height: 75%;        /* 限制最大高度 */
  overflow-y: auto;       /* 竖向滚动 */
  /* overflow-x: hidden; */
  padding-bottom: 0.2rem;
  padding-right: 0.2rem;
  box-sizing: border-box;
  margin-left: 0.1rem;
  width: 103%;
}

.red-desc {
  font-weight: 500;
  font-size: 0.33rem; /* 原12.5px≈0.33rem */
  color: #F3EFE3;
  line-height: 0.57rem; /* 原21.5px≈0.57rem */
  /* 允许文本换行 */
  white-space: normal;
 text-align: left;
}
.red-bottom::-webkit-scrollbar {
  width: 4px;
  
}
.red-bottom::-webkit-scrollbar-track {
  background: rgba(255, 235, 59, 0.2);  /* 半透明的黄色滑轨 */
  border-radius: 4px;
  margin: 2px 0;  /* 上下留边 */
}
.red-bottom::-webkit-scrollbar-thumb {
  background: #efebdb;
  border-radius: 2px;
  border: 1px solid rgba(255, 235, 59, 0.3);  /* 滑块边框 */
  transition: background 0.3s ease;
}
/* 滑块悬停效果 */
.red-bottom::-webkit-scrollbar-thumb:hover {
  background: #fdd835;  /* 悬停时颜色变深 */
}

/* 滑块激活状态 */
.red-bottom::-webkit-scrollbar-thumb:active {
  background: #fbc02d;  /* 点击时颜色更深 */
}


/* 地图与信息区块 */
.map-section {
  width: 100%; /* 750rpx = 100%屏幕宽度 */
  background: #efebdb;
  padding: 1.25rem 0 0.67rem 0; /* 47rpx=1.25rem，25rpx=0.67rem */
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
 
}

/* 地图容器 */
.map-container {
 width: 90%;
 height: auto;
  margin: 0 auto;
  position: relative;
  /* 虚线边框 */
  
  border-radius: 0.5rem;
}

/* 地图标题区域 */
.map-title {
  position: absolute;
  top: -9%;
  left: -2%;
  
}

/* 导览地图文字 */
.map-title span {
  font-weight: 500;
  font-size: 0.4rem;
  color: #873527;
  margin-left: 0.2rem;
}

/* 定位图标 */
.map-location {
  position: absolute;
  top: 1.2rem; /* 定位到文字下方 */
  left: 0;
  width: 2.4rem; /* 按设计稿比例设置宽度 */
  height: auto;
  /* 与虚线重合效果 */
  z-index: 1;
}

/* 地图图片 */
.map-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* border-radius: 0.5rem; */
 
}

.map-title1{
  display: flex;
  align-items: center;
  position: absolute;
  top: 0.3rem; /* 定位到文字下方 */
  left: -0.1rem;
  /* 与虚线重合效果 */
  z-index: 1;
}
.map1{
  width: 0.32rem;
  height: 0.32rem;
}
.map-font{
  font-family: Source Han Serif SC;
font-weight: 400;
font-size: 0.3rem;
color: #65635F;
line-height: 29rpx;
margin-left: 0.16rem;
}
/* 入口信息区块 */
.entrance-info {
  width: 9.4rem;
  
  background: #F9F6E8;
  border-radius: 0.35rem; /* 13rpx=0.35rem */
  padding: 0.4rem 0.56rem; 
  /* display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box; */
}
.FR{
    display: flex !important;
  flex-wrap: wrap !important;   
  align-items: center!important;
  justify-content: space-between!important; 
  gap: 0.2rem 0;   
}
.FR a{
     flex: 0 0 48%;                /* 每行 2 个，约 1/2 宽度 */
  text-decoration: none;
  color: inherit;
  height: -webkit-fill-available;
}

.FR .entrance-item {
display: flex;
/*align-items: center;*/
align-items: flex-start;
gap: 0.2rem;

}
.FR .entrance-row:last-child {
  margin-bottom: 0;
}

.FR .entrance-item img {
  width: 0.3rem;
height: 0.5rem;
object-fit: contain;
flex-shrink: 0; /* 禁止图片缩放 */
flex-basis: 0.3rem;
}

.FR .entrance-item span {
  font-weight: 400;
  font-size: 0.36rem;
  color: #836A44;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal;
  flex: 1 1 auto; /* 允许span自动扩展 */
  min-width: 0; /* 确保flex布局正确计算 */
  width: 3.5rem;
      line-height: 0.4rem;
    
}













.EN{
    display: flex !important;
  flex-wrap: wrap !important;   
  align-items: center!important;
  justify-content: space-between!important; 
  gap: 0.2rem 0;   
}
.EN a{
     flex: 0 0 48%;                /* 每行 2 个，约 1/2 宽度 */
  text-decoration: none;
  color: inherit;
  height: -webkit-fill-available;
}

.EN .entrance-item {
display: flex;
/*align-items: center;*/
align-items: flex-start;
gap: 0.2rem;

}
.EN .entrance-row:last-child {
  margin-bottom: 0;
}

.EN .entrance-item img {
  width: 0.3rem;
height: 0.5rem;
object-fit: contain;
flex-shrink: 0; /* 禁止图片缩放 */
flex-basis: 0.3rem;
}

.EN .entrance-item span {
  font-weight: 400;
  font-size: 0.36rem;
  color: #836A44;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal;
  flex: 1 1 auto; /* 允许span自动扩展 */
  min-width: 0; /* 确保flex布局正确计算 */
  width: 3.5rem;
      line-height: 0.4rem;
    
}



















/* 入口行 */
.entrance-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.2rem;
  margin-bottom: 0.3rem;             
  
}
.entrance-row a {
  flex: 0 0 30%;                /* 每行 2 个，约 1/2 宽度 */
  text-decoration: none;
  color: inherit;
}
/* 入口项 */
.entrance-item {
display: flex;
align-items: center;
/* align-items: flex-start; */
gap: 0.2rem;

}
.entrance-row:last-child {
  margin-bottom: 0;
}
.cy{
/* margin-right: 0.66rem; */
}
.entrance-item img {
  width: 0.3rem;
height: 0.3rem;
object-fit: contain;
flex-shrink: 0; /* 禁止图片缩放 */
flex-basis: 0.3rem;
}

.entrance-item span {
  font-weight: 400;
  font-size: 0.36rem;
  color: #836A44;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal;
  flex: 1 1 auto; /* 允许span自动扩展 */
  min-width: 0; /* 确保flex布局正确计算 */
  width: 2.5rem;
 
  
}




/* 新增信息区块 */
.info-section {
width: 100%;
height: auto; 
background: #faf3e3;
padding: 0.64rem 0 0.587rem; /* 48rpx=0.64rem 44rpx=0.587rem */
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
gap: 0.48rem;

}

/* 内容板块 */
.content-box {
width: 9.33rem; /* 保持宽度 */
/* 移除固定height:7.12rem，改为自适应 */
position: relative;
background-size: cover;
padding: 0.3rem;
box-sizing: border-box;
/* 新增：最小高度确保内容区有基础空间 */
min-height: 7.12rem; 
}

/* 标题区域 */
.box-header {
display: flex;  
align-items: center;
/* margin-left: 0.52rem; */
/* margin-bottom: 0.3rem; */
}

.box-title {
font-weight: 500;
font-size: 0.49rem; /* 37rpx */
color: #FAF3E3;
line-height: 1.0933rem; /* 41rpx */

}

.box-header img {
width: 0.4rem; /* 31rpx */
height: auto;
margin-left: 0.25rem;
}

/* 内容区域 */
.box-content {
/* 移除绝对定位相关代码：
position: absolute;
left: 50%;
transform: translateX(-50%);
*/
width: 100%; /* 改为相对于父容器100%宽 */
height: auto; /* 高度随内容自适应 */
padding: 0.63rem 0.533rem 0.497rem 0.5867rem;
background: #FAF3E3;
border-radius: 0.17rem;
box-sizing: border-box; /* 确保padding不撑大宽度 */
margin-top: 0.3rem; /* 与标题保持间距（替代原绝对定位的距离） */
}

.desc-text {
font-weight: 500;
font-size: 0.36rem; /* 27rpx */
color: #5D5D5D;
line-height: 0.54rem; /* 43rpx */
display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Source Han Sans SC;
}

.detail-link {

display: flex;
align-items: center;
justify-content: flex-end;
gap: 0.2133rem; /* 8rpx */
font-weight: 500;
font-size: 0.36rem; /* 27rpx */
color: #182D41;
margin-top: 0.33rem;
}

.detail-link img {
width: 0.18rem; /* 12rpx */
height: 0.26rem; /* 20rpx */
}

.map-image{
position: relative;
}
.xx{
width: 3.6rem;
height: 1.6rem;

;
}
.imga-1 {
    position: absolute;
    top: 4%;
    left: 48%;
}
.imga-2 {
    position: absolute;
    top: 16%;
    left: -1%;
}
.imga-3 {
    position: absolute;
    top: 30%;
    left: 47%;
}
.imga-4 {
    position: absolute;
    top: 53%;
    left: 48%;
}

.imga-6 {
    position: absolute;
    bottom: 4%;
    right: 3%;
}

a {
text-decoration: none;
}

/* 去除点击后的颜色变化 */
a:link, a:visited {
color: inherit;
}

/* 去除点击时的虚线框（部分浏览器） */
a:focus {
outline: none;
}

/* 去除移动端点击高亮 */
a {
-webkit-tap-highlight-color: transparent;
}