/* ============================================================
   中国民星网 mxiptv.cn 移动端适配样式（演示稿）
   方案：≤768px 全量重排 —— 单列流式布局 + 横向滑动导航
   仅追加覆盖，不改原 CSS，PC 端显示不受影响
   ============================================================ */

/* ---------- viewport 由 HTML meta 负责 ---------- */

@media (max-width: 768px) {

  /* ================= 全局基础 ================= */
  html { -webkit-text-size-adjust: 100%; }
  body {
    font-size: 14px;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
  img, video { max-width: 100%; height: auto; }
  .screen { min-width: 0 !important; }

  /* 内联 width:1170px 的浮动容器全部放行 */
  div[style*="width:1170px"],
  div[style*="width: 1170px"] {
    width: 100% !important;
    padding: 0 10px;
    box-sizing: border-box;
  }

  /* 内联大宽度 span 清洗 */
  span[style*="width:750px"] { width: 100% !important; }
  span[style*="width:280px"] { width: auto !important; margin-right: 10px !important; }
  span[style*="width:50px"] { display: none !important; }

  /* HTML width/height 属性强制响应式 */
  img[width], img[height] { max-width: 100%; }
  .top_logo img[width] { width: 90% !important; height: auto !important; }
  .lh_tu01a video { max-width: 100%; }
  .gg_top1 img[width="280"] { width: 110px !important; height: auto !important; }

  /* ================= 第一屏：头部 ================= */

  /* 顶部通栏大图：缩为按比例 banner */
  .top .gg_top1[style*="height:150px"] {
    height: auto !important;
    background-size: 100% 100% !important;
    background-color: #5c0b0b;
    padding-bottom: 0;
  }
  .top .gg_top1[style*="height:150px"] > a,
  .top .gg_top1[style*="height:150px"] > span {
    height: 60px !important;
    float: none !important;
    display: block;
  }
  .top .gg_top1[style*="height:150px"] img {
    width: 110px !important;
    height: auto !important;
    margin-top: 4px;
  }
  .top { overflow: hidden; }

  /* 其余百度广告位(线上脚本,本地空div)收起 */
  .gg_top, .gg_top1:not([style*="height:150px"]) { min-height: 0; }

  /* 顶部工具条：允许换行 */
  .top_tl, .top_tl_l, .top_tl_r { width: 100% !important; height: auto !important; }
  .top_tl_l span, .top_tl_r span {
    float: left !important;
    padding: 4px 8px !important;
    margin: 0 !important;
  }
  .top_tl img { width: 18px !important; vertical-align: -4px; }
  .top_tl a { font-size: 12px !important; white-space: nowrap; }

  /* LOGO 行：4个logo改2列网格 */
  .top_logo {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 8px 10px;
    box-sizing: border-box;
    margin: 0 0 10px !important;
  }
  .top_logo a {
    display: block;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 6px 2px;
    background: #fff;
  }
  .top_logo img { width: 90% !important; height: auto !important; }

  /* ================= 第二屏：主导航 ================= */
  .Navigation { height: auto !important; }
  .Navigation ul {
    width: 100% !important;
    height: auto !important;
    display: flex !important;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .Navigation ul::-webkit-scrollbar { display: none; }
  .Navigation li {
    width: auto !important;
    float: none !important;
    flex: 0 0 auto;
    line-height: 44px !important;
    padding: 0 14px;
  }
  .Navigation li a { font-size: 15px !important; }

  /* ================= 苏州两会区块(学习专栏+视频) ================= */
  .lh_bja { background-size: cover !important; }
  .First { width: 100% !important; padding: 0 10px; box-sizing: border-box; }

  .lh_wena, .lh_tua {
    width: 100% !important;
    float: none !important;
    margin: 10px 0 0 !important;
    height: auto !important;
  }
  .xuexi img { width: 100% !important; height: auto !important; }
  .lh_wen_01a, .lh_wen_02a { width: 100% !important; line-height: 34px !important; }
  .lh_wen_01a a, .lh_wen_02a a { font-size: 15px !important; }

  .lh_tu01a {
    width: 100% !important;
    height: auto !important;
    margin: 6px 0 !important;
  }
  .lh_tu01a video {
    width: 100% !important;
    height: auto !important;
    margin-top: 0 !important;
  }

  /* 名人轮播：改单条卡片纵排 */
  .swiper-container { width: 100% !important; margin-left: 0 !important; height: auto !important; }
  .swiper-slide li {
    width: 100% !important;
    float: none !important;
    margin: 0 0 12px !important;
    padding: 10px;
    background: #f9f9f9;
    border-radius: 6px;
    height: auto !important;
    line-height: 22px !important;
    font-size: 13px !important;
    overflow: hidden;
  }
  .swiper-slide li img { width: 100% !important; height: auto !important; }
  .swiper-slide li span { font-size: 15px !important; padding: 8px 0 6px !important; }

  /* ================= 第三屏：头条+幻灯+专题 ================= */

  .toutiao { height: auto !important; }
  .toutiao_t { padding-top: 14px !important; }
  .toutiao_t_l { width: 44px !important; height: 30px; line-height: 30px; font-size: 13px !important; }
  .toutiao_t_r {
    width: calc(100% - 52px) !important;
    padding-left: 8px !important;
    line-height: 26px !important;
    height: auto !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .toutiao_t_r a { font-size: 17px !important; }
  .toutiao_f li { width: 100% !important; float: none !important; line-height: 34px; }

  /* 幻灯 + 学习平台 纵排 */
  .huandeng { width: 100% !important; }
  #focus, #focus .focus-bar-box { width: 100% !important; height: 0 !important; padding-bottom: 53%; }
  #focus .focus-bar li { width: 100% !important; height: auto !important; }
  #focus .focus-bar li img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }
  #focus .ft, #focus .ftbg { width: 100% !important; }
  #focus .hd { width: 72% !important; }
  #focus .focus-title { font-size: 13px !important; padding: 0 8px !important; white-space: nowrap; overflow: hidden; }
  #focus .focus-title a { font-size: 13px !important; }

  .wxzt {
    width: 100% !important;
    height: auto !important;
    display: flex;
    align-items: center;
  }
  .wxzt_bt { font-size: 15px !important; line-height: inherit !important; padding-left: 8px !important; }
  #gongao { width: 55% !important; height: 32px; line-height: 32px; font-size: 13px !important; }
  #gongao a { font-size: 13px !important; padding-right: 12px !important; }
  #scroll_div { width: 100% !important; }

  .xxpt { width: 100% !important; margin: 10px 0 0 !important; }
  .xxpt_bt, .xxpt_bt a { font-size: 17px !important; }
  .tupianxx { width: 100% !important; height: auto !important; }
  .tupianxx img { width: 100% !important; height: auto !important; }
  .tupianxx01 { top: auto !important; bottom: 0; width: 100% !important; position: relative; }
  .xxpt_wen { width: 100% !important; }
  .xxpt_wen li { width: 100% !important; box-sizing: border-box; background-size: 20px; padding-left: 26px; line-height: 32px; }
  .xxpt_wen a { font-size: 14px !important; }

  /* ================= 今日聚焦 ================= */
  .jrjj { width: 100% !important; }
  .jrjj_bt { height: auto !important; margin-top: 16px !important; }
  .jrjj_bt_l, .jrjj_bt_l a { font-size: 20px !important; }
  .jrjj_bt_r { font-size: 12px !important; }

  .jrjj_one, .jrjj_tow { width: 100% !important; }

  /* 三栏 currency -> 单列 */
  .currency {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    margin-bottom: 14px !important;
  }
  .m_30 { margin-left: 0 !important; }
  .jrjj_one_bt { width: 100% !important; text-align: left !important; background: none !important; margin: 18px 0 8px !important; font-size: 18px; }
  .jrjj_one_bt a { font-size: 18px !important; }

  .column_lb { width: 100% !important; }
  .column_lb li { width: 100% !important; box-sizing: border-box; line-height: 32px; height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  .column_lb li a { font-size: 14px !important; }

  /* 图文卡片 */
  .column_tu { width: 100% !important; height: auto !important; margin-top: 10px !important; }
  .column_tu img { width: 100% !important; height: auto !important; }

  .currency_tu01 { width: 100% !important; height: auto !important; }
  .currency_tu01 img { width: 100% !important; height: auto !important; }
  .currency_tu02 { position: relative !important; top: 0 !important; width: 100% !important; }

  /* 小图双列 */
  .currency .currency_tu03 {
    width: 48% !important;
    height: auto !important;
    margin: 0 0 8px !important;
  }
  .currency_tu03:nth-of-type(2n) { margin-left: 4% !important; }
  .m_20 { margin-left: 4% !important; }
  .currency_tu03 img { width: 100% !important; height: auto !important; }
  .currency_tu04 {
    position: relative !important;
    top: 0 !important;
    width: 100% !important;
    box-sizing: border-box;
    font-size: 12px !important;
    height: auto !important;
    line-height: 20px !important;
    padding: 2px 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .currency_bt { font-size: 18px !important; margin-top: 14px !important; }
  .currency_bt a { font-size: 18px !important; }

  /* 广告位格 */
  .gg_01, .gg_02, .gg_03 {
    width: 100% !important;
    float: none !important;
    margin: 10px 0 !important;
    height: auto !important;
  }
  .gg_01 img, .gg_02 img, .gg_03 img,
  .gg_01.m_10, .gg_02[style*="margin-left"] { margin-left: 0 !important; }

  /* ================= 图片/视频/音乐/商品频道 ================= */
  .tupian { width: 100% !important; padding: 0 10px; box-sizing: border-box; }
  .tupian_tt { width: 100% !important; font-size: 20px !important; margin: 18px 0 12px !important; }
  .tupian_tt a { font-size: 20px !important; }

  /* 频道内所有列容器单列化 */
  .tupianA, .tupianB, .tupianC {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
  }

  .tupian01 { width: 100% !important; height: auto !important; }
  .tupian01 img { width: 100% !important; height: auto !important; }
  .tupian02 {
    position: relative !important;
    top: 0 !important;
    width: 100% !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .tupian03 {
    width: 48% !important;
    float: left !important;
    height: auto !important;
    margin: 0 0 10px !important;
  }
  .tupian03[style*="margin-left:20px"] { margin-left: 4% !important; }
  .tupian03 img { width: 100% !important; height: auto !important; }
  .tupian04 {
    position: relative !important;
    top: 0 !important;
    width: 100% !important;
    box-sizing: border-box;
    font-size: 12px !important;
    height: auto !important;
    line-height: 20px !important;
    padding: 2px 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* 视频卡片：单列大卡 */
  .tupian05 {
    width: 100% !important;
    height: auto !important;
    margin: 0 0 14px !important;
  }
  .tupian05 video {
    width: 100% !important;
    height: auto !important;
    display: block;
    background: #000;
  }
  .tupian05[style*="margin-top:24px"] { margin-top: 0 !important; }
  .tupian06 {
    position: relative !important;
    top: 0 !important;
    width: 100% !important;
    font-size: 14px !important;
    line-height: 24px !important;
    padding: 6px 4px;
    height: auto !important;
    background: #333 !important;
    text-align: left !important;
  }

  .tupian07 { width: 48% !important; float: left !important; height: auto !important; margin: 0 0 10px !important; }
  .tupian07[style*="margin-top:20px"] { margin-top: 0 !important; }
  .tupian07 img { width: 100% !important; height: auto !important; }
  .tupian08 {
    position: relative !important;
    top: 0 !important;
    width: 100% !important;
    box-sizing: border-box;
    font-size: 12px !important;
    height: auto !important;
    line-height: 20px !important;
    padding: 2px 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* 音乐频道：audio 拉宽 */
  .tupian05 audio { width: 100% !important; }

  /* ================= 文旅体育 ================= */
  .whjy { width: 100% !important; padding: 10px 10px 0 !important; box-sizing: border-box; }

  /* ================= 页脚 ================= */
  .footer { width: 100% !important; padding: 10px !important; box-sizing: border-box; }
  .content_top { padding: 0 !important; }
  .linkImg { display: none !important; }
  .content_link { flex-wrap: wrap !important; padding: 4px 0 !important; }
  .content_link a {
    padding: 4px 10px !important;
    font-size: 12px !important;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin: 3px;
    background: #fff;
  }
  .content_link a::after { display: none !important; }
  .footer p { font-size: 12px !important; line-height: 20px !important; }
  .footer p img { max-width: 40% !important; }

  /* 悬浮工具收窄 */
  .bottom_tools { right: 10px !important; bottom: 20px !important; }

  /* 消除负 margin 造成的灰底大空白 */
  .screen[style*="margin-top: -30px"] { margin-top: 0 !important; height: auto !important; }
  .screen[style*="height: 100px"] { height: auto !important; }

} /* end @media 768px */