/* 全局样式 */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

/* 全局iframe样式，确保不显示滚动条 */
iframe {
    display: block; /* 确保iframe作为块级元素显示 */
    overflow: hidden; /* 隐藏iframe内部的溢出内容 */
    border: none; /* 移除边框 */
}

/* 确保所有iframe容器也不会显示滚动条 */
.img_container iframe {
    width: 100%; /* 确保iframe宽度占满容器 */
    /* 不设置固定height: 100%，允许iframe使用自身设置的高度 */
}
body {
font-family: "Microsoft YaHei", "微软雅黑", "Calibri", "sans-serif";
line-height: 1.6;
color: #333;
background-color: #f8f9fa;
}
/* 容器样式 - 实现居中对齐和两边留白 */
.container {
max-width: 1200px;
margin: auto;
padding: 2px;
width: 100%;
}
.img_container {
position: fixed; /* 固定定位，不随页面滚动 */
top: 0; /* 固定在页面顶部 */
max-width: 1200px; /* 与下面内容相同的最大宽度 */
width: 100%; /* 宽度自适应 */
margin: 0 auto; /* 居中对齐，实现两边留白 */
height:auto;
z-index: 9999; /* 确保在其他元素之上 */
background-color: white; /* 防止内容透显 */
display: flex;
padding: 0;
overflow: show; /* 隐藏容器内部的溢出内容，防止滚动条显示 */
}





