* {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}

.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: #64bef1; 浅金色背景 */
  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}
.wjin{color: #00c3ff;text-shadow: 1px 1px 2px #002e49; /* 添加一个微妙的阴影 */}
.wlv{color: #08ac02;text-shadow: 1px 1px 2px #00360c; /* 添加一个微妙的阴影 */}

s1 {color: #f00;}
s2 {color: #080;}
s3 {color: #00f;}
s4 {color: #f0f;}
s5 {color: #ff0;}
s6 {color: #f60;}
s7 {color: #fff;}
s8 {color: #000;}
s9 {color: #808000;}
s10 {color: #1e90ff;}
s11 {color: #ee82ee;}
s12 {color: #8b0000;}
h {color: #C0C0C0;}
k {color: #ffd700;}

w1 {color: #f00;background: #ff0;font-weight: bold;}
w2 {color: #008000;background: #ff0;font-weight: bold;}
w3 {color: #00f;background: #ff0;font-weight: bold;}

z1 {font-size: 12px;}
z2 {font-size: 14px;}
z3 {font-size: 16px;}
z3 {font-size: 18px;}
z4 {font-size: 20px;}
z5 {font-size: 22px;}
z6 {font-size: 24px;}
z7 {font-size: 26px;}
z8 {font-size: 28px;}
z9 {font-size: 30px;}
z10 {font-size: 32px;}
y1 {font-size: 32px; color: #00f;}


.box {border: 1px solid #cece71;margin: 1px 0;overflow: hidden;}
.box1 {margin: 5px 0;overflow: hidden;}
.box2 {border: 2px solid #21a30f;margin: 1px 0;overflow: hidden;}
.boxw {background: #fff;}

.br5 {border-radius: 5px;overflow: hidden;}
.br12 {border-radius: 12px;overflow: hidden;}
.pad {padding: 4px;}

.bg {background-color: #fc6855;}
.bg1 {background-image: linear-gradient(to right, #fc6855, #dc2015, #dc2015, #dc2015, #fc6855);}
.bg2 {width: 100%;height: 100%;background: linear-gradient(45deg, #f9c721, #fef67f, #fde67b);background-size: 400% 400%;animation: shimmer 12s ease infinite;}




.list-title {font-size: 22px;text-align: center;font-weight: bold;padding: 2px 0px 4px 0px;color:#fff}
.list-title1 {font-size: 23px;text-align: center;font-weight: bold;background: linear-gradient(transparent, #f7f3f3);text-shadow: 0px 0px 10px #e5e5e5;}
.list-title2 {font-size: 24pt;text-align: center;font-weight: bold;background: linear-gradient(transparent, #f7f3f3);text-shadow: 0px 0px 10px #e5e5e5;border-radius: 0 0 50px 50px;box-shadow: 0 5px 4px 0 #073900, 0 6px 20px 0 rgba(0, 0, 0, .19);}
.list-title3 {font-size: 23px;text-align: center;font-weight: bold;border-radius: 0 0 50px 50px;box-shadow: 0 5px 4px 0 #21a30f, 0 6px 20px 0 rgba(0, 0, 0, .19);}
.list-title4 {font-size: 23px;text-align: center;font-weight: bold;border-radius:20px 20px 0 0;padding-left: 1rem; padding-right: 1rem;}
.list-title5 {font-size: 22px;text-align: center;font-weight: bold;border: 10px double #fc6274;background: linear-gradient(to right, #fffdf4, #fffdf4);}

.shs{color:#f00;animation: blink 0.7s infinite;}
@keyframes blink{50% {color: transparent;}}  

@keyframes shimmer {
  0% {background-position: 0% 0%;}
  25%{background-position: 100% 0%;}
  50%{background-position: 100% 100%;}
  75%{background-position: 0% 100%;}
  100% {background-position: 0% 0%;}
}


.bbj{background-color: #ffffff;}

.p-all{padding:0 .1rem .1rem .1rem;}

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

.kj .ifm{background-image: linear-gradient(to right, #89f7fe, #66a6ff);}
.kjt li{display:inline-block;width:50%;text-align:center;background:hsl(0, 3%, 93%);border-radius: 50px;}
.kjt li.liactive{ background-color:#64bef1}
.kjt li a{width: 100%;background:transparent;display:inline-block;font-size:1.8rem;font-weight:bold;color:#114433;line-height:1.5;margin-top: 1px;}
/****** content ******/


.br-12{border-radius:3px;overflow:hidden}
.lxlm-head{padding-left: .5rem;padding-right: .5rem;margin-bottom: 1rem;border-top: 1px solid #eee;}
.lxlm-tit{font-size:1.4rem;color:#fff;padding-top:.5rem;font-weight: bold;}

.riqi{color:#000;text-align: center;font-size: 20px;}


.hfgg {table-layout: auto;color: #f00;border-radius: 12px;overflow: hidden;background-color: #ff0;}
.hfgg tr{height: 30px;}
.hfgg td{font-weight: bold;font-size: 15pt;border: 2px dashed #ccc;text-align: center;}

.floating-icon1 {position: fixed;top: 67%;right: 5px;transform: translateY(-50%);z-index: 100000;}
.floating-icon1 img {width: 60px;height: auto;}



.nav{
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow: hidden;
    border-top: 1px solid #000;
}


.post-gg{background:#fff;text-align: center;}
.post-gg li{padding: 3px 3px;border-radius: 0px;background-color: #fff;font-size: 22px;font-weight: bold;line-height: 30px;}
.post-gg li span{display:flex;float:right;}
.post-gg font {font-size: 15px;color: #f00;border: 1px solid #f00;border-radius: 4px;vertical-align: middle;margin-left: 3px;}
.post-gg li a{height: 36px;line-height: 36px;text-align: center;border: solid 1px #ddd;border-radius: 8px;background: #eee;background-image: linear-gradient(to top, #fff, #eee, #fff);box-shadow: 0 2px 5px rgba(0,0,0,0.1);display: block;font-size: 22px;text-decoration: none;color: #000;}

.post-list {background: #fff;text-align: center;padding: 0;}
.post-list ul {display: flex;flex-direction: row;flex-wrap: wrap;padding: 5px;}
.post-list ul li {width: 50%;padding: 2px;box-sizing: border-box; font-weight: bold;}
.post-list img {width:100%;height:auto;}
.post-list a{height: 36px;line-height: 36px;text-align: center;border: solid 1px #ddd;border-radius: 8px;background: #eee;background-image: linear-gradient(to top, #fff, #eee, #fff);box-shadow: 0 2px 5px rgba(0,0,0,0.1);display: block;font-size: 18px;text-decoration: none;color: #000;}


.post-list1 {    text-align: center;}
.post-list1 li {padding: 3px 3px;border-radius: 0px;background-color: #fff;border-bottom: 1px solid #ada96e;font-size: 20px;font-weight: bold;line-height: 30px;}



.gg-weix {
    background-color: #ff0;
    color: #f00;
    box-shadow: 0 0 5px;
    font-size: 20px;
    border-radius: 5px;
}

.shake-animation {
    display: inline-block;
    animation: shake 2.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@keyframes shake{
0% {
    transform: translateX(0);
}
25% {
    transform: translateX(-10px);
}
50% {
    transform: translateX(10px);
}
75% {
    transform: translateX(-10px);
}
100% {
    transform: translateX(10px);
}
}

td1 {
  font-size: 1.2rem; /* 设置字体大小 */
  font-weight: bold; /* 设置字体粗细为粗体 */
}
td2 {
  color: #f00;
  font-size: 1.4rem; /* 设置字体大小 */
  font-weight: bold; /* 设置字体粗细为粗体 */
}
td3 {
  font-size: 1.2rem; /* 设置字体大小 */
  font-weight: bold; /* 设置字体粗细为粗体 */
}
td4 {
  color: #f00;
  font-size: 1.8rem; /* 设置字体大小 */
  font-weight: bold; /* 设置字体粗细为粗体 */
}
/*
  .mtbl .td2 b 类：设置类名为 td2 的单元格内的 b 标签的样式
*/
.mtbl .td2 b {
  color: #f00; /* 设置字体颜色为红色 */
  background: #ffffff; /* 设置背景颜色为白色 */
  font-weight: bold; /* 设置字体粗细为粗体 */
}

/*
  .mtbl .td3 类：设置类名为 td3 的单元格的样式
*/
.mtbl .td3 {
  font-size: 1.2rem; /* 设置字体大小 */
  font-weight: bold; /* 设置字体粗细为粗体 */
}


        
        .container {

            margin: 0 auto;
        }
        
        .card {
            background-color: white;
            border-radius: 0; /* 移除圆角，使其完全贴边 */
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            padding: 5px;
            margin-bottom: 10px; /* 减小底部间距 */
        }
        
        
        /* 选项卡样式 */
        .tabs {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-bottom: 5px;
            justify-content: center;
        }
        
        .tab {
            padding: 2px 0px;
            border: 1px solid #ddd;
            border-radius: 4px;
            cursor: pointer;
            transition: background-color 0.3s;
        }
        
        .tab:hover {
            background-color: #f5f5f5;
        }
        
        .tab.active {
            background-color: #3b82f6;
            color: white;
            border-color: #3b82f6;
        }
        
        /* 图片展示区域 */
        .image-container {
            position: relative;
            background-color: #f3f4f6;
            border-radius: 8px;
            overflow: hidden;
            min-height: 200px;
        }
        
        .loading {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: rgba(243, 244, 246, 0.8);
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.3s;
        }
        
        .loading.show {
            opacity: 1;
            pointer-events: auto;
        }
        
        .spinner {
            width: 24px;
            height: 24px;
            border: 3px solid #3b82f6;
            border-radius: 50%;
            border-top-color: transparent;
            animation: spin 1s linear infinite;
        }
        
        @keyframes spin {
            to { transform: rotate(360deg); }
        }
        
        #showImg {
            width: 100%;
            height: auto;
            display: block;
            opacity: 0;
            transition: opacity 0.5s;
        }
        
        #showImg.fade-in {
            opacity: 1;
        }
        
        #originLink {
            position: absolute;
            bottom: 10px;
            right: 10px;
            background-color: rgba(59, 130, 246, 0.8);
            color: white;
            padding: 6px 12px;
            border-radius: 4px;
            text-decoration: none;
            font-size: 14px;
        }
        
        #originLink:hover {
            background-color: #3b82f6;
        }



/*    9码切换    */

/* 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 类：用于设置表格的整体样式
*/
.mtbl {
  width: 100%; /* 表格宽度为父元素的 100% */
  border-collapse: separate; /* 设置边框合并模式为 separate，允许设置边框间距 */
  --tw-border-spacing-x: 0px; /* 使用 Tailwind CSS 的变量，设置水平边框间距 */
  --tw-border-spacing-y: 0px; /* 使用 Tailwind CSS 的变量，设置垂直边框间距 */
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); /* 应用边框间距 */
  text-align: center; /* 表格内文本居中对齐 */
  --tw-text-opacity: 1; /* 使用 Tailwind CSS 的变量，设置文本透明度 */
  color: rgb(229 35 5 / var(--tw-text-opacity)); /* 设置文本颜色为红色，并应用透明度 */
  word-break: break-word; /* 允许单词在单元格内换行 */
}

/*
  .mtbl tr:last-child td:first-child 类：设置表格最后一行第一个单元格的左下角圆角
*/
.mtbl tr:last-child td:first-child {
  border-bottom-left-radius: 6px; /* 设置左下角圆角半径为 6px */
  width: 20%;
}

/*
  .mtbl tr:last-child td:last-child 类：设置表格最后一行最后一个单元格的右下角圆角
*/
.mtbl tr:last-child td:last-child {
  border-bottom-right-radius: 6px; /* 设置右下角圆角半径为 6px */
  width: 20%;
}

/*
  .mtbl td 类：设置表格单元格的默认样式
*/
.mtbl td {
  padding: 1px 3px; /* 设置单元格内边距 */
  line-height: 22px; /* 设置行高 */
  border-right: solid 1px #cece71; /* 设置右边框为实线，宽度为 1px，颜色为 #cece71 */
  border-bottom: solid 1px #cece71; /* 设置下边框为实线，宽度为 1px，颜色为 #cece71 */
}

/*
  .mtbl td:first-child 类：设置表格每行第一个单元格的样式
*/
.mtbl td:first-child {
  width:20%; /* 设置宽度为 65px */
  text-align: center; /* 文本居中对齐 */
}
.mtbl td:last-child {
  width:20%; /* 设置宽度为 65px */
  text-align: center; /* 文本居中对齐 */
}
/*
  @media (min-width: 375px) 类：媒体查询，当屏幕宽度大于等于 375px 时应用以下样式
  修改第一个单元格的宽度
*/
@media (min-width: 375px) {
  .mtbl td:first-child {
    width: 72px; /* 设置宽度为 82px */
  }
}

/*
  @media (min-width: 425px) 类：媒体查询，当屏幕宽度大于等于 425px 时应用以下样式
  修改第一个单元格的宽度
*/
@media (min-width: 425px) {
  .mtbl td:first-child {
    width: 90px; /* 设置宽度为 120px */
  }
}

/*
  .mtbl td:first-child 类：设置表格每行第一个单元格的左边框样式
*/
.mtbl td:first-child {
  border-left: solid 1px #cece71; /* 设置左边框为实线，宽度为 1px，颜色为 #cece71 */
}

/*
  .mtbl td:last-child 类：设置表格每行最后一个单元格的样式
*/
.mtbl td:last-child {
  width: 55px; /* 设置宽度为 55px */
  text-align: center; /* 文本居中对齐 */
}

/*
  @media (min-width: 375px) 类：媒体查询，当屏幕宽度大于等于 375px 时应用以下样式
  修改最后一个单元格的宽度
*/
@media (min-width: 375px) {
  .mtbl td:last-child {
    width: 72px; /* 设置宽度为 55px */
  }
}

/*
  @media (min-width: 425px) 类：媒体查询，当屏幕宽度大于等于 425px 时应用以下样式
  修改最后一个单元格的宽度
*/
@media (min-width: 425px) {
  .mtbl td:last-child {
    width: 90px; /* 设置宽度为 80px */
  }
}

/*
  .mtbl td:nth-child(2) 类：设置表格每行第二个单元格的样式
*/
.mtbl td:nth-child(2) {
  --tw-bg-opacity: 1; /* 使用 Tailwind CSS 的变量，设置背景透明度 */
  background-color: #000; /* 设置背景颜色为黑色，并应用透明度 */
  font-size: .75rem; /* 设置字体大小 */
  line-height: 2rem; /* 设置行高 */
  font-weight: 500; /* 设置字体粗细 */
}

/*
  @media (min-width: 375px) 类：媒体查询，当屏幕宽度大于等于 375px 时应用以下样式
  修改第二个单元格的字体大小和行高
*/
@media (min-width: 375px) {
  .mtbl td:nth-child(2) {
    font-size: 1rem; /* 设置字体大小 */
    line-height: 1.5rem; /* 设置行高 */
  }
}

/*  类名有误，应为 .mtbl td:nth-child(2)  */
/*
  b23-tbl.m td:nth-child(2) 类：设置表格每行第二个单元格的词间距
*/
b23-tbl.m td:nth-child(2) {
  word-spacing: 4px; /* 设置词间距为 4px */
}

/*
  @media (max-width: 360px) 类：媒体查询，当屏幕宽度小于等于 360px 时应用以下样式
  修改第二个单元格内 p, div, span 标签的字体大小
*/
@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; /* 设置字体大小为 12px，!important 强制应用 */
  }
}

/*
  .mtbl td:last-child, .mtbl td:first-child 类：设置表格每行第一个和最后一个单元格的样式
*/
.mtbl td:last-child,
.mtbl td:first-child {
  --tw-bg-opacity: 1; /* 使用 Tailwind CSS 的变量，设置背景透明度 */
  background-color: rgb(250 250 250 / var(--tw-bg-opacity)); /* 设置背景颜色为浅灰色，并应用透明度 */
  font-size: 10px; /* 设置字体大小 */
  --tw-text-opacity: 1; /* 使用 Tailwind CSS 的变量，设置文本透明度 */
  color: rgb(0 0 0 / var(--tw-text-opacity)); /* 设置文本颜色为黑色，并应用透明度 */
}

/*
  @media (min-width: 375px) 类：媒体查询，当屏幕宽度大于等于 375px 时应用以下样式
  修改第一个和最后一个单元格的字体大小和行高
*/
@media (min-width: 375px) {
  .mtbl td:last-child,
  .mtbl td:first-child {
    width: 20%;
    font-size: .875rem; /* 设置字体大小 */
    line-height: 2.5rem; /* 设置行高 */
  }
}

/*
  @media (min-width: 425px) 类：媒体查询，当屏幕宽度大于等于 425px 时应用以下样式
  修改第一个和最后一个单元格的字体大小和行高
*/
@media (min-width: 425px) {
  .mtbl td:last-child,
  .mtbl td:first-child {
    width: 20%;
    font-size: 1rem; /* 设置字体大小 */
    line-height: 2.5rem; /* 设置行高 */
  }
}

/*
  .mtbl td:last-child 类：设置表格每行最后一个单元格的字体粗细
*/
.mtbl td:last-child {
  font-weight: 500; /* 设置字体粗细 */
}

/*
  @media (min-width: 375px) 类：媒体查询，当屏幕宽度大于等于 375px 时应用以下样式
  修改最后一个单元格的字体大小和行高
*/
@media (min-width: 375px) {
  .mtbl td:last-child {
    font-size: .75rem; /* 设置字体大小 */
    line-height: 1rem; /* 设置行高 */
  }
}

/*
  .mtbl td.td1 类：设置类名为 td1 的单元格的样式
*/
.mtbl td.td1 {
  width: 20%;
  height: 36px;
  font-size: 1.2rem; /* 设置字体大小 */
  font-weight: bold; /* 设置字体粗细为粗体 */
}

/*
  .mtbl td.td2 类：设置类名为 td2 的单元格的样式
*/
.mtbl td.td2 {
  font-size: 1.4rem; /* 设置字体大小 */
  font-weight: bold; /* 设置字体粗细为粗体 */
}

/*
  .mtbl td.td2 span 类：设置类名为 td2 的单元格内的 span 标签的样式
*/
.mtbl td.td2 span {
  color: #0ff; /* 设置字体颜色为青色 */
  font-weight: bold; /* 设置字体粗细为粗体 */
}

/*
  .mtbl td.td2 b 类：设置类名为 td2 的单元格内的 b 标签的样式
*/
.mtbl td.td2 b {
  color: #f00; /* 设置字体颜色为红色 */
  background: #ffffff; /* 设置背景颜色为白色 */
  font-weight: bold; /* 设置字体粗细为粗体 */
}

/*
  .mtbl td.td3 类：设置类名为 td3 的单元格的样式
*/
.mtbl td.td3 {
  font-size: 1.2rem; /* 设置字体大小 */
  font-weight: bold; /* 设置字体粗细为粗体 */
}



/* 9码切换结束*/







#logo{  width: 100%;
        max-width: 48rem; /* 768px */
        margin: 0 auto;
        position: fixed;
        top: 0px;
        left: 0;
        right: 0;
        z-index: 99;
        background-image: linear-gradient(to right, #fc6855, #dc2015, #dc2015, #dc2015, #fc6855); /* logo 容器的背景色 */
        box-sizing: border-box;
        padding: 1px 0; /* <<--- 就是这一行！ */}
#logo a{display: inline-block;}
#logo a img{
      width: 200px;
    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: 4px; 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; 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: hsl(51, 100%, 57%);
  padding-top: .5rem;
  margin-bottom: .5rem;
  font-weight: bold;
  text-align: center;
  text-shadow:
    -1px -1px 0 #614a00,  /* 左上 */
    1px -1px 0 #614a00,   /* 右上 */
    -1px 1px 0 #614a00,   /* 左下 */
    2px 2px 0 #614a00;    /* 右下 */
}
.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:.3rem .3rem;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;font-weight: bold;}
.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}
.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:rgb(255, 0, 98);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;}


/* 基础表格样式 */
.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 {
  background-color: #f5f5f5;
  display: flex;
  justify-content: center;
}

.border-inner {
  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;
}



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

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

      .containeryflj3 {
        width: calc(100% - 6px); /* 100% 减去左右各3px的间隙，所以是6px */
        max-width: 720px; /* 仍然保持最大宽度限制 */
        margin: 5px auto;
          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 0px; /* 增加内边距 */
          border-bottom: 1px solid #e0e0e0; /* 浅灰色分隔线 */
          line-height: 1.6; /* 更好的行高 */
          text-align: center; /* 所有列表项内容居中 */
          font-size: 1.2em; /* 稍微大一点的字体 */
          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: #fcc;/* 底部横幅渐变色 */
          color: #460d0d;
          text-shadow: 1px 4px 1px #b99b5f;
          text-align: center; /* 居中 */
          padding: 15px 15px; /* 增加内边距 */
          font-size: 1.3em; /* 字体稍微大一点 */
      /*     border-top: 2px solid #ffcc00; 顶部边框 */
          font-weight: bold;
          letter-spacing: 0.5px; /* 字母间距 */
          border-top: 1px solid #ada96e;
      }



            .footer1-banner {
          background: linear-gradient(to right, #ffe0b2, #ffd700); /* 底部横幅渐变色 */
          color: #ff0000; /* 棕色字体 */
          text-align: center; /* 居中 */
          padding: 5px 5px; /* 增加内边距 */
          font-size: 1.4em; /* 字体稍微大一点 */
          border-top: 2px solid #ffcc00; /* 顶部边框 */
          font-weight: bold;
          letter-spacing: 0.1px; /* 字母间距 */
          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('。。') 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 文本透明 */
            display: block; /* 让链接填充整个li */
            color: inherit; /* 继承父元素的颜色，但会被渐变覆盖 */
            text-decoration: none; /* 移除下划线 */
        }
        /* 动画定义 */
        @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: 2px; /* 添加底部间距，让单列时有间隔 */
                margin-top: 2px;  /* 添加顶部间距，让单列时有间隔 */
            }
            .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; /* 示例边框 */
        }









/* 背景渐变保持你的 */


/* 外层容器 */
.image-strip-subframe{
  width:100%;
  max-width:700px;
  margin:0 auto;
  padding:3px;
  background:#fff;
  border-radius:0;
  box-shadow:0 4px 8px rgba(0,0,0,.1);
  display:flex;
  justify-content:space-around;
  align-items:flex-start;   /* 让文字在下方顶齐 */
  flex-wrap:wrap;
}

/* 单个项：垂直排布（图在上，字在下） */
.logo-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  margin:4px;
  width:60px;               /* 控制单项宽度，可按需调 */
}

/* 图片 */
.logo-item img{
  width:48px;
  height:48px;
  border-radius:3px;
  box-shadow:2px 2px 5px rgba(0,0,0,.5);
  object-fit:cover;
  animation:pulse-scale 1.1s ease-in-out infinite;
}

/* 文字样式 */
.logo-caption{
  margin-top:6px;
  font-size:14px;           /* 手机更匀称 */
  line-height:1.2;
  font-weight:700;          /* 加粗一点更醒目 */
  color:#e90000;               /* 可换 #ff2d55 之类的强调色 */
  white-space:nowrap;       /* 单行不换行 */
  text-align:center;
  animation: pulse-scale 1.1s ease-in-out infinite; 
}

/* 闪缩动画 */
@keyframes pulse-scale{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.1)}
}

/* 交错延迟（更自然） */
.image-strip-subframe .logo-item:nth-child(1) img{animation-delay:0s}
.image-strip-subframe .logo-item:nth-child(2) img{animation-delay:.2s}
.image-strip-subframe .logo-item:nth-child(3) img{animation-delay:.4s}
.image-strip-subframe .logo-item:nth-child(4) img{animation-delay:.1s}
.image-strip-subframe .logo-item:nth-child(5) img{animation-delay:.3s}

/* 小屏优化：让单项稍微窄一点，避免拥挤 */
@media (max-width:360px){
  .logo-item{ width:64px; margin:3px 3px; }
  .logo-caption{ font-size:11px; }
}


/* 底部微信引粉 */
.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;
    }
    .ybsm-tit {
  font-size: 1.6rem; /* 字体更大 */
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.5rem;
  
  background: linear-gradient(to right, #56ab2f, #a8e063); /* 渐变背景 */
  -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: #13489a;
    }
    .hover-no {
      background-color: #12a6a8;
      color: white;
    }
    .ptct-mtbl {
      display: none;
      margin-top: 1rem;
    }
    .ptct-mtbl.dis {
      display: block;
    }
    .ptct-mtbl img {
      width: 100%;
      border-radius: 8px;
    }

/*    必中三码   */

.duilianpt{
	table-layout: auto;
	color: #000000;
	overflow: hidden;
	background: #fff;
}
.duilianpt tr{
	height: 30px;
}
.duilianpt td{
	font-weight: bold;
	border:1px solid #C0C0C0;
	font-size: 18pt;
}
.duilianpt td:first-child {
  width: 45%; 
}
.duilianpt th{
	font-weight: bold;
	border:1px solid #C0C0C0;
	font-size: 18pt;
}
.duilianpt td .zl{
	font-size: 20pt;
}

.duilianpt1 {
    table-layout: auto;
    color: #000000;
    overflow: hidden;
    text-align: center;
    background: #fff;
    }
.duilianpt1 tr{
	height: 30px;
}
.duilianpt1 td{
	font-weight: bold;
	border:1px solid #e4ece4;
	font-size: 15pt;
  line-height: 35px;
}
  .duilianpt1 tr td:nth-child(1){
    width: 20%;
}
  .duilianpt1 tr td:nth-child(3){
    width: 25%;
}

.duilianpt1 .zl{
	font-size: 15pt;
}
.duilianpt1 th{
	font-weight: bold;
	border:1px solid #e4ece4;
	font-size: 17pt;
}

         
.duilianpt2{background: #fff;font-weight: bold;text-align: center;color: #f00;}
.duilianpt2 td{border:1px solid #e4ece4;width: 16.5%;height: 30px;font-size: 20px;}

/*     广告专用     */


.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;
}






/*                          494949494949494949                            */


.ziliao{
    height: 38px;
    text-align: center;
    color: #000;
    font-weight: bold;
}

.ziliao td{
    font-size: 22px;
    text-align: center;
}


.ziliao {
    color: #111;
}

.ziliao td{
   border: 1px solid #ccc;
   text-align: center;
}
.ziliao a{
   color: #ff002c;
}

.ziliao b{
   color: #0014ff;
}

.ziliao c{
   color: #039d1d;
}

.ziliao d{
   color: #008080;
}

.conmemay{
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 1.3;
}






/*双格广告*/


  .nbb {
    padding: 3px;
    border: 2px solid #e0e0e0;
    border-radius: 5px;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    background-image: linear-gradient(to top, #f8edbb, #fafafa, #f8edbb);
    color: #333;
  }

.tzlb66-content {
    font-size: 1.3rem;
    text-align: center;
    background: #fff;
    font-weight: 700;
    display: grid; /* 使用 grid 布局 */
    grid-template-columns: repeat(1, 2fr); /* 创建两列，平均分配空间 */
    gap: 5px; /* 调整项目之间的间距 */
    padding: 5px; /* 增加内边距，避免内容紧贴容器边缘 */
}

/* 响应式调整 */  

@media (max-width: 360px) {
    .image-strip-subframe img {width: 50px; height: 50px;}
    .fixed-button {bottom: 100px; right: -5px; left: auto; }
    .tribotmi{font-size: 14px;}
    .riqi{font-size: 11pt;}
    .list-title {font-size: 20px;}
    .list-title1 {font-size: 18px;}
    .kj01 th {font-size: 14pt;}
    .kj01 td {font-size: 14pt;}
    .tz {font-size: 18px;}
    .qxtable td{font-size: 15px;}
    .qxtable span{font-size: 18px;}
    .qxtable p{font-size: 18px;}
    .qxtable1 td{font-size: 16px;}
    .qxtable1 span {font-size: 18px;}
    .duilianpt td  {font-size: 15px;}
    .duilianpt span {font-size: 21px;}
    .duilianpt p {font-size: 18px;}
    .duilianpt1 td  {font-size: 17px;}
    .duilianpt1 p {font-size: 16px;}
    .duilianpt2 td  {font-size: 18px;}
    .post-gg li a{font-size: 18px;}
    .post-list li{font-size: 18px;}
    .post-list1 li{font-size: 18px;}
    .yxym {font-size: 13px;}
    .yxym td:nth-child(2) {font-size: 14px;}
    .ttb span {font-size: 15px;}
    .ttb font {font-size: 15px;}
    .jx {font-size: 13px !important}
    .jz {font-size: 16px;}
    .jb {font-size: 13.4pt !important}
    .jw {font-size: 16px;}
    td1 {font-size: 15px;}
    td3 {font-size: 15px;}
    g1 {color: #00f;font-size: 15px;}
    r1 {color: #f00;font-size: 15px;}
    r2 {color: #f00;font-size: 20px;}
    r3 {color: #f00;font-size: 24px;}
    r4 {color: #f00;font-size: 21px;}
    r5 {color: #f00;font-size: 18.5px;}
    b1 {color: #2a3d26;font-size: 18.5px;}
    p1 {color: #f0f;font-size: 18.5px;}
  .hfgg td {font-size: 13pt;}
}
@media (min-width: 361px) and (max-width: 389px){
    .list-title {font-size: 20px;}
    .riqi{font-size: 15px;}
    .qxtable td{font-size: 16px;}
    .hfgg td {font-size: 13pt;}
    .qxtable p{font-size: 18px;}
    .qxtable span{font-size: 18px;}
    .duilianpt td  {font-size: 16px;}
    .duilianpt p {font-size: 20px;}
    .duilianpt span {font-size: 21px;}
    .duilianpt1 td  {font-size: 18px;}
    .duilianpt1 p {font-size: 16px;}
    .duilianpt2 td  {font-size: 19px;}
    .post-list li{font-size: 19px;}
    .post-list1 li{font-size: 19px;}
    .post-gg li a{font-size: 20px;}
    .yxym td:nth-child(2) {font-size: 15px;}
    .kj01 td {font-size: 14pt;}
    .jz {font-size: 17px;}
    td1 {font-size: 16px;}
    td3 {font-size: 16px;}
    g1 {color: #00f;font-size: 16px;}
    r1 {color: #f00;font-size: 16px;}
    r2 {color: #f00;font-size: 20px;}
    r3 {color: #f00;font-size: 24px;}
    r4 {color: #f00;font-size: 21px;}
    r5 {color: #f00;font-size: 18.5px;}
    b1 {color: #2a3d26;font-size: 18.5px;}
    p1 {color: #f0f;font-size: 18.5px;}

}
@media (min-width: 390px) and (max-width: 420px){
    .hfgg td {font-size: 14pt;}
    .riqi{font-size: 16px;}
    .qxtable td{font-size: 16px;}
    .qxtable p{font-size: 18px;}
    .qxtable span{font-size: 18px;}
    .duilianpt td  {font-size: 16px;}
    .duilianpt p {font-size: 22px;}
    .duilianpt span {font-size: 22px;}
    .duilianpt1 td  {font-size: 19px;}
    .duilianpt1 p {font-size: 17px;}
    .list-item {font-size: 1.3rem;}
    .post-list li{font-size: 20px;}
    .post-list li{font-size: 20px;}
    .post-gg li a{font-size: 21px;}
    .yxym td:nth-child(2) {font-size: 16px;}
    .jz {font-size: 18px;}
    g1 {color: #00f;font-size: 16px;}
    r1 {color: #f00;font-size: 16px;}
    r2 {color: #f00;font-size: 20px;}
    r3 {color: #f00;font-size: 24px;}
    r4 {color: #f00;font-size: 21px;}
    r5 {color: #f00;font-size: 18.5px;}
    b1 {color: #2a3d26;font-size: 18.5px;}
    p1 {color: #f0f;font-size: 18.5px;}
    
}
@media (min-width: 421px) and (max-width: 500px){
    .riqi{font-size: 18px;}
    .qxtable td{font-size: 18px;}
    .qxtable p{font-size: 18px;}
    .qxtable span{font-size: 18px;}
    .list-item {font-size: 1.4rem;}
    .duilianpt td  {font-size: 18px;}
    .duilianpt p {font-size: 24px;}
    .duilianpt span {font-size: 24px;}
    .duilianpt1 td  {font-size: 21px;}
    .duilianpt1 td:nth-child(2) {font-size: 17px;}
    .duilianpt1 p {font-size: 19px;}
    .yxym td:nth-child(2) {font-size: 18px;}
    .jz {font-size: 19px;}
    g1 {color: #00f;font-size: 17px;}
    r1 {color: #f00;font-size: 17px;}
    r2 {color: #f00;font-size: 20px;}
    r3 {color: #f00;font-size: 24px;}
    r4 {color: #f00;font-size: 21px;}
    r5 {color: #f00;font-size: 18.5px;}
    b1 {color: #2a3d26;font-size: 18.5px;}
    p1 {color: #f0f;font-size: 18.5px;}
    
}