/* wancili 移动端适配 */

/* 防止横向滚动条 */
html,
body {
  overflow-x: hidden !important;
}

@media (max-width: 1000px) {

  /* 根因：Discuz body 固定 width:1200px min-width:1200px */
  body {
    width: auto !important;
    min-width: 0 !important;
  }

  .top_head,
  .vk_ft {
    display: none !important;
  }

  /* 所有固定宽度容器统一覆盖 */
  * {
    max-width: 100% !important;
    box-sizing: border-box;
  }

  #wp,
  .wp,
  #hd,
  #hd .wp,
  #pt,
  #ct,
  .mn,
  .sd,
  .bm,
  .bm_c,
  .bm_h,
  .bm.vw,
  .vk_article,
  .vk_xld,
  .vk_nv_sub,
  .hdc,
  .h,
  .hm,
  .d,
  .s,
  .o,
  .pren,
  .scbar_logo_r_post,
  #scbar_form,
  .vk_top_side_post,
  .bshare-custom,
  .dxb_bc,
  .area,
  .drag,
  .frame,
  .frame-1,
  .frame-1-c,
  .column,
  .block,
  .module,
  .vk_diy,
  .vk_diy_side,
  .vk_diy_diy,
  .vk_article_cat,
  table.vwtb,
  table.vwtb td,
  #article_content,
  #comment,
  #comment_ul,
  #diy1,
  #diy3,
  #diysummarytop,
  #diysummarybottom,
  #diycontenttop,
  #diycontentbottom,
  #diycontentclickbottom,
  #diycontentrelatetop,
  #diycontentrelate,
  #diycontentcomment,
  #diyrighttop,
  #diy_sd_2,
  #diy_sd_3,
  #diy_sd_4,
  #diy_sd_5,
  #diy_sd_6,
  #diy_sd_7,
  .title,
  .frame-title {
    width: 100% !important;
    min-width: 0 !important;
    float: none !important;
  }


  /* 文章主体区左右留白对齐 */
  .mn .bm,
  .mn .bm.vw {
    padding-left: 0px !important;
    padding-right: 25px !important;
  }

  /* 导航横向滚动 */
  #nv {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  #nv ul {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
  }

  #nv li {
    flex-shrink: 0;
  }

  /* 图片/媒体不溢出 */
  img,
  video,
  iframe,
  embed {
    max-width: 100% !important;
    height: auto !important;
  }

  /* 侧栏模块自适应 */
  .sd {
    margin-top: 20px;
  }

  .module.cl.ml ul {
    display: flex;
    flex-wrap: wrap;
  }

  .module.cl.ml li {
    width: auto !important;
    flex: 1 1 45%;
    min-width: 0;
  }

  /* 文章标题/摘要/正文自适应 */
  h1,
  h2,
  h3,
  p,
  dl,
  dt,
  dd,
  strong,
  em,
  span {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}