/* =====================================================
   responsive.css — yunfale.com 响应式改造
   皮肤: skin8899  断点: 1200px / 768px / 480px
   ===================================================== */

/* ====================================================
   断点1: 1200px — 容器宽度自适应
   ==================================================== */
@media screen and (max-width: 1200px) {
  .m,
  .w1200,
  .scrollmain,
  .bottombg > div,
  .bottom_showicon,
  .head_m {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
  }
  .head_search,
  .head_search_on {
    width: calc(100% - 470px) !important;
  }
  .main-left  { width: calc(100% - 270px) !important; }
  .main-right { width: 250px !important; }
  .page-left  { width: calc(100% - 220px) !important; }
  .page-right { width: 200px !important; }
  .m_l  { width: calc(100% - 320px) !important; }
  .m_r  { width: 300px !important; }
  .m1l, .m2l { width: calc(100% - 260px) !important; }
  .m1r, .m2r { width: 240px !important; }
  .m3l { width: calc(100% - 320px) !important; }
  .m3r { width: 300px !important; }
}

/* ====================================================
   断点2: 768px — 移动端完整布局
   ==================================================== */
@media screen and (max-width: 768px) {

  /* --- 全局 --- */
  * { box-sizing: border-box; }
  body { font-size: 14px; -webkit-text-size-adjust: 100%; }
  img  { max-width: 100%; height: auto; }

  .m,
  .w1200,
  .bottombg > div,
  .bottom_showicon,
  .head_m {
    width: 100% !important;
    min-width: 0 !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  /* --- 顶部工具条 --- */
  .head { height: auto; line-height: 26px; }
  .head_m { padding: 4px 8px !important; position: relative; }
  .head_l { float: none; }
  .head_l li { float: left; font-size: 12px; margin-right: 8px; }
  .head_r { float: none; clear: both; text-align: left; font-size: 12px; }

  /* --- Logo + 搜索 --- */
  .top { padding: 8px 0 0 0; }
  .logo {
    width: 100% !important;
    float: none !important;
    height: auto;
    text-align: center;
    padding-bottom: 6px;
  }
  .logo img { max-height: 50px; width: auto; float: none; display: inline-block; }
  .modname  { display: none; }
  .grid-car { display: none; } /* 发布按钮移动端隐藏 */

  .head_search,
  .head_search_on {
    width: 100% !important;
    float: none !important;
    clear: both;
    margin-top: 4px;
    height: 42px;
  }
  .search_m  { width: 60px !important; font-size: 12px; }
  .search_i  { width: calc(100% - 160px) !important; }
  .search_s  { width: 80px !important; font-size: 14px; }

  /* --- 导航 — 横向滚动 --- */
  .menu { height: auto; border-bottom: 1px solid #e3e3e3; }
  .allmenu { display: none; } /* 隐藏左侧"所有产品分类"块 */
  .menu-r { width: 100%; overflow: hidden; }
  .menu-r ul {
    width: 100% !important;
    height: 40px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    display: flex;
    padding-left: 0 !important;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .menu-r ul::-webkit-scrollbar { display: none; }
  .menu-r ul li {
    float: none !important;
    display: inline-flex !important;
    align-items: center;
    flex-shrink: 0;
    height: 40px;
  }
  .menu-r li a {
    padding: 0 12px !important;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    display: block;
  }

  /* --- 固定悬浮导航条 — 移动端隐藏（太占空间）--- */
  .scroll { display: none !important; }

  /* --- 两栏 → 单栏 --- */
  .main-left,
  .main-right,
  .page-left,
  .page-right,
  .m_l, .m_r,
  .m1l, .m1r,
  .m2l, .m2r,
  .m3l, .m3r {
    width: 100% !important;
    float: none !important;
    display: block;
  }
  .main-right,
  .page-right,
  .m_r,
  .m1r, .m2r, .m3r { margin-top: 10px; }

  /* --- 首页特殊布局 --- */
  .indexnav { width: 100% !important; float: none !important; height: auto !important; display: none; }
  .index-mid { width: 100% !important; float: none !important; margin-left: 0 !important; }
  .foucs-ad  { width: 100% !important; height: auto; }

  /* --- 供应列表项 --- */
  .list-box li { height: auto !important; padding: 12px 8px; }
  .list-box li .left  { width: 100px !important; }
  .list-box li img    { width: 90px !important; height: auto !important; }
  .list-box li h3     { height: auto !important; font-size: 15px; white-space: normal; }

  /* --- 产品详情 --- */
  .cover-wrap { width: 100% !important; float: none !important; margin-right: 0 !important; }
  .see dt { width: 80px !important; }
  .see ul li { width: 100% !important; }
  .content-one dt { width: 60px !important; }

  /* --- 表格 — 横向滚动 --- */
  table {
    max-width: 100%;
    overflow-x: auto;
    display: block;
    -webkit-overflow-scrolling: touch;
  }

  /* --- 分页 --- */
  .pages { padding: 8px 0; font-size: 12px; }

  /* --- 底部 --- */
  .bottombg { padding: 15px 0; }
  .bottom_showicon { width: 100% !important; }
  .bottom_showicon a { width: 50% !important; height: auto; padding: 8px 0; }
  .foot { padding: 12px 0; font-size: 12px; line-height: 24px; }

  /* --- 面包屑 --- */
  .pos { font-size: 12px; padding: 5px 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

  /* --- 溢出修复 --- */
  .m > * { max-width: 100%; overflow-wrap: break-word; word-break: break-all; }
}

/* ====================================================
   断点3: 480px — 超小屏
   ==================================================== */
@media screen and (max-width: 480px) {
  .head_r     { display: none; }
  .search_m   { display: none; }
  .search_i   { width: calc(100% - 80px) !important; border-left: 2px solid #ff5400 !important; }
  .search_s   { width: 80px !important; }
  .bottom_showicon a { width: 50% !important; }
}