﻿.site-main .site-name{font-weight: normal}.site-main .site-list .list p.name{font-weight: normal}		
		/* 初始隐藏footer，避免底飘状态 */
		footer {
			display: none;
			box-shadow: 0 -2px 10px rgba(0,0,0,0.1); /* 添加向上阴影 */
		}
.ac-image-container {
    margin-top: 10px;    /* 上方距离 - 可单独调整 */
    margin-bottom: 10px; /* 下方距离 - 可单独调整 */
    text-align: center;
    /*padding: 0 10px;     /* 左右内边距 */
}

.ac-image {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    /*border-radius: 5px;*/
    /*box-shadow: 0 2px 4px rgba(0,0,0,0.1);*/
}

/* 默认显示桌面端图片，隐藏手机端图片 */
.desktop-image {
    display: block;
}

.mobile-image {
    display: none;
}

/* 手机端调整 */
@media (max-width: 768px) {
    .ac-image-container {
        margin-top: 48px;    /* 手机端上方距离 */
        margin-bottom: 10px; /* 手机端下方距离 */
        /*padding: 0 5px;*/
    }
    
    /* 手机端显示手机图片，隐藏桌面图片 */
    .desktop-image {
        display: none;
    }
    
    .mobile-image {
        display: block;
    }
}
/* 默认设置：一行显示两个图片（电脑端） */
    .image-gallery {
        display: flex;
        flex-wrap: wrap;
        gap: 2px;
        /*padding: 0 1px;*/
        box-sizing: border-box;
        border-radius: 5px;
        overflow: hidden;
    }

    .image-gallery a {
        width: calc(50% - 1px);
        display: block;
        border-radius: 5px;
        overflow: hidden;
    }

    .image-gallery .gallery-img {
        width:100%;
        aspect-ratio:203 / 25;
        /* 固定宽高比例 203:25 */ 
        object-fit:cover;
        /* 保持比例裁剪，不会拉伸 */ 
        display:block;
        border-radius:5px;
    }

    /* 手机端设置：每个图片单独一行 */
    @media (max-width: 768px) {
        .image-gallery {
            display: block;
            padding: 0 1px;
            margin-top: 3px;
        }
        .image-gallery a {
            width: 100%;
            margin-bottom: 3px;
        }
        .image-gallery .gallery-img {
            aspect-ratio: 203 / 25; /* 依然保持比例 */
            object-fit: cover;
            border-radius: 7px;
        }
    }
.sekuai-block{
          flex:1; height:100%;
          display:flex; justify-content:center; align-items:center;
          border:1px solid #000; background:none; color:#000;
          text-decoration:none; text-align:center; border-radius:5px; font-size:14px;
        }
        .sekuai-container{
          width:100%; max-width:1625px; 
          height:40px;  /* 移除固定高度 */
          display:flex; justify-content:center; align-items:center;
          gap:2px; margin:5px auto; padding:6px 8px; margin-bottom:5px;
          background: #fff; /* 添加白色背景 */
          border-radius: 8px; /* 添加圆角 */
          /*box-shadow: 0 2px 8px rgba(0,0,0,0.1); /* 添加白色容器阴影 */
        }
        @media (max-width:768px){
          .sekuai-container{
            /*width:calc(100vw - 6px);*/ max-width:none; margin:5px auto;
            padding:6px 4px; gap:2px; flex-wrap:wrap; height:auto; position:relative; left:50%; transform:translateX(-50%);
            background: #fff; /* 手机端也保持白色背景 */
            border-radius: 8px; /* 手机端圆角 */
            /*box-shadow: 0 2px 8px rgba(0,0,0,0.1); /* 手机端阴影 */
          }
          .sekuai-block{ flex:0 0 calc(50% - 2px); height:30px; font-size:13px; }
        }
.icon-ad-container {
  display: flex;
  flex-wrap: wrap;
  row-gap: 1px; /* 设置上下间距 */
  column-gap: 10px; /* 设置左右间距 */
  margin: 3px auto 3px; /* 上方间距3px，左右居中 */
  max-width: 1625px; /* 控制容器最大宽度，可以根据需求调整 */
  justify-content: center; /* 子元素居中对齐 */
}

.icon-ad-box {
  display: flex;
  flex-direction: column; /* 垂直排列图标和文字 */
  align-items: center;
  justify-content: center;
  width: calc(10% - 9px); /* 电脑端每行10个图标，减去间距 */
  aspect-ratio: 1 / 1; /* 保持正方形 */
  border-radius: 0px; /* 圆角 */
  text-align: center;
  text-decoration: none; /* 移除链接下划线 */
}

.icon-ad-box:hover {
  opacity: 0.8; /* 鼠标悬停效果：稍微透明 */
}

.icon-ad-box img {
  width: 70%; /* 默认宽度为80%（电脑端） */ 
@media (max-width: 768px) { width: 80%; } /* 移动端宽度为100% */
  height: auto; /* 自动调整高度保持比例 */
  margin-bottom: 3px; /* 图标和文字之间的间距 */
  border-radius: 15%; /* 圆角为图片尺寸的10% */
  transform: scale(1); /* 缩小25% */
}

.icon-ad-text {
  color: #f70202; /* 文字颜色 */
  font-size: 11px; /* 默认字体大小，适用于手机端 */
}

@media (min-width: 768px) { /* 设置屏幕宽度为768px或更大时的样式 */
  .icon-ad-text {
    font-size: 12px; /* 电脑端字体大小 */
  }
}


@media (max-width: 768px) {
  .icon-ad-box {
    width: calc(20% - 8px); /* 手机端每行5个图标 */
  }
}
.icon-ad-container {
  display: flex;
  flex-wrap: wrap;
  row-gap: 1px; /* 设置上下间距 */
  column-gap: 10px; /* 设置左右间距 */
  margin: 3px auto 3px; /* 上方间距3px，左右居中 */
  max-width: 1625px; /* 控制容器最大宽度，可以根据需求调整 */
  justify-content: center; /* 子元素居中对齐 */
}

.icon-ad-box {
  display: flex;
  flex-direction: column; /* 垂直排列图标和文字 */
  align-items: center;
  justify-content: center;
  width: calc(10% - 9px); /* 电脑端每行10个图标，减去间距 */
  aspect-ratio: 1 / 1; /* 保持正方形 */
  border-radius: 0px; /* 圆角 */
  text-align: center;
  text-decoration: none; /* 移除链接下划线 */
}

.icon-ad-box:hover {
  opacity: 0.8; /* 鼠标悬停效果：稍微透明 */
}

.icon-ad-box img {
  width: 70%; /* 默认宽度为80%（电脑端） */ 
@media (max-width: 768px) { width: 80%; } /* 移动端宽度为100% */
  height: auto; /* 自动调整高度保持比例 */
  margin-bottom: 3px; /* 图标和文字之间的间距 */
  border-radius: 15%; /* 圆角为图片尺寸的10% */
  transform: scale(1); /* 缩小25% */
}

.icon-ad-text {
  color: #f70202; /* 文字颜色 */
  font-size: 11px; /* 默认字体大小，适用于手机端 */
}

@media (min-width: 768px) { /* 设置屏幕宽度为768px或更大时的样式 */
  .icon-ad-text {
    font-size: 12px; /* 电脑端字体大小 */
  }
}


@media (max-width: 768px) {
  .icon-ad-box {
    width: calc(20% - 8px); /* 手机端每行5个图标 */
  }
}