* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  body {
    overflow-x: hidden;
    font-family: sans-serif;
    /* 禁止文字缩放（避免系统字体大小影响等比） */
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
  }
  
  /* 轮播容器（基于屏幕宽度等比） */
  .carousel-container {
    position: relative;
    width: 100%;
    height: 5.7rem; /* 原213px → 213/37.5≈5.7rem（375px屏幕基准） */
    
  }
   .audio-wrappre{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.2rem;
  }
  .listen-img{
    width: 0.4rem;
    height: 0.4rem;
  }
  .listen-text{
    font-size: 0.35rem;
    margin-left: 0.2rem;
  }
  /* 顶部Header */
  .header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    padding: 0.23rem 0.2rem 0.25rem 0.25rem; /* 原8.5px=0.23rem，9.5px=0.25rem */
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
  }
  
  /* Logo样式 */
  .logo {
    width: 3rem; /* 原112.5px=3rem（112.5/37.5=3） */
    height: 1.17rem; /* 原44px≈1.17rem（44/37.5≈1.17） */
  }
  
  .logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  
  /* Header右侧区域 */
  .header-right {
    display: flex;
    align-items: center;
    gap: 0.48rem; /* 原18px=0.48rem（18/37.5=0.48） */
  }
  .lang-selector {
    position: relative;
    z-index: 100; /* 新增层级控制 */
  }
  
  .header-icon {
  display: flex;
  align-items: center;
  height: 100%; /* 继承父容器高度 */
  
  }
  
  .header-icon img {
  display: block; /* 消除图片底部间隙 */
  height: 1.2rem; /* 建议使用rem单位统一尺寸 */
  }
  
  
  .lang-btn {
    width: 1.42rem; /* 原53.5px≈1.42rem（53.5/37.5≈1.42） */
    height: 0.57rem; /* 原21.5px≈0.57rem（21.5/37.5≈0.57） */
    background-color: #EFEBDB;
    border-radius: 0.29rem; /* 原11px≈0.29rem（11/37.5≈0.29） */
    display: flex;
    align-items: center;
  
    text-align: center;
    cursor: pointer;
    line-height:0.57rem;
   
  }
  
  .lang-text {
    font-size: 0.32rem; /* 原12px=0.32rem（12/37.5=0.32） */
    color: #333;
  }
  
  .down-icon {
    width: 0.11rem; /* 原4px≈0.11rem（4/37.5≈0.11） */
    height: 0.08rem; /* 原3px≈0.08rem（3/37.5=0.08） */
    object-fit: contain;
    margin-left: 0.2rem;
  }
  
  /* 语言下拉菜单 */
  .lang-menu {
    position: absolute;
    top: 86%;
    left: -14%;
    margin-top: 0.11rem; /* 原4px≈0.11rem */
    width: 1.87rem; /* 原70px≈1.87rem（70/37.5≈1.87） */
    background-color: white;
    border-radius: 0.16rem; /* 原6px≈0.16rem */
    box-shadow: 0 0.05rem 0.21rem rgba(0,0,0,0.1);
    display: none;
    z-index: 20;
  }
  
  .lang-item {
     margin-bottom: 0.3rem !important;
    font-size: 0.35rem; /* 原13px≈0.35rem */
    color: #333;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .lang-item:hover {
    background-color: #f5f5f5;
  }
  
  /* 右侧功能图标 */
  .header-icon {
    margin-right: 0.4rem; /* 原15px=0.4rem（15/37.5=0.4） */
  }
  
  .header-icon img {
    width: 0.53rem; /* 原20px=0.53rem（20/37.5≈0.53） */
    height: 0.4rem; /* 原15px=0.4rem */
    object-fit: contain;
  }
  
  /* 轮播图样式 */
  .carousel {
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  
  .carousel-track {
    display: flex;
    transition: transform 0.5s ease;
  }
  
  .carousel-item {
    min-width: 100%;
  }
  
  .carousel-item img {
    width: 100%;
    height: 5.7rem; /* 与轮播容器高度一致（等比） */
    object-fit: cover;
  }
  
  /* 轮播指示器 */
  .carousel-indicators {
    position: absolute;
    bottom: 35%;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    gap: 0.13rem; /* 原5px≈0.13rem */
    z-index: 100;
  }
  
  .indicator {
    width: 0.29rem; /* 原11px≈0.29rem */
    height: 0.29rem; /* 原11px≈0.29rem */
    cursor: pointer;
  }
  
  .indicator img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }








  
  .footer{
    width: 100%;
    height: 1.44rem;
    background: #F2ece1;
    padding: 0.39rem 1.93rem 0.275 0.8rem;
  
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  /* justify-content: space-between; */
  box-sizing: border-box;
  }
  
  .footer-content{
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    font-size: 0.3rem;
    gap: 0.3rem;
    margin-top: 0.39rem;
    margin-left: 0.8rem;
  }
  .footer-copyright{
    font-size: 0.3rem;
    margin-left: 0.8rem;
  }
  
  
  
  
  .title-wrapper {
    display: flex;
    align-items: center; /* 竖向居中 */
    gap: 0.142rem; /* 标题与文字间距10.67rpx=10.67/75≈0.142rem */
    margin-bottom: 0.72rem; 
    
  }
  
  .title-icon {
    width: 0.4rem; /* 30rpx=30/75=0.4rem */
    height: 0.284rem; /* 21.3rpx=21.3/75≈0.284rem */
    object-fit: contain;
  }
  
  .title-text {
    font-size: 0.49rem; /* 建议文字大小，可自行调整 */
    color: #873527;
    position: relative; /* 新增定位 */
    top:-0.03rem;
    font-weight: 500;
    max-width: 6.5rem;
  }
  
  
  
  
  
  /* 侧边 */
  
  /* 侧边栏遮罩层 */
  .sidebar-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9998;
    display: none; /* 默认隐藏 */
  }
  
  /* 侧边栏主体（基于750rpx设计稿：492rpx = 6.56rem） */
  .sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 6.56rem; /* 492rpx ÷ 75rpx/rem */
    height: 100vh; /* 1589rpx自适应高度 */
    background-color: #FAF3E3;
    border-radius: 0 0.44rem 0.44rem 0; /* 33rpx ÷ 75rpx/rem */
    z-index: 9999;
    transform: translateX(100%); /* 默认移出屏幕 */
    transition: transform 0.3s ease;
    overflow-y: auto;
    scrollbar-width: none; /* 标准属性（Firefox支持） */
  -ms-overflow-style: none; /* IE和Edge */
  }
  .sidebar::-webkit-scrollbar {
    display: none; /* 隐藏滚动条轨道和滑块 */
  }
  /* 侧边栏显示状态 */
  .sidebar.show {
    transform: translateX(0);
  }
  .sidebar-overlay.show {
    display: block;
  }
  
  /* 顶部区域：Logo + 关闭按钮 */
  .sidebar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.43rem 0.53rem 1.12rem 0.45rem; /* 32rpx 40rpx 84rpx 34rpx转换 */
    border-bottom: 1px solid #eee;
  }
  
  .sidebar-logo {
    width: 2.85rem; /* 214rpx ÷ 75rpx/rem */
    height: 1.01rem; /* 76rpx ÷ 75rpx/rem */
    object-fit: contain;
  }
  
  .sidebar-close {
    width: 0.43rem; /* 32rpx ÷ 75rpx/rem */
    height: 0.43rem; /* 32rpx ÷ 75rpx/rem */
    object-fit: contain;
    cursor: pointer;
  }
  
  /* 中间导航区域 */
  .sidebar-nav {
   
  }
  
  /* 父导航项 */
  .nav-parent {
    margin-bottom: 0.3rem;
  }
  
  .nav-parent-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.67rem;
    
    height: 1.15rem;
    cursor: pointer;
    position: relative;
  }
  .nav-parent-header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 10%;
    width: 80%; /* 控制边框长度为80% */
    height: 1px;
    background: #ddd; /* 浅灰色边框 */
  }
  .nav-parent:last-child .nav-parent-header::after {
    display: none;
}
  .nav-title {
    font-size: 0.4rem;
    color: #836A44;
    font-weight: 500;
  }
  
  .nav-arrow {
    width: 0.32rem;
    height: 0.32rem;
    object-fit: contain;
    transition: transform 0.3s ease;
  }
  
  /* 箭头旋转（子导航展开时） */
  .nav-parent-header.active .nav-arrow {
    transform: rotate(90deg);
  }
  
  /* 子导航区域 */
  .nav-children {
    display: none; /* 默认隐藏 */
    background-color: #ede6d7;
    margin: 0 0.27rem; /* 左右留边距 */
    overflow: hidden;
    
  }
  
  /* 子导航显示状态 */
  .nav-parent-header.active + .nav-children {
    display: block;
    
  }
  
  /* 子导航项 */
  .nav-child {
    display: flex;
    align-items: center;
    height: 1.15rem; /* 86rpx ÷ 75rpx/rem */
    padding-left: 0.51rem; /* 38rpx ÷ 75rpx/rem */
    border-bottom: 0.01rem solid white;
  }
  .nav-child:last-child {
    border-bottom: none;
  }
  
  .child-dot {
    width: 0.09rem;
    height: 0.09rem;
    object-fit: contain;
  }
  
  .child-text {
    font-size: 0.3rem;
    color: #836A44;;
    margin-left: 0.31rem; /* 23rpx ÷ 75rpx/rem */
  }
  
  /* 底部语言区域 */
  .sidebar-language {
    padding: 1.4rem 0 1rem 0.72rem; /* 122rpx = 1.63rem；54rpx = 0.72rem */
  }
  .sidebar-language a{
    margin-bottom: 0.73rem; /* 55rpx ÷ 75rpx/rem */
  }
  .lang-title {
    display: block;
    font-size: 0.4rem;
    color: #333;
    margin-bottom: 0.48rem; /* 36rpx ÷ 75rpx/rem */
  }
  
  .lang-item1 {
    display: flex;
    align-items: center;
    margin-bottom: 0.73rem; /* 55rpx ÷ 75rpx/rem */
  }
  .lang-item1:last-child {
    margin-bottom: 0.73rem;
  }
  
  .lang-img {
    width: 0.4rem;
    height: 0.4rem;
    object-fit: contain;
    border: none;
  outline: none;
  }
  .lang-item1 a {
    text-decoration: none;
    color: inherit;
    display: inline-block;
  }
  .lang-text {
    font-size: 0.37rem;
    color: #836A44;;
    margin-left: 0.36rem; /* 27rpx ÷ 75rpx/rem */
  }
  
  
  
  a {
text-decoration: none;
}

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

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

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




.detailcont{
  width: 100%;
  height: auto;
  background-image: url("/images/pg1.png");
  background-size: 100% 100%; 
  background-position: center;
  padding: 0.48rem 0 0.817rem 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.detailimg{
  width: 8rem;
  height: 1.52rem;
  margin-bottom: 0.63rem;
  position: relative;
}
.detailimg:last-child{
  margin-bottom: 0;
}
.detailimg img{
  width: 100%;
  height: 100%;
}
.detailimg .text-overlay {
    position: absolute;
    top: 48%;
    left: 43%;
    width: 50%;
    transform: translate(-50%, -50%);
    text-align: left;
    font-weight: 400;
    font-size: 0.39rem;
    color: #873527;
    line-height: 0.5rem;
    white-space: pre-wrap;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-align: left;
}
  .content-section p {
    font-weight: 400;
    font-size: 0.37rem;
    color: #505050;
    line-height: 0.61rem;
    text-align: left;
    
  }
.img-tit{
    text-align: center !important;
}