/* ============================================================
   CCTV节目官网首页 移动端 H5 适配
   仅通过媒体查询覆盖，桌面端样式不受任何影响
   ============================================================ */
@media screen and (max-width: 768px) {

  /* ---------- 全局 ---------- */
  html, body { overflow-x: hidden; }
  body { min-width: 0; padding-top: 86px; }
  .column_wrapper { width: auto; margin: 0 12px; }
  .textTab h3 { font-size: 20px; line-height: 40px; }
  .textTab .right a { width: auto; padding: 0 12px; margin-left: 0; margin-bottom: 6px; }

  /* 桌面端悬浮元素：隐藏 */
  .nav_wrapper_bg_2022 { display: none !important; }
  .floatNav { display: none !important; }

  /* 桌面端 hover 弹窗：移动端禁用（.page_body 仅包裹 ind01，故全局隐藏） */
  .diacon { display: none !important; }
  .sjewm { display: none !important; }
  .hover { display: none !important; }
  .tips { display: none !important; }

  /* 广告品牌区（静态占位为空白）：移动端隐藏 */
  .tvCCTV_galaxy04 { display: none !important; }

  /* ---------- header_nav 固定顶栏（logo + 搜索） ---------- */
  .header_nav {
    display: block !important;
    position: fixed; top: 0; left: 0;
    width: 100%; height: auto;
    padding: 6px 0 8px;
    box-sizing: border-box;
  }
  .header_nav .tvCCTV_nav { width: auto; height: auto; margin: 0 12px; }
  .header_nav .tvCCTV_nav .logoNav { float: none; height: auto; }
  .header_nav .tvCCTV_nav .logoNav span { margin: 2px 0 0; }
  .header_nav .tvCCTV_nav .logoNav .navUl { display: none; }
  .header_nav .tvCCTV_nav .searchHead { float: none; padding-top: 8px; }
  .header_nav .tvCCTV_nav .searchHead .firstSearch { width: 100%; float: none; position: static; display: flex; }
  .header_nav .firstSearch .inputVal { float: none; width: auto; flex: 1; margin-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; }
  .header_nav .firstSearch .inputVal input { width: 100%; }
  .header_nav .firstSearch .buttonVal { float: none; flex: 0 0 56px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
  .header_nav .firstSearch .inputVal .tvContent { width: calc(100% - 24px); }

  /* ---------- ind01 顶部大图 ---------- */
  .tvCCTV_ind01 { height: auto; }
  .tvCCTV_ind01 .firstSwiper { height: auto; }
  .tvCCTV_ind01 .column_wrapper { height: auto; }
  .tvCCTV_ind01 .logo { display: none; }
  .tvCCTV_ind01 .firstSearch { display: none; }
  .tvCCTV_ind01 .floatText { display: none; }
  .tvCCTV_ind01 .swiper-container { position: static; height: auto; }
  .tvCCTV_ind01 .swiper-wrapper { position: static; }
  .tvCCTV_ind01 .swiper-wrapper .swiper-slide { height: auto; }
  .tvCCTV_ind01 .swiper-wrapper .swiper-slide a { height: auto; }
  .tvCCTV_ind01 .swiper-wrapper .swiper-slide img { width: 100% !important; height: 165px !important; object-fit: cover; }

  /* hotPlay 海报条：横向滚动 */
  .tvCCTV_ind01 .slider { position: static; width: auto; left: auto; top: auto; margin-left: 0; overflow: visible; }
  .tvCCTV_ind01 .slider .btn { display: none; }
  .tvCCTV_ind01 .slider .livelb_fuceng { display: none; }
  .tvCCTV_ind01 .slider .con { width: auto; padding: 0 12px; background: none; mask: none; -webkit-mask: none; overflow: visible; }
  .tvCCTV_ind01 .slider .con ul { width: auto; display: flex; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 12px; }
  .tvCCTV_ind01 .slider .con ul li { float: none; flex: 0 0 auto; width: 118px; padding-right: 10px; }
  .tvCCTV_ind01 .slider .con ul li .image { width: 118px; height: 148px; }
  .tvCCTV_ind01 .slider .con ul li .image img { width: 100%; height: 100%; }
  .tvCCTV_ind01 .slider .con ul li .title { height: auto; }

  /* ---------- ind02 导航条 ---------- */
  .tvCCTV_ind02 { height: auto; padding-bottom: 6px; }
  .tvCCTV_ind02 .naviga1 { width: auto; float: none; padding: 10px 12px 0; display: flex; flex-wrap: wrap; }
  .tvCCTV_ind02 .naviga1 li { float: none; }
  /* 桌面标签左右 padding 20px（相邻文字间隔 40px）→ 收紧 */
  .tvCCTV_ind02 .naviga1 .navt { display: inline-block; padding: 0 12px; }
  .tvCCTV_ind02 .naviga2 { width: auto; float: none; padding: 0 12px 6px; display: flex; flex-wrap: wrap; }
  .tvCCTV_ind02 .naviga2 li { float: none; width: auto; margin-right: 16px; }
  .tvCCTV_ind02 .naviga2 li.end1, .tvCCTV_ind02 .naviga2 li.end2 { display: block; }
  .tvCCTV_ind02 .end3 { display: block; padding: 0 12px 8px; }

  /* ---------- ind03 今日热门 ---------- */
  .tvCCTV_ind03 .content ul { display: flex !important; flex-wrap: wrap; }
  .tvCCTV_ind03 .content ul li { float: none !important; width: 50% !important; margin: 0 0 10px !important; padding: 0 4px; box-sizing: border-box; }
  .tvCCTV_ind03 .content ul li.end1, .tvCCTV_ind03 .content ul li.end2, .tvCCTV_ind03 .content ul li.end3 { display: block; }
  .tvCCTV_ind03 .content ul li .image { width: 100% !important; height: auto !important; }
  .tvCCTV_ind03 .content ul li .image img { display: block; width: 100% !important; height: auto !important; }
  /* 桌面标题固定 48px 高，移动端按内容自适应，消除行内空洞 */
  .tvCCTV_ind03 .content ul li .title { height: auto; min-height: 26px; padding-top: 6px; line-height: 20px; }
  .tvCCTV_ind03 .content ul li.first { width: 100% !important; margin-bottom: 10px; }
  .tvCCTV_ind03 .content ul li.first .image { width: 100%; height: auto; }
  .tvCCTV_ind03 .content ul li.first .text { padding: 10px 0; }
  .tvCCTV_ind03 .content ul li.first .title { height: auto; line-height: 24px; }

  /* ---------- ind04 直播导视 ---------- */
  .tvCCTV_ind04 .content { padding: 0 12px; }
  .tvCCTV_ind04 .content .zbds_left, .tvCCTV_ind04 .content .zbds_right { display: none; }
  .tvCCTV_ind04 .content .con { overflow: visible; }
  .tvCCTV_ind04 .content .con ul { width: auto; display: flex; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  /* 桌面 li 上下 padding 28/26px 造成大片空洞 → 收紧 */
  .tvCCTV_ind04 .content .con ul li { float: none; flex: 0 0 auto; padding: 10px 0; }
  .tvCCTV_ind04 .content .con ul li .li_con { width: 150px; padding: 8px 12px 0; }
  .tvCCTV_ind04 .content .con ul li .li_line { width: 150px; left: 12px; }

  /* ---------- ind05 精品 ---------- */
  .tvCCTV_ind05 .zbds_center_con { height: auto; background: none; }
  .tvCCTV_ind05 .zbds_center_con ul { width: auto; display: flex; overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 0 12px; }
  /* 桌面 li 上下 padding 24/20px → 收紧 */
  .tvCCTV_ind05 .zbds_center_con ul li { float: none; flex: 0 0 auto; width: 150px; margin-right: 10px; padding-top: 10px; padding-bottom: 8px; }
  .tvCCTV_ind05 .zbds_center_con ul li.end1, .tvCCTV_ind05 .zbds_center_con ul li.end2, .tvCCTV_ind05 .zbds_center_con ul li.end3 { display: block; }
  .tvCCTV_ind05 .content ul { width: auto; display: flex !important; flex-wrap: wrap; }
  .tvCCTV_ind05 .content ul li { float: none !important; width: 50% !important; margin: 0 0 10px !important; padding: 0 4px; box-sizing: border-box; }
  .tvCCTV_ind05 .content ul li .common .img { height: auto; width: 100% !important; }
  .tvCCTV_ind05 .content ul li .common .img img { width: 100% !important; height: auto !important; display: block; }

  /* ---------- ind06 横栏海报 ---------- */
  .tvCCTV_ind06 { height: auto; padding: 20px 0; background-size: cover; }
  .tvCCTV_ind06 ul { width: auto; padding: 0 12px; }

  /* ---------- ind07 片库 ---------- */
  .tvCCTV_ind07 { width: auto; padding: 0 0 20px; margin-left: 0; overflow: visible; }
  .tvCCTV_ind07 .content { height: auto; }
  .tvCCTV_ind07 .content .inside { position: static; width: auto; height: auto; }
  .tvCCTV_ind07 .content .cont {
    position: static !important;
    display: block !important;
    left: auto !important;
    width: auto;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
  }
  .tvCCTV_ind07 .content .cont ul { width: auto; display: flex !important; flex-wrap: wrap; }
  .tvCCTV_ind07 .content .cont ul li { float: none !important; width: 50% !important; margin: 0 0 10px !important; padding: 0 4px; box-sizing: border-box; }
  /* 桌面文字条固定 44px 高/行高，移动端自适应 */
  .tvCCTV_ind07 .content .cont ul li .common .text { height: auto; line-height: 22px; padding-top: 6px; }
  .tvCCTV_ind07 .content .cont ul li .common .img { width: 100% !important; height: auto !important; }
  .tvCCTV_ind07 .content .cont ul li .common .img img { width: 100% !important; height: auto !important; display: block; }
  .tvCCTV_ind07 .content .cont ul li .typeLabel { width: auto; }

  /* ---------- galaxy02 人物卡片（桌面 ul 固定 1000px） ---------- */
  .tvCCTV_galaxy02 { padding-bottom: 20px; }
  .tvCCTV_galaxy02 ul { width: auto; display: flex; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .tvCCTV_galaxy02 ul li { float: none; flex: 0 0 auto; width: 240px; height: 113px; margin-right: 8px; }

  /* ---------- galaxy03 广告横幅 ---------- */
  .tvCCTV_galaxy03 img { width: 100%; height: auto; }

  /* ---------- ind08 看点 ---------- */
  .column_wrapper .l, .column_wrapper .r { width: auto; float: none; }
  /* .left 桌面为 float:shrink-to-fit，nowrap 标签条会撑破宽度 → 取消浮动并限宽 */
  .tvCCTV_ind08 .textTab .left { float: none; width: 100%; }
  .tvCCTV_ind08 .textTab .tit_nav { margin-left: 0; width: 100%; display: flex; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; }
  .tvCCTV_ind08 .textTab .tit_nav a { flex: 0 0 auto; }
  .tvCCTV_ind08 ul { display: flex !important; flex-wrap: wrap; }
  .tvCCTV_ind08 ul li { float: none !important; width: 50% !important; margin: 0 0 10px !important; padding: 0 4px; box-sizing: border-box; }
  /* 桌面标题固定 40px 高、灰色标签行高 44px，移动端收紧 */
  .tvCCTV_ind08 ul li .text .title { height: auto; line-height: 20px; }
  .tvCCTV_ind08 ul li .text .brief { line-height: 20px; }
  .tvCCTV_ind08 ul li.end1, .tvCCTV_ind08 ul li.end2, .tvCCTV_ind08 ul li.end3 { display: block; }
  .tvCCTV_ind08 ul li .image { width: 100% !important; height: auto !important; }
  .tvCCTV_ind08 ul li .image img { display: block; width: 100% !important; height: auto !important; }

  /* ---------- program_wrapper 央视大全 ---------- */
  .program_wrapper .kj .bt a { width: auto; }
  .program_wrapper .kj .bt img { max-width: 100%; }
  .program_wrapper .kjf table { display: block; height: auto; }
  .program_wrapper .kjf tbody { display: block; }
  .program_wrapper .kjf tr { display: flex; flex-wrap: wrap; }
  .program_wrapper .kjf td { width: 33.33%; box-sizing: border-box; padding: 10px 0; float: none; }
  .program_wrapper .kjr { width: auto; }
  .program_wrapper .kjr .conBox .playBox { float: none; width: auto; box-sizing: border-box; border-right: 0; border-bottom: 1px solid #ebebeb; padding: 14px 12px; }
  /* 与桌面端同等特异性（.kjr .conBox .promList ...），确保覆盖固定宽度 */
  .program_wrapper .kjr .conBox .promList { float: none !important; width: auto !important; box-sizing: border-box; padding: 0 12px; }
  .program_wrapper .kjr .conBox .promList .listBox { width: auto; }
  .program_wrapper .kjr .conBox .promList .listBox table { display: block; width: 100%; }
  .program_wrapper .kjr .conBox .promList .listBox tbody { display: block; }
  .program_wrapper .kjr .conBox .promList .listBox tr { display: flex; flex-wrap: wrap; }
  .program_wrapper .kjr .conBox .promList .listBox table tr td { width: 50% !important; padding: 6px 0 !important; box-sizing: border-box; }
  .program_wrapper .kjr .conBox .promList .listBox table tr td a { width: auto; max-width: 100%; display: inline-block; }

  /* ---------- 页脚 ---------- */
  .footerPC { height: auto; }
  .footerPC .footer_hd { height: auto; padding-bottom: 12px; }
  .footerPC .footer_hdCon, .footerPC .footer_bdCon { width: auto; padding: 0 12px; box-sizing: border-box; }
  .footerPC .footer_hdCon .links dl { float: none; width: auto !important; padding-left: 0 !important; }
  .footerPC .footer_hdCon .links dt { border-right: 0; padding-bottom: 10px; }
  .footerPC .footer_hdCon .links dd { height: auto; border-right: 0; }
  .footerPC .footer_hdCon .links li { width: 50%; }
  .footerPC .footer_hdCon .links .aigc { float: none; width: auto !important; }
  .footerPC .footer_hdCon .links .aigc li { width: 33%; }
  .footerPC .footer_bd { height: auto; padding-bottom: 12px; }
  .footerPC .footer_bd .footer_bdCon_l { float: none; }
  .footerPC .footer_bd .footer_bdCon_l p { line-height: 24px; }
  .footerPC .footer_bd .footer_bdCon_r { float: none; }
  .footerPC .footer_bd .footer_bdCon_r dl { padding: 10px 0 0; }
  .footerPC .footer_bd .footer_bdCon_r dt, .footerPC .footer_bd .footer_bdCon_r dd { float: none; }
  .footerPC .footer_bd .footer_bdCon_r dd { width: auto; text-align: left; margin: 6px 0; }
  .footerPC .footer_bd .footer_bdCon_r p { text-align: left; }
}
