/*!************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/less-loader/dist/cjs.js!./app/web/layout/index.less ***!
  \************************************************************************************************************************************************/
html,
body {
  padding: 0;
  margin: 0;
}
.index__cj-main___3tEuL {
  display: flex;
  padding: 0;
  margin: 0;
}
#index__cj-menu___3jDcj {
  height: 100vh;
  position: sticky;
  top: 0;
  z-index: 1004;
}
.index__cj-container___3wu3L {
  flex: 1;
  max-width: 100%;
}
/* /intelligence(广告/销售大屏)单页布局控制:通过 ssrRoutes options.containerClassName
   附加到 .cj-container,让该页整列表现得像 /home。用 :global 输出普通类名,供 options 以字符串引用。 */
.cj-container-intelligence {
  /* 1) 整列(header + #react-content + footer)最小宽度 1200:内容 min-width 后横向滚动时,
        header/footer 也一起 ≥1200、不会在右侧露出空白。 */
  min-width: 1200px;
  /* 2) 头部随页滚动常驻顶部。整页窗口滚动时,让 #cj-header-container sticky 钉在 top:0。
        (头部在 home-search-layout 下由 mf 强制 isMini=false,始终大搜索态、不会滚动时变 mini,
         与 /home 一致;见 mf block-search-nav.tsx 的 isHomeSearchLayout。)
        z-index 需高于页面内的 .hero(sticky top:60,z-index:30),才能盖住其上方滚动的内容。
        注意:id 也要用 :global 包裹,否则会被 css-modules 哈希、选择器对不上真实 DOM id。 */
}
.cj-container-intelligence #cj-header-container {
  position: sticky;
  top: 0;
  z-index: 100;
}
/* React-SSR 页面整列 min-width:1200(body.vip 亦 min-width:1200),窄屏(视口 < 侧栏 + 1200)时内容会超出屏幕。
   但全站 body.vip 为 `overflow: hidden auto`(overflow-x:hidden 原为防止误出横向滚动条),
   这会把超出的部分裁掉且无法左右滚动查看——表现为:首页/大屏页下滚后头部固定、右侧图标被裁却滚不到,
   页面/footer 也无法左右移动到超出范围的内容。
   这里放开横向滚动:窄屏时整列(头部 + 内容 + footer)可一起左右滚动查看被裁内容;
   ≥ 视口时无横向溢出、overflow-x:auto 不出滚动条,无副作用。纵向 overflow-y:auto 不受影响。
   !important 确保覆盖全站 body.vip 的 overflow-x:hidden。 */
body.vip {
  overflow-x: auto !important;
}
*:focus,
*:active {
  outline: none !important;
}