.container,
.data-container,
.nav2,
#nav2.fixed,
.nav-img,
.top-logo-container,
div[style*="text-align:center"],
div[style*="background:transparent"],
.tuqi,
.options,
.data-section,
.center-1,
.center-2 {
  width: 100% !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

/* 适配 iPhone 底部安全区域（可选，增强兼容性） */
@media (max-width: 768px) {
  #scroll-buttons {
    bottom: env(safe-area-inset-bottom, 20px); /* 适配底部小黑条 */
    right: env(safe-area-inset-right, 12px);
  }
}

/* 公告滚动动画优化 */
@keyframes scroll {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}
#noticeWrapper {
  will-change: transform;
}
#noticeWrapper:hover {
  animation-play-state: paused;
}

/* Logo修复：强制跟随父容器宽度 */
.top-logo {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  padding: 0 !important;
  min-width: 0 !important;
  max-height: none !important;
}

/* Logo容器最小高度：避免加载延迟导致导航定位错误 */
.top-logo-container {
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 顶部导航：移动端自适应换行 */
.nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  background: #237575;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 100% !important;
  margin: 0 auto !important;
}
.nav a {
  flex: 1;
  min-width: 80px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
}
.nav a:hover {
  background: #1051FF;
}

/* 标题栏 */
.result-title {
  font-size: 18px;
  text-align: center;
  background: #237575;
  color: #fff;
  line-height: 40px;
  font-weight: bold;
  width: 100% !important;
  margin: 0 auto !important;
}

/* iframe：移动端高度自适应 */
iframe {
  display: block;
  width: 100% !important;
  height: 170px;
  border: none;
}

/* 二级导航 nav2：移动端优化 + 固定定位适配（重点修复换行问题） */
.nav2 {
  font-size: 14px;
  background: #fff;
  position: relative; /* 默认相对定位，位于logo下方 */
  z-index: 1000;
  transition: all 0.2s ease-in-out;
  will-change: transform, box-shadow, position;
  transform: translateZ(0);
  padding: 2px 0 !important;
}

/* 滚动后添加的固定定位样式 */
.nav2.fixed {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15); /* 增加阴影提升层次感 */
  background: #fff !important;
  border-bottom: 1px solid #eee;
  padding: 1px 0 !important;
}

/* 给body添加顶部内边距补偿，避免固定导航遮挡内容（适配优化后的导航高度） */
body.nav2-fixed {
  padding-top: 82px !important;
}

.nav2 ul {
  display: flex;
  flex-wrap: nowrap;
  padding: 0 !important; /* 移除ul默认内边距 */
  margin: 0;
  list-style: none;
}

/* 三行导航：每行8个 */
.nav2 ul li {
  width: 16.6%;
  box-sizing: border-box;
  padding: 1px !important;
  flex: 0 0 16.6%;
}

@media (max-width: 375px) {
  .nav2 ul li {
    width: 16.6% !important;
    flex-basis: 16.6% !important;
  }
  .nav2 ul li a {
    font-size: 12px !important;
    padding: 2px 0 !important;
    border-radius: 8px !important;
  }
}

@media (max-width: 320px), (max-width: 360px) {
  .nav2 ul li {
    width: 16.6% !important;
    flex-basis: 16.6% !important;
  }
  .nav2 ul li a {
    font-size: 11px !important;
    padding: 2px 0 !important;
    border-radius: 8px !important;
    letter-spacing: 0 !important;
  }
}

.nav2 ul li a {
  display: block;
  padding: 2px 0;
  text-align: center;
  color: #fff;
  border-radius: 8px;
  background: #0083ff;
  font-size: 13px;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
  font-weight: 500;
}
.nav2 ul li a:hover {
  background: #ff0000;
}

.nav-img {
  background: #fff;
  line-height: 0;
  text-align: center;
}

.nav-img a,
.nav-img img {
  display: block;
}

