* {border:0;padding:0;margin:0}
html, body {height:100%;font:14px/1.4 Microsoft YaHei,Helvetica,sans-serif;color:#222;overflow-x: hidden;}
body {min-height: 100%; height: auto;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
ol, ul, li {list-style: none}
img {max-width: 100%; height: auto; border: 0; vertical-align:middle;}
table {empty-cells: show; border-collapse: collapse; }
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0}
a {color: inherit; text-decoration: none;}
a:hover {text-decoration: none;}

.clearfix:after {content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden}
.clearfix {*zoom:1}
.clear {clear:both;height:0;line-height:0;font-size:0;visibility:hidden;overflow:hidden}

.container{max-width: 48rem;
  width: 100%; /* 显式声明宽度 */
  margin: 0 auto;

  background:rgb(248, 248, 248);
  overflow-x: hidden; /* 双重保险 */}
.container * {
  max-width: 100%; /* 防止图片/表格等溢出 */
  box-sizing: border-box; /* 包含 padding 和 border */
}

.btzt {
  font-weight: bold;   /*加粗*/
  text-align: center;   /*居中*/
  font-size: 15px;
  color: #3F51B5;
}

.wr{color:#f00 !important}
.wg{color:#080 !important}
.wb{color:#00f !important}
.wp{color:#f0f !important}
.wy{color:#ff0 !important}
.wo{color:#f60 !important}
.wpe{color:#80d !important}
.wsr{color:#f06 !important}
.wsb{color:#06f !important}
.ww{color:#fff !important}
.wbl{color:#000 !important}
.byy{font-size: 28pt;}
.byyy{font-size: 22pt;}
@media screen and (max-width: 505px){
  .riqi{
    font-size: 11pt;
  }
  }
.p-all{padding:1 .3rem .3rem .3rem;}

.nav .banner{border-radius:15px;overflow:hidden;background:rgb(255, 255, 255)}

.kj .ifm{background:#fbfafb;}
.kjt li{display:inline-block;width:100%;text-align:center;background:hsl(0, 0%, 99%);}
.kjt li.liactive{ background-color:rgb(255, 255, 255);}
.kjt li a{width: 100%;background:transparent;display:inline-block;font-size:1.5rem;font-weight:bold;color:rgb(0, 82, 50);line-height:1.6;}
/****** content ******/



.kjt2 li{display:inline-block;width:100%;text-align:center;background:hsl(0, 0%, 99%);}
.kjt2 li.liactive{ background-color:rgb(255, 255, 255);}
.kjt2 li a{width: 100%;background:transparent;display:inline-block;font-size:1.5rem;font-weight:bold;color:rgb(177, 12, 0);line-height:1.6;}
/****** content ******/


.lxlm{}
.br-12{border-radius:3px;overflow:hidden}
.lxlm-head{padding-left: 1rem;padding-right: 1rem}
.lxlm-tit{font-size:1.4rem;color:#fff;padding-top:.5rem;font-semibold:600;font-weight: bold;}
.bg{background: linear-gradient(to right, #5e60ce, #80ffdb);}
/* background-image: linear-gradient(to right, , rgb(37, 176, 117)); */
.lxlm-qs{
  display:flex;align-items:center;width: 100%;overflow-x:auto;padding-bottom:.5rem;margin-bottom:0;margin-top:.5rem;
}
.lxlm-qs li{display:flex;margin-right:.5rem;}
.lxlm-qs li button{text-align:center;font-weight:bold;justify-content:center;align-items: center;width:5rem;padding:.35rem .5rem;border-radius:45px;font-size:.935rem;letter-spacing:1px}
.hover-yes{background:#ffffff;color:#13489a;}
.hover-no{background:rgb(18, 119, 3);color:#fff}
.dis {
    display: normal;
}
.undis {
    display: none;
}

.mtbl{width:100%;border-collapse:separate;--tw-border-spacing-x: 0px;--tw-border-spacing-y: 0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);text-align:center;--tw-text-opacity: 1;color:rgb(229 35 5 / var(--tw-text-opacity));word-break:break-word}
.mtbl tr:last-child td:first-child{border-bottom-left-radius:6px}
.mtbl tr:last-child td:last-child{border-bottom-right-radius:6px}
.mtbl td{padding:.375rem .25rem;line-height:22px;border-right:solid 1px #cece71;border-bottom:solid 1px #cece71}
.mtbl td:first-child{width:65px;text-align:center}
@media (min-width: 375px){.mtbl td:first-child{width:82px}}
@media (min-width: 425px){.mtbl td:first-child{width:90px}}
.mtbl td:first-child{border-left:solid 1px #cece71}
.mtbl td:last-child{width:55px;text-align:center}
@media (min-width: 375px){.mtbl td:last-child{width:55px}}
@media (min-width: 425px){.mtbl td:last-child{width:80px}}
.mtbl td:nth-child(2){--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));font-size:.75rem;line-height:1rem;font-weight:500}
@media (min-width: 375px){.mtbl td:nth-child(2){font-size:1rem;line-height:1.5rem}}
b23-tbl.m td:nth-child(2){word-spacing:4px}
@media (max-width: 360px){.mtbl td:nth-child(2) p[style],.mtbl td:nth-child(2) div[style],.mtbl td:nth-child(2) span[style]{font-size:12px!important}}
.mtbl td:last-child,.mtbl td:first-child{--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity));font-size:10px;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}
@media (min-width: 375px){.mtbl td:last-child,.mtbl td:first-child{font-size:.875rem;line-height:1.25rem}}
@media (min-width: 425px){.mtbl td:last-child,.mtbl td:first-child{font-size:1rem;line-height:1.5rem}}
.mtbl td:last-child{font-weight:500}
@media (min-width: 375px){.mtbl td:last-child{font-size:.75rem;line-height:1rem}}
.mtbl td.td1{font-size:1.1rem}
.mtbl td.td2{font-size:1.4rem;font-weight:bold}
.mtbl td.td2 span{color:#0ff}
.mtbl td.td2 b{color:#f00;background:#ffffff}
.mtbl td.td3{font-size:1.1rem;}


#logo{        width: 100%;
        max-width: 48rem; /* 768px */
        margin: 0 auto;
        position: fixed;
        top: 0px;
        left: 0;
        right: 0;
        z-index: 99;
        /*background:rgb(240, 240, 237); /* logo 容器的背景色 */
        background: linear-gradient(to bottom,#f9c721,#f3d966, #fef67f, #fde67b, #fde67b); /* logo 容器的背景色 */
        box-sizing: border-box;
        padding: 1px 0; /* <<--- 就是这一行！ */}
#logo a{display: inline-block;}
#logo a img{
      width: 245px;
    margin-top: 0;    /* 设置上边距为0 */
    margin-bottom: 0; /* 设置下边距为0 */
    margin-left: 2px; /* 设置左边距为5px */
    /* margin-right 默认为0，或者您可以显式设置为 margin-right: 0; */
    /* 建议：为了避免 inline-block 元素（如 <a> 内的 <img>）可能产生的底部额外空白，
       可以给图片设置 display: block; 或者 vertical-align: middle; (如果希望其行为更像行内元素) */
    display: block; /* 这有助于消除潜在的空白问题 */
}
.nav2 { width: 100%; max-width: 800px; padding: 1px; box-sizing: border-box; text-align: center; background: #fff;}
.nav2 ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around;}
.nav2 ul li { width: 25%; box-sizing: border-box; padding: 4px;}
.nav2 ul li a { display: block;height: 32px; line-height: 32px; text-align: center; color: #ffffff; border-radius: 32px;background: #09663f;background-image: linear-gradient(to bottom, #09663f, #1d9b3f);}
.nav2 ul li a:hover { background: #da183b;}
#nav2[data-fixed="fixed"]{max-width:48rem;background:#edeff0;position: fixed; top:42px; left: 0; right: 0; margin: auto; z-index: 10;box-sizing: border-box;}


.justify-start {justify-content: flex-start}
.justify-end {justify-content: flex-end}
.justify-center {justify-content: center}

.pb-head{padding-left:1rem;padding-right:1rem}
.pb-tit{font-size:1.4rem;color:#fff;padding-top:.5rem;font-semibold:600;margin-bottom:.5rem;font-weight: bold;}
.pb-note{display:flex;align-items:center;width: 100%;overflow-x:auto;padding-bottom:.5rem;margin-bottom:0}
.pb-note button{border-radius:4px;padding:.15rem .35rem;}
.pb-note .button1{color:#3d58ac;margin-right:.5rem}
.pb-note .button2{color:#eb2139;}
.pb-content{background:#fff;padding:.5rem 1rem;font-size:1.3rem}
.pb-content li{padding:.3rem 0;border-bottom:1px solid #ddd;}
.pb-content li:last-child{border-bottom:0}
.pb-content li span{display:flex;float:right;}

.tzlb-content{font-size:1.3rem;text-align:center;background:#fff;}
.tzlb-content li{border-bottom:1px solid #aaa;background:#fff;margin:5px 0;border-radius:5px;border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;}
.tzlb-content li:last-child{border-bottom:1px solid #aaa;}
.tzlb-content li span{font-size:1.1rem}
.tzlb-content li font{color:#f00;font-size:.9rem;border:.1rem solid #f00;border-radius:.3rem;margin-left:.2rem;padding:.1rem;vertical-align:middle}


.yjjt-content{font-size:1.3rem}
.yjjt-content li b{color:#00f}
.yjjt-content li font{color:#f00}
.yjjt-content li .juzi{color:#090;font-weight:bold;font-size:1.4rem}
.yjjt-content li .jiexi{color:#06f}


.jxes-content{font-size:1.3rem}
.jxes-content li b{color:#00f}
.jxes-content li font{color:#f00}


.ptyx-content{font-size:1.3rem}
.ptyx-content li b{color:#f06}
.ptyx-content li font{color:#f00}


.yqjx-content{font-size:1.3rem;font-weight: bold; font-size: 14pt;}
.yqjx-content li b{color:#30f}
.yqjx-content li font{color:#f00}


.zbtk-content{font-size:1.2rem}
.zbtk-content li b{color:#30f}
.zbtk-content li font{color:#f00}

#tbtk{font-size: 10pt; color: #000000; margin: 0px; padding: 0px; border-collapse:collapse;background:#fff}
#tbtk td{margin: 0px; padding: 3px 2px; border: 1px solid rgb(229, 229, 229); word-break: break-all; text-align: center; font-size: 1.2rem; line-height: 30px; color: rgb(51, 51, 51);}

.jszq-content{font-size:1.3rem}
.jszq-content li b{color:#f06}
.jszq-content li font{color:#f00}

.jszq-content .tbsx td{background:#fff;color:#111;text-align:center;font-size:.8rem;line-height:1.8rem;}
.jszq-content .tbsx td.tdtit{text-align:center;color:#fff;font-size:1.2rem;line-height:1.8rem;background:#00f;font-weight:bold}
.jszq-content .tbsx td span{background:#ff0;color:#f00}
.jszq-content .tbsx td font{color:#f00}
	
.jszq-content .tb th{border:1px solid #e5e5e5;background:#f60;color:#fff;text-align:center;height: 2rem;line-height: 2rem;font-size:.8rem;}
.jszq-content .tb td{border:1px solid #e5e5e5;height: 1.8rem;line-height: 1.8rem;font-size:1.2rem;word-break:break-all}
.jszq-content .tb td.tdtit{border-top:0}


.zhzl-content{font-size:1.2rem}
.zhzl-content li b{color:#30f}
.zhzl-content li font{color:#f00}


.sxsx-content{font-size:1.3rem;background:#fff}
.sxsx-content li b{color:#30f}
.sxsx-content li font{color:#f00}
.sx table {border-collapse: collapse;border-spacing: 0;}
.sx table tr {display: table-row;vertical-align: inherit;border-color: inherit;}
.sx table td {border: 1px solid #e5e5e5;padding: 3px 2px;word-break: break-all;}
.sx ul, .sx li, .sx dl, .sx dt, .sx dd{margin:0;padding:0}
.sx ul {display: block;list-style-type: disc;}
.sx ul li img {vertical-align: middle;border: 0;width:40px;height:40px;}
.sx1 li{float: left;width: 33.333333%;padding: 5px 0;text-align: center;}
.sx span{height: 18px;line-height: 18px;margin: 0 2px;padding: 0 3px;font-size: 12px;color: #fff;display: inline-block;background-color: #f00;}
.sx span.blue{background-color: #3366ff;}
.sx span.green{background-color: #009933;}
@media (min-width: 320px) and (max-width:359px){.sx1 li{width: 50%}}
@media (min-width: 360px) and (max-width: 374px){.sx1 li{width: 50%}}
@media (min-width: 375px) and (max-width: 392px){.sx ul li .tm01 span{margin:0 1px;padding:0 2px}}
@media (min-width: 393px) and (max-width: 413px){.sx ul li .tm01 span{margin:0 1px;padding:0 2px}}
@media (min-width: 414px) and (max-width: 767px){}
@media (min-width:768px){.sx1 li{width: 25%}}


.footer{background:#fff;margin: 0 .75rem;
  border-radius: 12px 12px 0 0;
  padding: .5rem 1rem;
  text-align: center;
}


/* 基础表格样式 */
.kj01 {
  width: 100%;
  border-collapse: collapse;
  border-radius: 2px;
  overflow: hidden;
  text-align: center;
  background: #fff;
  border: 1px solid #fff;
  font-weight: bold; /* 移到这里，减少 td/th 重复定义 */
}
/* 行高 */
.kj01 tr {
  height: 33px; /* 统一使用 33px，因为所有 tr/th/td 都设置了这个高度 */
}
/* 单元格边框和字体大小 */
.kj01 td,
.kj01 th {
  border: 1px solid #d1d4ec;
  font-size: 15pt;
  /* font-weight: bold; 已经移到 .kj01 */
}
/* 特定颜色类 */
.color-blue {
  color: #0000FF;
}
.color-purple {
  color: #006e2e;
}
.color-red {
  color: #FF0000;
}
.color-black {
  color: #000000;
}
/* 其他可能需要的类 */
.kj01 .zl {
  font-size: 15pt; /* 如果 .zl 类仍然使用，保留 */
}
/* 针对第一个 th 的宽度 */
.kj01 th:first-child {
  width: 20%;
}
/* 针对最后一个 th 的宽度 */
.kj01 th:last-child {
  width: 20%;
}

/*      内幕资料免费领取       */
/* style.css */
.body1 {
  margin: 0;
  padding: 0;
  background-color: #f5f5f5;
  font-family: Arial, sans-serif;
  text-align: center;
}

.border-wrapper {
  padding: 1px;
  background-color: #f5f5f5;
  display: flex;
  justify-content: center;
}

.border-inner {
  border: 3px solid #00ff00;
  padding: 1px;
  background-color: #000;
  width: 100%;
  max-width: 710px;
  box-sizing: border-box;
}

.main-box {
  color: #ff8f00;
  padding: 1px;
  text-align: center;
font-weight: bold;
}

.main-box h2 {
  color: #ff0;
  font-size: 1.2rem;
  margin-bottom: 1px;
}

.term {
  color: #0ff;
    box-sizing: border-box;
}

.number {
  color: #0f0;
}

.red {
  color: #f00;
}

.blue {
  color: #00ff00;
}

.yellow {
  color: #ff0;
}

.pink {
  color: #ff00ff;
}

.click-link {
  background-color: #ff00ff;
  color: #fff;
  display: inline-block;
  padding: 8px 16px;
  border-radius: 6px;
  margin-top: 10px;
  font-weight: bold;
  font-size: 14px;
}

/* 响应式调整 */
@media (max-width: 480px) {
  .main-box h2 {
    font-size: 1rem;
  }

  .click-link {
    font-size: 13px;
    padding: 6px 12px;
  }
}


/*    引粉  精准内幕一码  */

 /* 1. 关键帧动画定义 */
 @keyframes flash {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}
        /* 2. 页面整体背景渐变和居中 */

      .containeryflj3 {
        width: calc(100% - 6px); /* 100% 减去左右各3px的间隙，所以是6px */
        max-width: 720px; /* 仍然保持最大宽度限制 */
        margin-left: auto;   /* 居中 */
        margin-right: auto;  /* 居中 */
        margin-bottom: 3px;
          background-color: #ffffff; /* 内容区域白色背景 */
          border-radius: 10px; /* 更大的圆角 */
          box-shadow: 0 8px 20px rgba(0,0,0,0.15); /* 更明显的阴影，增加立体感 */
          overflow: hidden; /* 确保内容在容器内，特别是圆角效果 */
          transform: translateZ(0); /* 硬件加速 */
      }
      /* 红框部分：插入图片并自适应框架的样式 */
      .header-image {
          width: 100%; /* 图片宽度自适应父容器 */
          height: auto; /* 高度自动调整，保持图片比例 */
          display: block; /* 移除图片下方可能存在的空白间隙 */
          border-bottom: 4px solid #ff6600; /* 更粗的底部橙色边框 */
          margin-bottom: 8px; /* 增加与下一个框架间距 */
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 图片下方阴影 */
      }
      /* 绿框部分：白色底色及绿色边框的样式 */
      .content-list {
          list-style: none;
          padding: 0;
          margin: 0;
          background-color: #ffffff; /* 确保整个列表区域是白色背景 */
          border: 2px solid #f35c05; /* 更粗的绿色边框 */
          border-width: 0 2px; /* 只有左右边框 */
          padding-right: 2px;
          padding-left: 2px;
      }
      .list-item {
          padding: 12px 15px; /* 增加内边距 */
          border-bottom: 1px solid #e0e0e0; /* 浅灰色分隔线 */
          line-height: 1.6; /* 更好的行高 */
          text-align: center; /* 所有列表项内容居中 */
          font-size: 0.98em; /* 稍微大一点的字体 */
          background-color: #ffffff; /* 确保每个列表项是白色背景 */
          cursor: pointer; /* 指示可点击 */
          transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; /* 平滑过渡效果 */
          position: relative; /* 用于可能的伪元素或定位 */
          z-index: 1; /* 确保悬停时在上方 */
      }
      /* 悬停效果 */
      .list-item:hover {
          transform: translateY(-3px) scale(1.02); /* 稍微上移和放大 */
          box-shadow: 0 6px 15px rgba(0,0,0,0.1); /* 更明显的悬停阴影 */
          background-color: #f8f8f8; /* 悬停时背景色变浅 */
      }
      .list-item:last-child {
          border-bottom: none; /* 最后一个没有底边框 */
      }
      /* 列表项内部文字颜色 */
      .list-item span {
          color: #444; /* 默认深灰色，稍微柔和 */
      }
      .list-item .period {
          color: #222; /* 期数黑色，更深 */
          font-weight: bold;
      }
      .list-item .highlight-pink {
          color: #ff00cc; /* 亮粉色 */
          font-weight: bold; /* 加粗，更突出 */
      }
      .list-item .highlight-blue {
          color: #0000ff; /* 蓝色 */
          font-weight: bold;
          text-shadow: 0 0 5px rgba(0,0,255,0.3); /* 蓝色文字轻微发光 */
      }
      .list-item .red-text {
          color: #ff0000; /* 红色 */
          font-weight: bold;
      }
      .list-item .unopened-text {
          color: #888; /* 未公开的文字颜色 */
          font-style: italic; /* 斜体 */
      }
      .list-item.unopened {
          background-color: #fdfdfd; /* 未公开条目稍微不同的背景 */
          padding-bottom: 8px; /* 为下方提示文字留更多空间 */
      }
      /* “点击添加微信免费领取”文字的闪烁动画 */
      .list-item.unopened .sub-text {
          display: block; /* 另起一行 */
          text-align: center; /* 居中 */
          color: #00a000; /* 亮绿色文字 */
          font-size: 1.2em; /* 稍微大一点 */
          margin-top: 8px; /* 与上方内容间距 */
          cursor: pointer; /* 模拟可点击 */
          font-weight: bold;
          animation: flash 1.5s infinite alternate ease-in-out; /* 闪烁动画 */
          padding: 5px 0; /* 增加点击区域 */
      }
      /* 底部说明文字 */
      .footer-banner {
          background: linear-gradient(to right, #ffe0b2, #ffd700); /* 底部横幅渐变色 */
          color: #a0522d; /* 棕色字体 */
          text-align: center; /* 居中 */
          padding: 15px 15px; /* 增加内边距 */
          font-size: 1.3em; /* 字体稍微大一点 */
          border-top: 2px solid #ffcc00; /* 顶部边框 */
          font-weight: bold;
          letter-spacing: 0.5px; /* 字母间距 */
          text-shadow: 1px 1px 2px rgba(255,255,255,0.5); /* 文字阴影 */
      }

      /*       引粉4      */
      /* 子框架样式 */
.child4-frame {
  /* 跟随父框架缩放大小：宽度通常设置为100% */
  align-content: center;
  max-width: 720px; /* 设定一个最大宽度，例如1200px，根据你的设计调整 */
  margin: 0 auto;    /* 关键：上下外边距为0，左右自动，实现水平居中 */

  height: auto; /* 高度自适应内容 */
  border-radius: 3px; /* 圆角3px */
  overflow: hidden; /* 确保内容超出圆角时被裁剪 */
  /* 背景色或其他样式，可以根据需要添加 */
  /*background-color: #d8f8db; */
  /* border: 1px solid #ddd; */
  /* padding: 3px; /* 子框架内部可以有一些内边距 */
  box-sizing: border-box; /* 确保padding和border不会增加总宽度 */

  
}
/* 2行2列的表格布局 */
.image-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 两列，每列占据等宽空间 */
  grid-template-rows: repeat(2, auto); /* 两行，高度自适应内容 */
  gap: 2px; /* 格子之间的间距为2px (上下左右) */
  /* 如果你想让整个表格边缘也有2px的间距，可以给.image-grid加padding: 2px; */
  /* padding: 2px; */
  align-items: center;
}
/* 每个表格单元格内的样式 */
.grid-item {
  display: flex; /* 使用flexbox来居中图片 */
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  overflow: hidden; /* 防止图片超出单元格 */
  /* 可以给每个单元格加一个背景色或边框以便调试 */
  /* background-color: #e9e9e9; */
  text-align: center;
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center;   /* 垂直居中 (如果容器有高度) */
}
/* 单元格内图片的样式 */
.grid-item img {
  width: 90%; /* 图片宽度占各个单元格的90% */
  height: auto; /* 高度自适应，保持图片比例 */
  display: block; /* 移除图片下方可能存在的空白间隙 */
  object-fit: cover; /* 如果图片比例不符，可以裁剪以填充，或用 contain */

}
.grid-item a{
  text-align: center;
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center;   /* 垂直居中 (如果容器有高度) */
}

/*   极力推荐，错过不再有   */

   /* 1. 样式定义在 <head> 中 */
        /* 第一段 CSS */
        .fcsd {
            margin: 15px auto;
            /* 假设 images/card-body-bg.png 存在，否则会是透明背景 */
          
            background-size: 100%;
            padding-left: 6px;
            padding-right: 6px;
            padding-top: 0px;
            padding-bottom: 10px;
            /* 注意：.fcsd 未在你的HTML中使用，这里仅为展示保留 */
        }
        .fcsd-title {
            color: red;
            font-size: 2rem;
            line-height: 3.5rem;
            font-weight: 700;
            text-align: center;
            /* 注意：.fcsd-title 未在你的HTML中使用，这里仅为展示保留 */
        }
        .sBox {
            margin: 0.5rem 2.5rem;
            display: block;
            overflow: hidden;
            border: 2px solid #FF5722;
            border-radius: 6px;
            background: white;
            /* 注意：.sBox 未在你的HTML中使用，这里仅为展示保留 */
        }
        .sicon {
            width: 100%;
            /* 注意：.sicon 未在你的HTML中使用，这里仅为展示保留 */
        }
        .stext {
            font-size: 1.5rem;
            /* 注意：.stext 未在你的HTML中使用，这里仅为展示保留 */
        }
        /* 第二段 CSS (主要用于列表样式) */
        .unsites ul {
            padding: 0px;
            margin: 0;
            background-color: #001d0c; /* 列表背景色 */
            list-style: none; /* 移除列表项默认点 */
        }
        .unsites ul li {
            /* 注意：li 的背景色由内联样式控制，优先级更高 */
            /* background: url('../images/179f1e1794054265b6d5e624c2b972ec.gif') 0 0 no-repeat; 会找不到图片，已移除 */
            background-size: 100% 100%;
            color: #000000; /* 文本颜色，但会被a标签覆盖 */
            border: 1px solid #ffff00; /* 黄色边框 */
            text-decoration: none; /* 无下划线 (对li本身无效，主要为a标签做准备) */
            float: left; /* 浮动，实现两列布局 */
            line-height: 40px;
            text-align: center;
            font-size: 13pt; /* 字体大小 */
            font-weight: 700; /* 加粗 */
            overflow: hidden;
            font-family: "微软雅黑", sans-serif; /* 字体 */
            border-radius: 8px; /* 圆角边框 */
            margin: 0px 0px 0px 2px; /* 左边距2px */
            display: block; /* 确保是块级元素 */
            /* 宽度计算，两列显示，留出4px给间距或边框 */
            width: calc((100% / 2) - 4px); /* (100% / 2) 减去左右总共的边距/间隙 */
            box-sizing: border-box; /* 边框和内边距包含在宽度内 */
        }
        /* 清除浮动 */
        .clearfix::after {
            content: "";
            display: table;
            clear: both;
        }
        .unsites ul li a {
            /* 文字渐变动画效果 */
            background-image: linear-gradient(to right, #ff0 95%, #ff0202 1%, #000000 1%);
            -webkit-text-fill-color: transparent; /* Safari/Chrome 文本透明 */
            -webkit-background-clip: text; /* 背景剪裁为文本形状 */
            -webkit-background-size: 250% 80%; /* 背景拉伸 */
            -webkit-animation: colorChangee 5s infinite; /* 动画 */
            display: block; /* 让链接填充整个li */
            color: inherit; /* 继承父元素的颜色，但会被渐变覆盖 */
            text-decoration: none; /* 移除下划线 */
        }
        /* 动画定义 */
        @-webkit-keyframes colorChangee {
            0% { background-position-x: 0; background-position-y: 0; }
            50% { background-position-x: 1500px; background-position-y: -233px; }
            100% { background-position-x: 0px; background-position-y: 0; }
        }
        /* 响应式媒体查询 */
        @media screen and (max-width: 800px) {
            .unsites ul li {
                width: 100%; /* 小屏幕下变为单列 */
                margin-left: 0; /* 移除左边距 */
                margin-bottom: 4px; /* 添加底部间距，让单列时有间隔 */
            }
            .unsites ul li.more {
                display: none; /* 如果存在more类，在小屏幕上隐藏 */
            }
        }

        /* 表格样式 (原代码中有，但为空表，这里保留基础样式) */
        .contentblock-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 20px; /* 与上方列表的间距 */
            /* 替代 cellspacing="0" cellpadding="0" border="0" */
            border: 1px solid #ccc; /* 示例边框 */
        }

/*    logo广告图   */
                 .image-strip-subframe {
            width: 100%;
            max-width: 650px;
            margin: 0 auto;
            padding: 3px 3px; /* 稍微增加padding，给图片缩放留出一点空间 */
            background-color: #ffffff;
            border: 0px solid #cccccc;
            border-radius: 0px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            display: flex;
            justify-content: space-around; /* 或者 space-between, center */
            align-items: center;
            flex-wrap: wrap;
            /* perspective 属性对于简单的 scale 动画不是必需的，可以移除 */
        }
        .image-wrapper { /* 图片包装器，方便控制动画和可能的溢出 */
            margin: 5px;
            /* 如果缩放幅度较大，可能需要给包装器加 overflow: hidden; */
            /* 但轻微缩放一般不需要 */
        }
        .image-strip-subframe img {
            width: 55px;
            height: 55px;
            border-radius: 3px;
            box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
            object-fit: cover;
            /* transform-origin 默认为 center center，对于scale通常是期望的 */
            /* transform-origin: center center; */
            /* 应用缩放动画 */
            animation-name: pulse-scale;
            animation-duration: 1.1s;  /* 动画完整周期的时间，可以调整 */
            animation-iteration-count: infinite; /* 无限次重复 */
            animation-timing-function: ease-in-out; /* 动画速度曲线，使过渡平滑 */
            margin: 6px; /* 增加图片间距，避免重叠 */
        }
        /* 定义变大变小的动画 */
        @keyframes pulse-scale {
            0%, 100% {
                transform: scale(1);    /* 原始大小 */
            }
            50% {
                transform: scale(1.1);  /* 放大到110% (即1.1倍) */
                                        /* 可以调整这个值，例如 1.05 (轻微) 或 1.2 (更明显) */
            }
        }
        /* 示例：让不同图片有不同的动画延迟，看起来更自然 */
        .image-strip-subframe .image-wrapper:nth-child(1) img { animation-delay: 0s; }
        .image-strip-subframe .image-wrapper:nth-child(2) img { animation-delay: 0.2s; }
        .image-strip-subframe .image-wrapper:nth-child(3) img { animation-delay: 0.4s; }
        .image-strip-subframe .image-wrapper:nth-child(4) img { animation-delay: 0.1s; } /* 可以不按顺序，制造随机感 */
        .image-strip-subframe .image-wrapper:nth-child(5) img { animation-delay: 0.3s; }


/* 底部微信引粉 */
.fot-wx {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  display: flex;
  justify-content: center; /* ✅ 核心：让 .wx-text 居中 */
}

.wx-text {
  max-width: 48rem;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  position: relative;
}

.wx-text > a > img {
  height: 40px;
  animation: wximg 0.5s infinite alternate;
}

@keyframes wximg {
  0% { height: 20px; }
  100% { height: 30px; }
}

#colse-wx {
  position: absolute;
  bottom: 2px;
  left: 5px;
  font-size: 25px;
  cursor: pointer;
}





/*  滚动图  */


    .ptct-box {
      margin-bottom: 0.5rem;
    }
    .ptct {
      max-width: 720px;
      margin: 0 auto;
      background: #f8f8f8;
      border-radius: 12px;
      overflow: hidden;
      padding: 1rem;
    }
    .lxlm-head {
      margin-bottom: 1rem;
    }
    .ybsm-tit {
  font-size: 2rem; /* 字体更大 */
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.5rem;
  
  background: linear-gradient(to right, #ff5400, #ffea00); /* 渐变背景 */
  -webkit-background-clip: text;       /* 裁剪背景为文字 */
  -webkit-text-fill-color: transparent; /* 使文字透明显示背景 */
    }
    .ptct-qs {
      display: flex;
      flex-wrap: nowrap;
      overflow-x: auto;
      padding-bottom: .5rem;
    }
    .ptct-qs li {
      margin-right: .5rem;
      list-style: none;
    }
    .ptct-qs button {
      width: 5rem;
      padding: .35rem .5rem;
      border-radius: 45px;
      font-size: .9rem;
      letter-spacing: 1px;
      font-weight: bold;
      cursor: pointer;
      border: 2px solid #ccc;
    }
    .hover-yes {
      background-color: #fff;
      color: red;
    }
    .hover-no {
      background-color: #00C6E9;
      color: white;
    }
    .ptct-mtbl {
      display: none;
      margin-top: 1rem;
    }
    .ptct-mtbl.dis {
      display: block;
    }
    .ptct-mtbl img {
      width: 100%;
      border-radius: 8px;
    }

/*    必中三码   */
.duilianpt1 {
    table-layout: auto;
    color: #ff0000;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    background: #fff;
    }
    .duilianpt1 tr{
	height: 30px;
}
.duilianpt1 td{
	font-weight: bold;
	border:1px solid #e4ece4;
	font-size: 18pt;
}
.duilianpt1 .zl{
	font-size: 22pt;
}
.duilianpt1 th{
	font-weight: bold;
	border:1px solid #e4ece4;
	font-size: 17pt;
}
.wr{color:#f00 !important}
.ww{color:#f00;background-color: #ff9a03;}
         


/*圆logo*/
.subnav{
	border-radius:5px;
	padding:5px 0;
	background: #d6e9ff;
	overflow: hidden;
}
.subnav a{
	display: block;
	float: left;
	width: 20%;
	text-align: center;
	font-size: 12pt;
	color: #000;
	font-weight: bold;
	text-shadow: 0px 2px 1px #ff9c00;
}
.subnav a img{
	display: block;
	width: 80px;
	height:80px;
	margin:0 auto 2px;
	animation-duration:1s;
	animation-fill-mode:both;
  align-items: center;
}
.subnav a:nth-child(1) img,.subnav a:nth-child(2) img{
	animation-name:fadeInLeft;
}
.subnav a:nth-child(3) img{
	animation-name:bounceInDown;
}
.subnav a:nth-child(4) img,.subnav a:nth-child(5) img{
	animation-name:fadeInRight;
}


/*    9肖框架    */
.box9{
	margin:1px 0;
	border-radius: 1px;
	overflow: hidden;
  background: linear-gradient(to bottom,#f9c721,#f3d966, #fef67f, #fde67b, #fde67b); 
	/*background-image: linear-gradient(to right, #007437, #00ac56);*/
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000);
}
.pad{
	padding:4px 4px;
}


.qxtable{
	color: #000;
    background: #fff;
    font-weight: bold;
    word-wrap: break-word; 
    word-break: break-all;	
    text-align: center;;
}
.qxtable tr {
     height: 30px; 
}
.qxtable th, .qxtable td {
    border:1px solid #fff;
}
.qxtable th{
	font-size: 18px;
	background: #fff89c;
	text-align: center;
	color: red;
}
.qxtable td {
    text-overflow: ellipsis;    
    font-size: 16px;
}
.qxtable .xz {   
    font-size: 26px;
}
.qxtable .xz1 {   
    font-size: 11px;
}
.qxtable .xz2 {   
    font-size: 21px;
}
.qxtable .xz3 {   
    font-size: 28px;
}
.qxtable.left{
	text-align: left;
}
.qxtable.left th{
	text-align: left;
}
.qxtable.yxym{
	table-layout:auto;
	word-wrap: break-word;
    word-break: break-all;
/*    background:#fff url(../images/tjl.png) center center no-repeat;
*/}
.qxtable.yxym td{
	font-size: 18pt;
}
.qxtable.yxym tr td:nth-child(1){
	background: #daf3e8;
	width: 26%;
}
.qxtable.yxym tr td:nth-child(3){
	background: #daf3e8;
	width: 18%;
}
.qxtable.yxym tr td:nth-child(2){
	background: #f7f7f7;
	width: 56%;
	font-size: 28px;
}
.qxtable .jx {   
    font-size: 20px;
}




.qxtable1{
	color: #000;
    background: #fff;
    font-weight: bold;
    word-wrap: break-word; 
    word-break: break-all;	
    text-align: center;;
}

.qxtable1.yxym{
	table-layout:auto;
	word-wrap: break-word;
    word-break: break-all;
    border:5px solid #004700;
/*    background:#fff url(../images/tjl.png) center center no-repeat;
*/}
.qxtable1.yxym td{
	font-size: 13pt;
}
.qxtable1.yxym tr td:nth-child(1){
	background: #daf3e8;
	width: 26%;
}
.qxtable1.yxym tr td:nth-child(3){
	background: #daf3e8;
	width: 18%;
  
}
.qxtable1.yxym tr td:nth-child(2){
	background: #f7f7f7;
	width: 56%;
	font-size: 20px;
}
.qxtable1 .jx {   
    font-size: 20px;
}



.list-title{
	height: 28px;
	line-height: 23px;
	font-size: 15pt;
    text-align: center;
    border-bottom: 1px solid #738e9f;
    text-shadow: 1px 1px 1px #e1ecff;
    background: #fff;
    color: #ff0000;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-image: linear-gradient(to right, #007437, #00ac56);
}

/* 1. 定义从上方飞入的动画 */
@keyframes flyInFromTop {
  from {
    opacity: 0;
    transform: translateY(-60px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 2. 将动画应用到 <a> 标签上 */
.fly-in-items-container a { /* 如果你用的是其他类名，请替换 */
  opacity: 0;
  animation-name: flyInFromTop;
  animation-duration: 0.6s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;

  display: inline-block; 
  padding: 2px 3px;
  margin: 0 0px;
  text-decoration: none;
  color: #333;
  text-align: center; /* 确保图片和文字在垂直方向上对齐 */
}

/* 3. 为每个 <a> 元素设置不同的动画延迟，实现依次飞入的效果 */
.fly-in-items-container a:nth-child(1) { animation-delay: 0.1s; }
.fly-in-items-container a:nth-child(2) { animation-delay: 0.2s; }
.fly-in-items-container a:nth-child(3) { animation-delay: 0.3s; }
.fly-in-items-container a:nth-child(4) { animation-delay: 0.4s; }
.fly-in-items-container a:nth-child(5) { animation-delay: 0.5s; }
/* 如果你有更多元素，继续添加 */


/* 4. 图片样式 - 保持原始大小 */
.fly-in-items-container a img { /* 如果你用的是其他类名，请替换 */
  /* width: 24px;  */  /* 这里移除了固定的宽度 */
  /* height: 24px; */  /* 这里移除了固定的高度 */
  margin-right: 2px;      /* 图片和文字之间的间距 */
  vertical-align: middle; /* 确保图片和旁边的文字垂直居中对齐，这个很重要 */
  text-align: center; /* 确保图片和文字在垂直方向上对齐 */
}

/* 5. 容器样式 */
.fly-in-items-container { /* 如果你用的是其他类名，请替换 */
  text-align: center;
  padding: 2px 0;
}

/* 6. 清除浮动 (你的HTML中已有 clearfix) */
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}



/*     表格      */


.duilianpt{
	table-layout: auto;
	color: #FF0000;
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
	background: #fff;
}
.duilianpt tr{
	height: 30px;
}
.duilianpt td{
	font-weight: bold;
	border:1px solid #C0C0C0;
	font-size: 18pt;
}
.duilianpt th{
	font-weight: bold;
	border:1px solid #C0C0C0;
	font-size: 18pt;
}
.duilianpt .zl{
	font-size: 20pt;
}

.duilianpt1{
	table-layout: auto;
	color: #FF0000;
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
	background: #fff;
}
.duilianpt1 tr{
	height: 30px;
}
.duilianpt1 td{
	font-weight: bold;
	border:1px solid #C0C0C0;
	font-size: 14pt;
}
.duilianpt1 .zl{
	font-size: 18pt;
}
.duilianpt1 .zl1{
	font-size: 14pt;
}
.duilianpt1 th{
	font-weight: bold;
	border:1px solid #C0C0C0;
	font-size: 17pt;
}
.shayu{
  color: #FF0000;
  font-weight: bold;
  font-size: 18pt;
}




/*     广告专用     */


.gg{
	color: #000;
	table-layout: fixed;
}
.gg tr{
	height: 20px;
}
.gg th,.gg td{
	padding:4px 6px;
}
.gg th{
	font-size: 20pt;
	text-align: center; 
	border-bottom:1px solid #000;
	text-shadow: 1px 4px 1px #b99b5f;
}
.gg td{
	height: 42px;
	overflow: hidden;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-bottom: 1px solid #baecda;
	font-size: 15pt
}
.gg td a{
	display: block;
	color: #000;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	overflow: hidden;
}



/*     滚动横幅    */
/* 最简轮播样式 */
.parent-frame {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.banner-container {
    width: 100%;
    position: relative;
}
.banner-slides {
    display: flex;
    transition: transform 0.5s ease; /* 切换动画时间 */
}
.banner-slide {
    flex: 0 0 100%;
    min-width: 0;
}
.banner-slide img {
    width: 100%;
    height: auto;
    display: block;
}
/* 导航按钮 */
.banner-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.3);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 2;
    font-size: 20px;
    line-height: 1;
}
.prev-btn { left: 10px; }
.next-btn { right: 10px; }
/* 指示器 */
.banner-indicators {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    gap: 8px;
}
.banner-indicator {
    width: 10px;
    height: 10px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,0.5);
    cursor: pointer;
}
.banner-indicator.active {
    background: white;
}







.sxsx-content{font-size:1.3rem;background:#fff}
.sxsx-content li b{color:#30f}
.sxsx-content li font{color:#f00}
.sx table {border-collapse: collapse;border-spacing: 0;}
.sx table tr {display: table-row;vertical-align: inherit;border-color: inherit;}
.sx table td {border: 1px solid #e5e5e5;padding: 3px 2px;word-break: break-all;}
.sx ul, .sx li, .sx dl, .sx dt, .sx dd{margin:0;padding:0}
.sx ul {display: block;list-style-type: disc;}
.sx ul li img {vertical-align: middle;border: 0;width:40px;height:40px;}
.sx1 li{float: left;width: 33.333333%;padding: 5px 0;text-align: center;}
.sx span{height: 18px;line-height: 18px;margin: 0 2px;padding: 0 3px;font-size: 12px;color: #fff;display: inline-block;background-color: #f00;}
.sx span.blue{background-color: #3366ff;}
.sx span.green{background-color: #009933;}








.box22 {
  background-color: #ffffff;
  padding: 10px; /* 容器的默认内边距 */
}

.box22 ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  /* 
    对于固定列数且希望均匀分布（包括边缘）: space-around 或 space-evenly (如果支持)
    对于固定列数且靠左排列: flex-start
    对于固定列数且两端对齐，中间均匀分布: space-between (需要注意最后一行)
    这里我们用 flex-start，因为宽度是精确计算的。
  */
  justify-content: center; /* 或者 flex-start, space-between 等，根据需要靠左，靠右，居中 */
  gap: 10px; /* 项之间的默认间隙 */
}

.box22 li {
  background-color: #68a7fc;
  border-radius: 15px; /* 卡片圆角 */
  box-sizing: border-box;
  /* 基础三列布局: (100% - (列数-1)*gap) / 列数 */
  flex: 0 0 calc((100% - 2 * 10px) / 3); /* 3列，基于10px的gap */
  text-align: center; /* 确保a标签内的内容如果不是flex item时能居中 */
  /* display: flex; a 标签处理内部flex */ /* li 不需要是flex容器，a是 */
}

/* 链接修正 - 内部使用flex布局 */
.box22 li a {
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start; /* 内容从顶部开始排列，可以改为 center 使内容垂直居中 */
  width: 100%;
  height: 100%; /* 使链接填满整个li */
  padding: 25px; /* 卡片内部内容的边距，可以调整 */
  box-sizing: border-box;
}

/* 图片自适应，等比缩放 */
.box22 li img {
  max-width: 80%;
  height: auto;
  border-radius: 10px; /* 图片自身的圆角，与示例图一致 */
  object-fit: contain;
  margin-bottom: 5px; /* 图片和文字之间的间距 */
}

/* 文本区域 */
.box22 li span { /* 或者您HTML中的 .item-text */
  font-size: 14px; /* 默认字体大小 */
  font-weight: bold;
  color: #fffb00;
  line-height: 1.2; /* 调整行高，以防文字换行 */
}

/* 响应式处理 */
@media screen and (max-width: 768px) {
  /* 如果在平板上也希望是3列，并且gap和padding与默认不同，则调整 */
  .box22 {
    padding: 8px;
  }
  .box22 ul {
    gap: 20px; /* 平板上的间隙 */
  }
  .box22 li {
    /* 依然是3列，但基于新的8px的gap */
    flex: 0 0 calc((100% - 2 * 8px) / 3.2);
    border-radius: 12px; /* 可选：调整圆角 */
  }
  .box22 li a {
    padding: 6px; /* 卡片内边距调整 */
  }
  .box22 li span {
    font-size: 12px; /* 平板字体大小 */
  }
}

@media screen and (max-width: 480px) {
  /* 手机端：依然是3列，但所有尺寸进一步缩小 */
  .box22 {
    padding: 5px; /* 手机端容器内边距更小 */
  }
  .box22 ul {
    gap: 12px; /* 手机端项之间的间隙更小 */
  }
  .box22 li {
    /* 关键：依然是3列，但基于更小的5px的gap */
    flex: 0 0 calc((100% - 2 * 5px) / 3.2);
    border-radius: 8px; /* 手机端圆角更小 */
  }
  .box22 li a {
    padding: 5px; /* 手机端卡片内边距更小 */
  }
  .box22 li img {
    margin-bottom: 3px; /* 图片和文字间距更小 */
    border-radius: 6px; /* 图片圆角更小 */
  }
  .box22 li span {
    font-size: 9px; /* 手机端字体显著减小，以适应小空间 */
    /* 或者考虑使用 vw 单位来使字体大小随视口宽度变化，例如 font-size: 2.5vw; (需要测试) */
    line-height: 1.1;
  }
}