/* 响应式表格 */
table {
width: 100%;
border-collapse: collapse;
margin: 15px auto;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
table td {
padding: 12px 15px;
text-align: center;
border: 1px solid #ddd;
}
table th {
background-color: #4CAF50;
color: white;
padding: 12px 15px;
text-align: center;
border: none;
}
/* 表格边框样式 - 为每个表格模块添加边框 */
table:not([border="0"]) {
border: none;
}
/* 为MsoNormalTable类明确设置无边框，确保在任何情况下都不显示边框 */
.MsoNormalTable {
border: none !important;
border-collapse: collapse;
}

/* 横幅容器样式 - 减少图片容器的间距 */
.banner-container {
margin: 0 !important;
padding: 0 !important;
display: block;
line-height: 1;
}

/* 横幅图片样式 - 确保图片本身没有额外间距 */
.banner-container img {
margin: 0 !important;
padding: 0 !important;
vertical-align: bottom; /* 防止图片底部出现空白间隙 */
display: block;
}

/* 脚本表格样式 - 减少图片和api_caller.js之间的间距并彻底禁止滚动条 */
.script-table {
margin: 2px auto !important; /* 减少上下边距到最小 */
}

/* 广告链接样式 */
.gglink {
  border: inset #D0FFFF 1.0pt !important;
  padding: 0cm 0cm 0cm 0cm !important;
  height: 17.5pt !important;
}

.gglink p {
  margin: 0 !important;
  text-align: center !important;
}

.gglink strong {
  display: block !important;
  width: 100% !important;
}

.gglink a {
  display: block !important;
  width: 100% !important;
  text-decoration: none !important;
}

.gglink span {
  font-family: '微软雅黑', 'sans-serif' !important;
  border: none windowtext 1.0pt !important;
  padding: 0cm !important;
}

/* 不同颜色的广告链接样式 */
.gglink-yellow span {
  color: yellow !important;
  font-size: 15.0pt !important;
}

.gglink-red span {
  color: #ef0c22 !important;
  font-size: 15.0pt !important;
}

.gglink-green span {
  color: #085f04 !important;
  font-size: 15.0pt !important;
}

.gglink-blue span {
  color: #0000d3 !important;
  font-size: 15.0pt !important;
}

.gglink-purple span {
  color: #CC0099 !important;
  font-size: 15.0pt !important;
}

.gglink-xxor span {
  color: #d13202 !important;
  font-size: 15.0pt !important;
}

.gglink-wzwor span {
  color: #af0348 !important;
  font-size: 15.0pt !important;
}

.script-table td {
padding: 0 !important; /* 完全移除内边距 */
border: none !important; /* 确保无边框 */
line-height: 1;
overflow: hidden !important;
white-space: nowrap;
max-width: 100%;
height: auto !important;
}

/* 确保api_caller.js内容不会产生滚动条 */
.script-table td script {
max-width: 100%;
display: block;
}

/* 为script-table专门禁用滚动条，优先级最高 */
.script-table::-webkit-scrollbar {
width: 0 !important;
height: 0 !important;
}

.script-table {
-ms-overflow-style: none;
scrollbar-width: none;
}

/* 确保script-table在任何情况下都不显示滚动条 */
.script-table, .script-table * {
overflow-x: hidden !important;
overflow-y: hidden !important;
}
table[border="1"] {
border: 2px solid #2196F3;
}
/* 确保表格在小屏幕上可以水平滚动 */
.table-wrapper {
overflow-x: auto;
margin: 15px auto;
width: 100%;
}
/* 美化iframe容器 */
iframe {
border-radius: 8px;
border: 2px solid #ddd;
}
/* 增强的响应式字体和布局 - 确保表格模块自适应屏幕变化 */
/* 确保所有表格内容只能一行显示 */
table td,
table td p,
table td span,
table td strong {
white-space: nowrap !important;
text-overflow: ellipsis;
overflow: hidden;
}

/* 强制所有表格单元格内容一行显示 */
.MsoNormal,
.MsoNormalTable p,
.MsoNormalTable span {
white-space: nowrap !important;
text-overflow: ellipsis;
overflow: hidden;
}

/* 使用媒体查询实现平滑的字体大小调整 */
/* 大屏幕设备 */
@media (min-width: 1200px) {
table td {
font-size: 16px;
}

/* 大屏幕下确保script-table无滚动条 */
.script-table {
max-width: 100% !important;
overflow: hidden !important;
}

.script-table td {
padding: 0 !important;
overflow: hidden !important;
}
table.MsoNormalTable,
table.MsoTableMediumShading1Accent3,
table.MsoTableLightList {
font-size: 12pt !important;
}
}


/* 中等屏幕设备 */
@media (max-width: 1199px) and (min-width: 992px) {
table td {
font-size: 16px;
}

/* 中等屏幕下确保script-table无滚动条 */
.script-table {
max-width: 100% !important;
overflow: hidden !important;
}

.script-table td {
padding: 0 !important;
overflow: hidden !important;
}
table.MsoNormalTable,
table.MsoTableMediumShading1Accent3,
table.MsoTableLightList {
font-size: 11pt !important;
}
}

/* 平板设备 */
@media (max-width: 991px) and (min-width: 768px) {
table td {
font-size: 16px;
}






/* 平板设备下确保script-table无滚动条 */
.script-table {
max-width: 100% !important;
overflow: hidden !important;
}

.script-table td {
padding: 0 !important;
overflow: hidden !important;
}
table.MsoNormalTable,
table.MsoTableMediumShading1Accent3,
table.MsoTableLightList {
font-size: 10.5pt !important;
}
}

/* 小平板/大手机 */
@media (max-width: 767px) {
body {
font-size: 12px;
}

/* 小平板/大手机下确保script-table无滚动条 */
.script-table {
max-width: 100% !important;
overflow: hidden !important;
}

.script-table td {
padding: 0 !important;
overflow: hidden !important;
}
.container {
padding: 2px;
}
table td {
font-size: 16px;
padding: 2px;
letter-spacing:-1px;
}
/* 确保表格内所有文字元素在小屏幕上也使用较小字体 */
table td p,
table td span,
table td strong {
font-size: inherit !important;
}
table.MsoNormalTable,
table.MsoTableMediumShading1Accent3,
table.MsoTableLightList {
font-size: 10pt !important;
}
}

/* 手机设备 */
@media (max-width: 480px) {
body {
font-size: 16px;
}



/* 手机设备下确保script-table无滚动条 */
.script-table {
max-width: 100% !important;
overflow: hidden !important;
}

.script-table td {
padding: 0 !important;
overflow: hidden !important;
}
table td {
font-size: 16px;
padding: 3px;
letter-spacing:-1px;
}
table.MsoNormalTable,
table.MsoTableMediumShading1Accent3,
table.MsoTableLightList {
font-size: 9pt !important;
}
}

/* 非常小的手机设备 */
@media (max-width: 360px) {
table td {
font-size: 13px;



/* 非常小的手机设备下确保script-table无滚动条 */
.script-table {
max-width: 100% !important;
overflow: hidden !important;
}

.script-table td {
padding: 0 !important;
overflow: hidden !important;
}
padding: 2px;
}
table.MsoNormalTable,
table.MsoTableMediumShading1Accent3,
table.MsoTableLightList {
font-size: 8pt !important;
}
}

/* 原有表格样式优化 */
table.MsoNormalTable {
font-size:11pt;
font-family:"Microsoft YaHei","微软雅黑","Calibri","sans-serif";
border: none !important;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
margin: 15px 0;
}
p.MsoNormal {
margin:0cm;
margin-bottom:.0001pt;
text-align:center;
font-size:11pt;
font-family:"Microsoft YaHei","微软雅黑","Calibri","sans-serif";
white-space: nowrap !important;
text-overflow: ellipsis;
overflow: hidden;
}

table.MsoTableMediumShading1Accent3 {
border:2px solid #B3CC82 !important;
font-size:11pt;
font-family:"Microsoft YaHei","微软雅黑","Calibri","sans-serif";
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 8px rgba(179, 204, 130, 0.2);
}

table.MsoTableLightList {
border:2px solid #333 !important;
font-size:11pt;
font-family:"Microsoft YaHei","微软雅黑","Calibri","sans-serif";
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* 新闻详情内容样式 - 增强优先级 */
#newsContentText {
font-size: 16px !important;
}

/* 针对prose类增强优先级 */
#newsContentText.prose,
#newsContentText.prose-slate,
#newsContentText.prose-slate.max-w-none {
font-size: 16px !important;
}