.nav-img img {
  width: 100%;
  max-width: 100%;
  height: 70px;
  margin: 0 auto;
  border: 0;
  object-fit: fill;
}

.promo-ad-imgs,
.promo-ad-imgs a,
.promo-ad-imgs img {
  display: block;
  width: 100%;
}

.promo-ad-imgs img {
  max-width: 100%;
  height: auto;
  border: 0;
}

/* 渐变文字优化 */
.xc {
  font-family: "微软雅黑", sans-serif;
  font-size: 16px;
  font-weight: 700;
  background-image: linear-gradient(to right, #ff0000, #ff7f00, #ffff00, #00ff00, #00ffff, #0000ff, #8b00ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  animation: colorChange 10s linear infinite;
  will-change: background-position;
}

@keyframes colorChange {
  0% { background-position: 0 0; }
  100% { background-position: -200% 0; }
}

/* 小屏适配补充 */
@media (max-width: 420px) {
  .tuqi .options > a,
  .tuqi .options > button,
  .tuqi .options > span,
  .tuqi .options > .option {
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    margin: 0 2px;
  }
  #kjIframe {
    height: 140px !important;
  }
  .xc {
    font-size: 14px !important;
  }
}

/* 资料块优化：移动端100%宽度 */
.BJYS {
  background-color: #cde4f7;
  border-radius: 5px;
  padding: 8px;
  width: 100% !important;
}

/* 简化选择器 */
.center-1-table,
.center-1-tbody,
.center-1-tr,
.center-1-th,
.center-1-td,
.center-1-ziliao,
.center-1-duilianpt,
.center-1-duilianpt1,
.center-1-qxtable {
  box-sizing: border-box; /* 可补充通用样式，或仅保留空大括号 */
}

/* 资料区容器：强制100%宽度，无限制 */
.center-1, .center-2 {
  width: 100% !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.center-1-fullwidth .BJYS {
  width: 100vw !important;
  max-width: 720px !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 0 4px !important;
}

/* 表格单元格优化：移动端文字适配 */
#essm td {
  white-space: normal;
  word-break: break-word;
  font-size: 15px !important;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  padding: 4px 2px !important;
}

/* 资料区性能优化 + 宽度适配 */
.data-section {
  content-visibility: auto;
  contain: layout paint;
  margin-bottom: 8px;
  width: 100% !important;
}

/* 标题样式优化 */
.lim.btt {
  font-size: 16px !important;
  font-weight: bold;
  text-align: center;
  margin: 5px 0;
  width: 100% !important;
}

/* 所有本地图片样式（保持之前的终极修复） */
html body img[src*="images/"],
html body div img[src*="images/"],
html body .data-section img[src*="images/"],
html body .tuqi img[src*="images/"],
html body div[style*="text-align:center"] img[src*="images/"] {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  object-position: center !important;
  border: none !important;
  outline: none !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  max-height: none !important;
}

img[src="images/logo.jpg"],
img[src="images/move.webp"],
img[src="images/01.gif"],
img[src="images/02.gif"],
img[src="images/03.gif"],
img[src="images/04.jpg"],
img[src="images/05.gif"],
img[src="images/shengxiaobiao.png"],
img[src="images/shengxiaobiao2.jpg"],
img[src="images/shengxiaobiao3.jpg"],
img[src="images/shengxiaobiao4.jpg"],
img[src="images/gengxin.jpg"] {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}



.tuqi,
div[style*="text-align:center"],
div[style*="background:transparent"] {
  width: 100% !important;
  max-width: 720px !important;
  padding: 0 !important;
}

/* 公告区：移动端宽度适配 */
.Marquem-bg {
  width: 100% !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  display: flex;
  align-items: center;
  height: 28px;
  padding: 0 4px !important;
  box-sizing: border-box;
}

