/* dhrclass.com 移动端响应式补丁 v2 | max-width:768px */

@media screen and (max-width: 768px) {

  /* === 全局 === */
  body { overflow-x: hidden !important; font-size: 14px !important; }
  img { max-width: 100% !important; height: auto !important; }
  * { box-sizing: border-box !important; }

  /* === 导航头 === */
  .page_header { height: 52px !important; padding: 0 12px !important; position: sticky !important; top: 0 !important; z-index: 999 !important; }
  .page_header_wrap { justify-content: space-between !important; align-items: center !important; }
  .header_logo { width: 100px !important; height: auto !important; }
  .header_menu_wrap,
  .header_search_wrap,
  .header_btn_download { display: none !important; }
  .header_btn { padding: 5px 10px !important; font-size: 12px !important; }
  .header_right { margin-left: 0 !important; }

  /* === 内容容器 === */
  .content_wrap,
  .dhr_page_content_wrap,
  .page_content_wrap,
  .page_content { max-width: 100vw !important; width: 100% !important; padding: 0 !important; overflow-x: hidden !important; }

  /* === Banner === */
  [class*="banner_wrap"],
  [class*="carousel_wrap"] { height: 180px !important; }
  [class*="carousel_item_img"],
  [class*="banner"] img { height: 180px !important; object-fit: cover !important; width: 100% !important; }

  /* === 课程卡片：四列→两列 === */
  .course_wrap { width: calc(50% - 6px) !important; min-width: 0 !important; }
  .course_img_wrap { height: 90px !important; }
  [class*="course_list"],
  [class*="new_course"],
  [class*="hot_course"],
  [class*="course_grid"] { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; padding: 0 12px !important; }

  /* === 课程详情：视频区 === */
  .course_video_wrap,
  .course_detil_video_wrap,
  .course_video_main_wrap,
  .video_wrap,
  .video_player { width: 100% !important; padding: 0 !important; }
  .video_el { width: 100% !important; height: auto !important; aspect-ratio: 16/9; }

  /* === 课程详情：主体左右→上下 === */
  .course_content_wrap,
  .course_detil_info_wrap { flex-direction: column !important; width: 100% !important; padding: 0 12px !important; }
  [class*="detail_left"],[class*="course_left"] { width: 100% !important; margin-right: 0 !important; }
  [class*="detail_right"],[class*="course_right"] { width: 100% !important; margin-top: 12px !important; }
  .course_head_wrap,
  .course_info_wrap,
  .course_price_wrap { padding: 10px 12px !important; }
  .course_info_wrap { flex-direction: column !important; }

  /* === 课程目录 === */
  .course_catalogue { width: 100% !important; }
  .course_catalogue_content { max-height: 300px !important; overflow-y: auto !important; }
  .course_catalogue_item { padding: 10px 12px !important; font-size: 13px !important; }
  .course_catalogue_tab { overflow-x: auto !important; white-space: nowrap !important; }

  /* === Tabs 横向滚动 === */
  .cbb_tabs_nav,
  .cbb_tabs_nav_scroll { overflow-x: auto !important; white-space: nowrap !important; -webkit-overflow-scrolling: touch !important; }
  .cbb_tabs_item { display: inline-block !important; padding: 8px 14px !important; font-size: 13px !important; }

  /* === 评价 === */
  .course_evaluate_list_wrap { padding: 0 12px !important; }
  .course_evaluate_item { flex-direction: column !important; }
  .course_detil_relevant_course { padding: 12px !important; }

  /* === 讲师 === */
  [class*="lecturer_item"],[class*="expert_item"] { width: calc(50% - 6px) !important; }
  [class*="lecturer_list"],[class*="expert_list"],[class*="lecturer_container"] {
    display: flex !important; flex-wrap: wrap !important; gap: 10px !important; padding: 0 12px !important;
  }
  .lecturer_detail_box { flex-direction: column !important; padding: 12px !important; }

  /* === 资讯 === */
  [class*="information_item"],[class*="news_item"] { width: 100% !important; flex-direction: column !important; padding: 12px !important; }
  [class*="information_img"],[class*="news_img"] { width: 100% !important; height: 160px !important; object-fit: cover !important; }

  /* === 订阅区块 === */
  [class*="subscribe_list"] { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; padding: 0 12px !important; }
  [class*="subscribe_item"] { width: calc(50% - 5px) !important; }

  /* === 标题 === */
  [class*="title_wrap"],[class*="home_title"],.title_wrap_detail { font-size: 15px !important; padding: 12px !important; }

  /* === 支付弹窗 === */
  .payment_content,.popup-payment-content { padding: 12px !important; }
  .payment_footer,.popup-payment-footer { padding: 12px !important; }
  .payment_type { flex-wrap: wrap !important; gap: 8px !important; }

  /* === 底部 === */
  .page_footer { padding: 16px 12px !important; }
  .page_footer_content_wrap { flex-direction: column !important; align-items: center !important; gap: 12px !important; }
  .page_footer_left,.page_footer_right { width: 100% !important; text-align: center !important; }
  .page_footer_right_item_wrap { flex-wrap: wrap !important; justify-content: center !important; gap: 8px !important; }
  .page_footer_right_item { width: calc(33% - 8px) !important; }
  [class*="footer_left_qrcode"] { display: none !important; }
  .page_copyright { font-size: 11px !important; padding: 8px 12px !important; text-align: center !important; }

  /* === 隐藏PC专用 === */
  [class*="qrCode"],[class*="qr_code"],.qrcode_float,
  [class*="float_btn"],[class*="side_bar"],[class*="sidebar"] { display: none !important; }

  /* === 文字 === */
  [class*="course_name"],[class*="course_title"] { font-size: 13px !important; line-height: 1.4 !important; }
}

@media screen and (max-width: 375px) {
  .course_wrap,[class*="subscribe_item"],[class*="lecturer_item"],[class*="expert_item"] { width: 100% !important; }
  .page_footer_right_item { width: calc(50% - 8px) !important; }
}