/* 确保所有内容元素都应用16px字体 */
#newsContentText p,
#newsContentText span,
#newsContentText strong,
#newsContentText h1,
#newsContentText h2,
#newsContentText h3,
#newsContentText h4,
#newsContentText h5,
#newsContentText h6,
#newsContentText li,
#newsContentText div {
font-size: 16px !important;
}

/* 美化图片容器 */
img {
border-radius: 5px;
border: 1px solid #ddd;
margin:0 auto;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

img:hover {
transform: scale(1.01);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* 美化标题样式 */
h1, h2, h3, h4, h5, h6 {
color: #333;
margin-bottom: 10px;
font-weight: 600;
}

/* 美化链接样式 */
a {
color: #2196F3;
text-decoration: none;
transition: color 0.3s ease;
}

a:hover {
color: #1976D2;
text-decoration: underline;
}

/* 滚动条美化 */
::-webkit-scrollbar {
width: 8px;
height: 8px;
}

::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 4px;
}

::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
background: #a8a8a8;
}
  .foot{
max-width: 1200px; /* 与下面内容相同的最大宽度 */
width: 100%; /* 宽度自适应 */
margin: 0 auto; /* 居中对齐，实现两边留白 */
}

/* 台湾、香港、澳门按钮独立样式 - 增强优先级 */
/* 简单直接的ID选择器，确保样式应用 */
#btnAA {
padding: 5px 15px !important;
margin-right: 10px !important;
background-color: #ff6b6b !important;
color: white !important;
border: none !important;
border-radius: 4px !important;
cursor: pointer !important;
font-size: 14px !important;
font-family: "Microsoft YaHei", "微软雅黑", sans-serif !important;
transition: all 0.3s ease;
}

#btnAA:hover {
background-color: #ee5253 !important;
transform: translateY(-1px);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

#btnAA:active {
transform: translateY(0);
}

#btnBB {
padding: 5px 15px !important;
margin-right: 10px !important;
background-color: #5f27cd !important;
color: white !important;
border: none !important;
border-radius: 4px !important;
cursor: pointer !important;
font-size: 14px !important;
font-family: "Microsoft YaHei", "微软雅黑", sans-serif !important;
transition: all 0.3s ease;
}

#btnBB:hover {
background-color: #341f97 !important;
transform: translateY(-1px);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

#btnBB:active {
transform: translateY(0);
}

#btnCC {
padding: 5px 15px !important;
background-color: #10ac84 !important;
color: white !important;
border: none !important;
border-radius: 4px !important;
cursor: pointer !important;
font-size: 14px !important;
font-family: "Microsoft YaHei", "微软雅黑", sans-serif !important;
transition: all 0.3s ease;
}

#btnCC:hover {
background-color: #0d9488 !important;
transform: translateY(-1px);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

#btnCC:active {
transform: translateY(0);
}