/* 🔥 核心：百分比设置资料表格列宽（可自定义调整） */
table {
  width: 100% !important;
  border-collapse: collapse !important;
  table-layout: fixed !important; /* 固定布局，确保百分比列宽生效 */
}
/* 表格容器：完全贴合主页宽度 */
.center-1-table {
  display: table !important;
  width: 100% !important;
  overflow-x: hidden !important; /* 总和100%，无需横向滚动 */
}
/* 资料表格tbody */
.center-1-ziliao {
  width: 100% !important;
}

/* 第一列：百分比宽度（可修改30%为任意数值） */
.center-1-ziliao tr td:nth-child(1) {
  width: 20% !important; /* 第一列占比30% */
  min-width: 0 !important; /* 取消最小宽度限制，完全按百分比适配 */
  max-width: none !important;
  white-space: normal !important;
  word-break: break-word !important; /* 内容过长自动换行 */
  text-align: center !important;
  padding: 6px 4px !important;
  vertical-align: middle !important;
}

/* 第二列：百分比宽度（可修改40%为任意数值） */
.center-1-ziliao tr td:nth-child(2) {
  width: 55% !important; /* 第二列占比40%（主列宽） */
  min-width: 0 !important;
  max-width: none !important;
  white-space: normal !important;
  word-break: break-word !important;
  text-align: center !important;
  padding: 6px 4px !important;
  vertical-align: middle !important;
}

/* 第三列：百分比宽度（可修改30%为任意数值） */
.center-1-ziliao tr td:nth-child(3) {
  width: 25% !important; /* 第三列占比30% */
  min-width: 0 !important;
  max-width: none !important;
  white-space: normal !important;
  word-break: break-word !important;
  text-align: center !important;
  padding: 6px 4px !important;
  vertical-align: middle !important;
}

/* 🔥 专属两列布局：五尾十五码 + 七肖十八码（带第一列对齐） */
/* 父容器定位：只针对 center-2 下的这两个模块 */
.center-2 .center-1-table {
  table-layout: fixed !important;
  width: 100% !important;
  border-collapse: collapse !important;
}

.center-2 .center-1-ziliao {
  width: 100% !important;
  display: table-row-group !important;
}

/* 五尾十五码（id=5w15m）专属两列 - 第一列左对齐 */
.center-2 .center-1-ziliao[id="5w15m"] tr td:nth-child(1) {
  width: 80% !important;
  min-width: 0 !important;
  max-width: none !important;
  flex: 0 0 80% !important;
  white-space: normal !important;
  word-break: break-word !important;
  text-align: left !important; /* 第一列对齐方式：左对齐（可改right/center） */
  padding: 6px 8px !important; /* 左对齐时左边内边距稍大，更美观 */
  vertical-align: middle !important;
}

.center-2 .center-1-ziliao[id="5w15m"] tr td:nth-child(2) {
  width: 20% !important;
  min-width: 0 !important;
  max-width: none !important;
  flex: 0 0 20% !important;
  white-space: normal !important;
  word-break: break-word !important;
  text-align: center !important; /* 第二列保持居中 */
  padding: 6px 4px !important;
  vertical-align: middle !important;
}

/* 七肖十八码（id=7x18m）专属两列 - 第一列左对齐 */
.center-2 .center-1-ziliao[id="7x18m"] tr td:nth-child(1) {
  width: 60% !important;
  min-width: 0 !important;
  max-width: none !important;
  flex: 0 0 80% !important;
  white-space: normal !important;
  word-break: break-word !important;
  text-align: left !important; /* 第一列对齐方式：左对齐（可改right/center） */
  padding: 6px 8px !important; /* 左对齐时左边内边距稍大，更美观 */
  vertical-align: middle !important;
}

.center-2 .center-1-ziliao[id="7x18m"] tr td:nth-child(2) {
  width: 20% !important;
  min-width: 0 !important;
  max-width: none !important;
  flex: 0 0 20% !important;
  white-space: normal !important;
  word-break: break-word !important;
  text-align: center !important; /* 第二列保持居中 */
  padding: 6px 4px !important;
  vertical-align: middle !important;
}

