.table-img { width: 100%; margin:0 auto; background: #fb0628; border: none; border-collapse: collapse; } .table-img td { background: #fb0628; border: none; vertical-align: middle; padding: 0; margin: 0; } .table-img img { display: block; max-width: 100%; height: auto; } 

body, p, input, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form { margin: 0; padding: 0; list-style: none; vertical-align: middle; font-weight:normal; }
	img { border:0; margin: 0; padding: 0;   }
	body { color: #000; -webkit-user-select: none; -webkit-text-size-adjust: none; font:normal 16px/200% "微软雅黑", helvetica, arial; text-align:left;}
    /* 本例子css -------------------------------------- */
	#slideBox_703{ position:relative;overflow:hidden;margin:0px auto;width:100%;max-width:1024px;/* 设置焦点图最大宽度 */ }
	#slideBox_703 .hd{position:absolute;height:28px;line-height:28px;bottom:5%;width:100%;  z-index:1; text-align:center }
	#slideBox_703 .hd li{ display:inline-block; width:10px;height:10px;-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#fafafa; text-indent:-9999px; overflow:hidden; margin:0 0.06rem;   }
	#slideBox_703 .hd li.on{ background:#000000;  }
	#slideBox_703 .bd{ position:relative; z-index:0; }
	#slideBox_703 .bd li{ position:relative; text-align:center;  }
	#slideBox_703 .bd li img{ background:url(http://39.108.179.90/wap_themes/xiaomi/widgets/qf_slide/images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
	#slideBox_703 .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
	#slideBox_703 .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(http://39.108.179.90/wap_themes/xiaomi/widgets/qf_slide/images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }

 .table-img { width: 100%; margin:0 auto; background: #f2f1f6; border: none; border-collapse: collapse; } .table-img td { background: #f2f1f6; border: none; vertical-align: middle; padding: 0; margin: 0; } .table-img img { display: block; max-width: 100%; height: auto; transition: transform 0.2s; transform: scale(1); } 
 .table-img { width: 100%; margin:0 auto; background: #f2f1f6; border: none; border-collapse: collapse; } .table-img td { background: #f2f1f6; border: none; vertical-align: middle; padding: 0; margin: 0; } .table-img img { display: block; max-width: 100%; height: auto; } 
 /* 全局重置：清除默认边距，防止挤压上方模块 */ * { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; /* 去除移动端点击高亮背景 */ } /* 关键：给 body 加上 overflow-x: hidden，防止页面整体横向溢出 */ body { background-color: #f2f1f6; /* 你要的背景色 */ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; overflow-x: hidden; /* 核心修复：禁止页面整体横向滚动 */ } /* 滑动容器：改用 width: 100% 而非 100vw，避免超出父容器 */ .slide-container { width: 100%; /* 改为 100%，继承父元素宽度，不会超出 */ display: flex; /* 使用 Flex 布局替代 Table，更稳定 */ overflow-x: auto; /* 横向滚动 */ overflow-y: hidden; scroll-behavior: smooth; /* 平滑滚动 */ /* 隐藏滚动条 */ -ms-overflow-style: none; scrollbar-width: none; background-color: #f2f1f6; /* 容器背景色和页面保持一致，防止露出白边 */ } .slide-container::-webkit-scrollbar { display: none; } /* 链接包裹层：防止图片间隙 */ .slide-item { flex: 0 0 auto; /* 关键：禁止换行，禁止拉伸，保持图片原始宽度比例 */ height: 100px; /* 统一高度 */ } /* 图片样式 */ .slide-img { height: 100%; width: auto; /* 宽度自动，保持比例 */ display: block; vertical-align: middle; } 
 .table-img { width: 100%; margin: 0 auto; background: #f2f1f6; /* 改成你要的背景色 */ border: none; border-collapse: collapse; border-spacing: 0; } .table-img td { background: #f2f1f6; /* 单元格也统一背景色 */ border: none; vertical-align: top; padding: 0; margin: 0; line-height: 0; font-size: 0; } .table-img img { display: block; max-width: 100%; height: auto; border: none; margin: 0; padding: 0; vertical-align: top; } .table-img a { display: block; text-decoration: none; border: none; margin: 0; padding: 0; } 
 .table-img { width: 100%; margin: 0 auto; background: #f2f1f6; border: none; border-collapse: collapse; border-spacing: 0; } .table-img td { background: #f2f1f6; border: none; vertical-align: top; padding: 0; margin: 0; line-height: 0; font-size: 0; } .table-img img { display: block; max-width: 100%; height: auto; border: none; margin: 0; padding: 0; vertical-align: top; } .table-img a { display: block; text-decoration: none; border: none; margin: 0; padding: 0; }