/* 同时保留更具体的选择器，确保在任何情况下都能应用 */
body #kjjl button#btnAA {
padding: 5px 15px !important;
margin-right: 10px !important;
background-color: #ff6b6b !important;
color: white !important;
border: none !important;
border-radius: 4px !important;
cursor: pointer !important;
font-size: 14px !important;
}

body #kjjl button#btnBB {
padding: 5px 15px !important;
margin-right: 10px !important;
background-color: #5f27cd !important;
color: white !important;
border: none !important;
border-radius: 4px !important;
cursor: pointer !important;
font-size: 14px !important;
}

body #kjjl button#btnCC {
padding: 5px 15px !important;
background-color: #10ac84 !important;
color: white !important;
border: none !important;
border-radius: 4px !important;
cursor: pointer !important;
font-size: 14px !important;
}

/* 按钮基础样式 */
#btnAA,
body #kjjl button#btnAA {
padding: 5px 15px !important;
margin-right: 10px !important;
background-color: #ff6b6b !important;
color: white !important;
border: none !important;
border-radius: 4px !important;
cursor: pointer !important;
font-size: 14px !important;
font-family: "Microsoft YaHei", "微软雅黑", sans-serif !important;
transition: all 0.3s ease !important;
}

#btnBB,
body #kjjl button#btnBB {
padding: 5px 15px !important;
margin-right: 10px !important;
background-color: #5f27cd !important;
color: white !important;
border: none !important;
border-radius: 4px !important;
cursor: pointer !important;
font-size: 14px !important;
font-family: "Microsoft YaHei", "微软雅黑", sans-serif !important;
transition: all 0.3s ease !important;
}

#btnCC,
body #kjjl button#btnCC {
padding: 5px 15px !important;
background-color: #10ac84 !important;
color: white !important;
border: none !important;
border-radius: 4px !important;
cursor: pointer !important;
font-size: 14px !important;
font-family: "Microsoft YaHei", "微软雅黑", sans-serif !important;
transition: all 0.3s ease !important;
}

/* 按钮悬停样式 */
#btnAA:hover,
body #kjjl button#btnAA:hover {
background-color: #ff5252 !important;
transform: translateY(-1px) !important;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
}

#btnBB:hover,
body #kjjl button#btnBB:hover {
background-color: #5352ed !important;
transform: translateY(-1px) !important;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
}

#btnCC:hover,
body #kjjl button#btnCC:hover {
background-color: #1dd1a1 !important;
transform: translateY(-1px) !important;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
}

/* 按钮选中状态样式 - 增强优先级 */
#btnAA.active,
body #kjjl button#btnAA.active {
background-color: #ff3838 !important;
box-shadow: 0 0 0 2px rgba(255, 107, 107, 0.5) !important;
}

#btnBB.active,
body #kjjl button#btnBB.active {
background-color: #4834d4 !important;
box-shadow: 0 0 0 2px rgba(95, 39, 205, 0.5) !important;
}

#btnCC.active,
body #kjjl button#btnCC.active {
background-color: #0652DD !important;
box-shadow: 0 0 0 2px rgba(16, 172, 132, 0.5) !important;
}

  #recordIframe {
    height: 250px;
}
@media (max-width: 375px) {
  #recordIframe {
    height: 250px;
}
  .img_container {
    width: 100%;
    left: 0;
    transform: none;
    margin-left: 0;
  }
  #xtopframe {
    height: 180px;
  }
 #linkframe{
    height: 430px;
}

}

@media (max-width: 480px) {
  #recordIframe {
    height: 250px;
}
  .img_container {
    width: 100%;
    left: 0;
    transform: none;
    margin-left: 0;
  }
  #xtopframe {
    height: 180px;
  }
 #linkframe{
    height: 430px;
}

}

/* 中等屏幕 */
@media (min-width: 481px) and (max-width: 768px) {
  #recordIframe {
    height: 320px;
  }
.img_container {
    width: 100%;
    margin-left: 0;
  }
  #xtopframe {
    height: 200px;
  }
 #linkframe{
    height: 650px;
}
}

/* 大屏幕 */
@media (min-width: 769px) {
  #recordIframe {
    height: 450px;
  }
  .img_container {
    width: 100%;
    margin-left: 0;
  }
  #xtopframe {
    height: 230px;
  }
 #linkframe{
    height: 650px;
}
}