/* 强制隐藏多余列（如果有） */
.center-2 .center-1-ziliao[id="5w15m"] tr td:nth-child(3),
.center-2 .center-1-ziliao[id="7x18m"] tr td:nth-child(3),
.center-2 .center-1-ziliao[id="5w15m"] tr td:nth-child(n+4),
.center-2 .center-1-ziliao[id="7x18m"] tr td:nth-child(n+4) {
  display: none !important;
  width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 确保表格单元格不溢出 */
.center-2 .center-1-table td {
  box-sizing: border-box !important;
  overflow: visible !important;
}
/* 底部说明文字：移动端适配 */
.footer-text {
  font-size: 11px !important;
  padding: 0 8px !important;
}

/* 返回顶部底部按钮样式 */
#scroll-buttons {
  position: fixed;
  right: 12px;
  bottom: 60px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 9999;
}

#scroll-buttons button {
  background: #183571;
  color: #fff;
  font-size: 14px;
  border: none;
  border-radius: 6px;
  padding: 8px 10px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.3);
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: bold;
}

#scroll-buttons button:hover {
  background: #ff6600;
  transform: scale(1.05);
}

/* 开奖结果iframe小屏适配（原代码中的媒体查询整合） */
@media (max-width: 605px) {
  iframe {
    height: 165px !important;
  }
}

.ziliao span {
    background-color: yellow;
    padding: 0 1px; /* 增加左右内边距，让黄色背景更美观 */
    color: red !important;    
}


        .options {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 1px;
            margin-bottom: 5px;
        }

        .option {
            background-color: #2389e9;
            padding: 1px 5px;
            text-align: center;
            cursor: pointer;
            border-radius: 5px;
            color: white;
            margin: 1px;
        }

        .option.active {
            background-color: #1a66b3;
            transform: scale(1.05);
        }

        .tuqi {
            position: relative;
            z-index: 999;
        }

        .main-image {
            width: 100%;
            transition: transform 0.3s;
            /* 关键修改：添加相对定位使z-index生效 */
            position: relative;
        }


        img {
            transition: transform 0.3s ease;
            max-width: 100%;
        }

        .loading {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: white;
            background-color: rgba(0, 0, 0, 0.5);
            padding: 10px 20px;
            border-radius: 5px;
            display: none;
            /* 确保加载提示在图片上方 */
            z-index: 10;
        }
    

/* 依然可以保留排除标题中span的样式（如果需要） */
#caiming {
    background-color: transparent !important;
}

.header .head-title-img{position: relative;}
.head-title-img .natural{
	display: block;
	position: absolute;
	top: 2px;
	width: 60px;
	height: 60px;
	left: 50%;
	margin-left: -30px;
	-webkit-animation: z 5s linear 0s infinite;
    -moz-animation: z 5s linear 0s infinite;
    -ms-animation: z 5s linear 0s infinite;
    animation: z 5s linear 0s infinite;
    box-shadow: 0px 0px 20px #000;
    border-radius: 50%;
}
@-webkit-keyframes z {
	from {
		-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	}
	to {
		-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
		-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
		-ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
	}
}
.header .logo-box{height: 61px;}
.header .logo{float: left;height: 61px;margin-left: 10px;}
.header .logo .logo-img{width: 208px;height: 61px;}
.header .bank{float: right;position: relative;width: 56px;height: 44px;margin-top: 10px;}
.header .bank a{display: block;color: #fff;font-size: 8pt;}
.header .bank img{display: block;width: 30px;height: 30px;margin:0 auto;}

/* 原始导航样式（保留浮动布局，文本居中） */
.nav{
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	overflow: hidden;
	border-top: 1px solid #000;
}
.nav span{
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	width: 16.66%; /* 原始6等分 */
	text-align: center; /* 原始文本居中 */
	cursor: pointer;
}
.nav span:hover{background:#1051FF;}
        .conbiao,
        .conbiaoimg {
            max-width: 720px;
            width: 100%;
            height: 55px;
            margin: 0 auto;
            border-collapse: collapse;
            background: #fff;
            text-align: center;
        }

        .conbiao::after,
        .conbiaoimg::after {
            content: none;
        }

        .biaotext {
            height: 49px;
            border: 10px double #00f;
            background: #0000ff;
            color: #fff;
            font-family: KaiTi, "楷体", STKaiti, serif;
            font-size: 16pt;
            font-weight: 900;
            text-align: center;
            letter-spacing: 0;
        }

        .biaotext p {
            margin: 0;
            line-height: 29px;
        }
        
        /* 响应式样式 - 小屏幕适配 */
        @media screen and (max-width: 720px) {
            .biaotext {
                font-size: 17px;
            }
        }
        /* 容器最大宽度限制为720px，确保整体不超限 */
.center-1 {
  max-width: 720px;
  margin: 0 auto; /* 居中显示 */

}

/* 表格基础样式 */
.center-1 table {
  width: 100%; /* 相对于父容器宽度100% */
  border-collapse: collapse; /* 确保边框合并 */
  margin: 0 auto;
  background-color: #cde4f7; /* 表格背景设为白色 */
  table-layout: fixed; /* 固定表格布局，确保列宽按比例分配 */
}

/* 表格单元格通用样式 - 调整内边距控制间隔并添加自动换行 */
.center-1 table td {
  padding: 5px 1px; /* 上下内边距8px，左右内边距5px */
  word-wrap: break-word; /* 允许长单词或URL换行 */
  overflow-wrap: break-word; /* 更现代的换行属性，兼容更多浏览器 */
  white-space: normal; /* 确保文本正常换行（默认值，但明确设置更保险） */
}

/* 第一列 - 黑色文本，右对齐 */
.center-1 table td:nth-child(1) {
  color: #000000;
  width: 20%; /* 固定第一列宽度比例 */
  text-align: center;
}

/* 第二列 - 绿色文本，居中对齐 */
.center-1 table td:nth-child(2) {
  color: #008000;
  width: 60%; /* 固定第二列宽度比例 */
  text-align: center;
}

/* 第三列 - 黑色文本，左对齐 */
.center-1 table td:nth-child(3) {
  color: #000000;
  width: 20%; /* 固定第三列宽度比例 */
  text-align: center;
}

.center-1 table.conbiao td.biaotext,
.center-1 table.conbiao td.biaotext b,
.center-1 table.conbiao td.biaotext p {
  color: #fff !important;
  width: auto !important;
  background-color: #0000ff !important;
}

.center-1 table.conbiao td.biaotext {
  padding: 0 !important;
  text-align: center !important;
}

/* 行底部红色分隔线（最后一行除外） */
.center-1 table tr {
  border-bottom: 1px solid #d1c2c2; /* 红色分隔线 */
}

.center-1 table tr:last-child {
  border-bottom: none;
}

/* 确保原有字体颜色样式生效 */
.center-1 table td font[color="#00d05d"] {
  color: #00d05d !important;
}

.center-1 table td font[color="#98fb00"] {
  color: #98fb00 !important;
}

.center-1 table td font[color="#ff0000"] {
  color: #ff0000 !important;
}

/* 确保span标签不影响样式 */
.ziliao span  {
  color: inherit;
}

.center-2 {
  max-width: 720px;
  margin: 0 auto; /* 居中显示 */

}

/* 表格基础样式 */
.center-2 table {
  width: 100%; /* 相对于父容器宽度100% */
  border-collapse: collapse; /* 确保边框合并 */
  margin: 0 auto;
  background-color: #cde4f7; /* 表格背景设为白色 */
  table-layout: fixed; /* 固定表格布局，确保列宽按比例分配 */
}

/* 表格单元格通用样式 - 调整内边距控制间隔并添加自动换行 */
.center-2 table td {
  padding: 5px 1px; /* 上下内边距8px，左右内边距5px */
  word-wrap: break-word; /* 允许长单词或URL换行 */
  overflow-wrap: break-word; /* 更现代的换行属性，兼容更多浏览器 */
  white-space: normal; /* 确保文本正常换行（默认值，但明确设置更保险） */
}

/* 第一列 - 黑色文本，右对齐 */
.center-2 table td:nth-child(1) {
  color: #000000;
  width: 80%; /* 固定第一列宽度比例 */
  text-align: left;
}

/* 第二列 - 绿色文本，居中对齐 */
.center-2 table td:nth-child(2) {
  color: #008000;
  width: 20%; /* 固定第二列宽度比例 */
  text-align: center; /* 水平居中 */
  vertical-align: top; /* 垂直下对齐 */
}

/* 行底部红色分隔线（最后一行除外） */
.center-2 table tr {
  border-bottom: 1px solid #d1c2c2; /* 红色分隔线 */
}

.center-2 table tr:last-child {
  border-bottom: none;
}

/* 确保原有字体颜色样式生效 */
.center-2 table td font[color="#00d05d"] {
  color: #00d05d !important;
}

.center-2 table td font[color="#98fb00"] {
  color: #98fb00 !important;
}

.center-2 table td font[color="#ff0000"] {
  color: #ff0000 !important;
}
/* ------------------------------ 新增移动端适配代码（不涉及头部/导航） ------------------------------ */
/* 1. 视口与基础设置 */

* {box-sizing: border-box;}
body {
	margin-top: 61px; /* 避开固定头部 */
	font-size: 16px; /* 基础字体适配移动端 */
	font-weight: bold; /* 字体加粗 */
}
body.index-page {margin-top: 92px;} /* 首页头部更高时 */

/* 2. 弹性容器（内容区域自适应） */
.container {
	padding: 0 10px; /* 移动端边距 */
	max-width: 720px; /* 保持原始最大宽度，确保大屏居中 */
	margin: 0 auto;
}

/* 3. 预测结果项（优化排版） */
.prediction-item {
    display: flex;
    flex-wrap: wrap; /* 允许内容换行 */
    justify-content: center;
    align-items: center;
    margin: 8px 0;
    padding: 12px 18px;
    border-radius: 8px;
    transition: all 0.3s ease;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    line-height: 1.5; /* 增加行高，使排版更规整 */
}

/* 4. 表格响应式处理 */
.jiesitable, .listtable, .qxtable {
	width: 100%;
	table-layout: fixed; /* 保留原始布局 */
	overflow-x: auto; /* 小屏幕横向滚动 */
}
.listtable td, .listtable th {
	padding: 4px;
	white-space: normal; /* 允许单元格内容换行 */
	word-wrap: break-word; /* 长单词自动换行 */
	overflow: hidden;
	text-overflow: ellipsis;
}
.ccgi-gsb ul {
  list-style: none; /* 去掉列表项目符号 */
  padding-left: 0;  /* 清除默认的左内边距（可选，看布局需求） */
  margin: 0;        /* 清除默认外边距（可选） */
}

.gsb2 {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  background: #fff;
  font-family: Arial, "Microsoft YaHei", sans-serif;
}

.gsb2 li {
  list-style: none;
  min-height: 42px;
  line-height: 42px;
  border-bottom: 1px solid #ddd;
  padding: 0 4px;
  box-sizing: border-box;
  font-size: 15pt;
  font-weight: 700;
  color: #000;
  text-align: left;
}

.gsb2 li a {
  display: block;
  color: #000;
  text-decoration: none;
}

.gsb2 li img {
  display: inline-block;
  vertical-align: -3px;
  margin-right: 3px;
}

.gsb2 .gsb-author {
  display: inline-block;
  color: #000;
  line-height: 24px;
  padding: 0 3px;
}

@media (max-width: 420px) {
  .gsb2 li {
    font-size: 12pt;
    line-height: 38px;
    min-height: 38px;
  }
}

        .ccgi-gsb ul li span {}

        .ccgi-gsb ul li span.ccgi-gsb-tit.lv {
            background-color: #00c039
        }

        .ccgi-gsb ul li span.ccgi-gsb-tit.hong {
            background-color: #ff0004
        }

        .ccgi-gsb ul li span.ccgi-gsb-tit.cheng {
            background-color: #ff3f00
        }

        .ccgi-gsb ul li span.ccgi-gsb-tit.lan {
            background-color: #005cff
        }

        .ccgi-gsb ul li span.ccgi-zuozhe {
            float: right;
            margin-left: 10px;
            font-size: 14px;
            color: #999
        }

        .ccgi-gsb ul li a {}

        .gsdh {
            background-color: #ff0;
            font-family: '微软雅黑';
            font-size: 13pt;
            color: #000;
            font-weight: 500;
            border: solid 1px #C0C0C0;
            line-height: 2rem;
            max-width: 800px;
            margin: 0 auto;
            text-align: center;
        }

        td.ba {
            border-bottom: 1px solid #E5E5E5;
            border-collapse: collapse;
            text-align: center;
            font-family: Times New Roman;
            font-size: 12pt;
            line-height: 35px;
            font-weight: 700;
            background-color: #f8f8f8
        }

        a {
            text-decoration: none;
            color: #FF0000;
        }
  
        .content-item {
            width: 100%;
        }

        .content-item>*,
        .content-item img {
            margin: 0;
            padding: 0;
        }

        .page-content img,
        .content-item img {
            vertical-align: middle;
        }

        .content-item>*>img {
            width: 100%;
            objec-fit: cover;
        }

        * {
            padding: 0;
            margin: 0;
        }

        .canh span {
         color:#FFFFFF;
        }
 
       
 
        .guapai {}

        .guapai-img {
            padding: 10px;
            text-align: center;
        }

        .guapai-tit {
            padding: 5px;
            color: #fff;
            text-align: center;
            font-weight: bold;
            font-size: 24px;
            background: linear-gradient(to top, #FF6666, #FF6666);
        }

        .guapai-con {
            padding: 10px;
        }

        .guapai-con-tit {
            color: #f00;
            font-weight: bold;
        }

        .guapai-con-txt1 {}

        .guapai-con-txt2 {
            color: #00f;
        }

        .guapai-con-txt3 {
            color: #f0f;
        }
/* 5. 图片自适应 */
img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto; /* 图片居中 */
}

/* 6. 移动端字体适配（720px以下） */
@media (max-width: 800px) {
	/* 字体缩小 */
	body {font-size: 14px;}
	.nav span {font-size: 14px;}
	.prediction-item {font-size: 16px;}
	
	/* 元素尺寸适配 */
	.subnav a img {width: 60px; height: 60px;}
	.header .logo .logo-img {width: 150px;} /* 移动端LOGO缩小 */
}

    /* 全局容器强制720px（覆盖所有场景） */
    .fixed-720 {
      width: 720px !important; /* 强制宽度720px */
      min-width: 720px !important; /* 禁止被压缩 */
      margin: 0 auto !important; /* 水平居中（PC端更美观） */
      box-sizing: border-box; /* 避免padding撑大宽度 */
    }
    /* 确保页面整体不被挤压 */
    body {
      margin: 0;
      padding: 0;
      overflow-x: hidden; /* 防止页面整体横向滚动 */
    }

/* 移动端补充适配（720px以下） */
@media (max-width: 720px) {
	.box, .subnav, .xjbox {margin: 5px;}
	.subnav a {font-size: 11pt;}
	.sideMenu ul li a {font-size: 12px;}
	.img-title {width: 90%;}
	.head-title-img .natural {left: 50%; margin-left: -30px;} /* 修复移动端图标居中 */
}