/* 官网公共头尾与费控专题的布局衔接。 */
:root {
  --ht-cc-header-offset: 56px;
  --ht-cc-topic-height: 64px;
}
html { scroll-padding-top: calc(var(--ht-cc-header-offset) + var(--ht-cc-topic-height) + 16px); }
body.costcontrol-page { min-width: 0; line-height: 1.85 !important; }
#oa-site-header { height: var(--ht-cc-header-offset) !important; }
#oa-site-header .nav_div { top: 0; left: 0; width: 100%; z-index: 999; }
#oa-site-header a, #oa-site-footer a { text-decoration: none; }
#oa-site-header .nav_content { flex-shrink: 0; }
#oa-site-header .logo_class, #oa-site-header .nav_tel_img { flex-shrink: 0; }
#oa-site-header .nav_li { white-space: nowrap; }
#oa-site-footer, body.costcontrol-page .aside_nav,
body.costcontrol-page .phone_aside_nav, body.costcontrol-page .pop_regist,
body.costcontrol-page #message_div { line-height: normal; letter-spacing: normal; }
#oa-site-footer .content5 { margin: 0; }
body.costcontrol-page main { display: block; }
body.costcontrol-page nav.topic-navigation { top: var(--ht-cc-header-offset); z-index: 80; }
body.costcontrol-page main [id] { scroll-margin-top: 0; }
@media (min-width: 769px) and (max-width: 1310px) {
  #oa-site-header .nav_content { width: calc(100% - 32px); justify-content: space-between; }
  #oa-site-header .logo_class { margin-right: 18px; }
  #oa-site-header .nav_li { margin-right: 14px; }
  #oa-site-header .nav_tel_img { margin-left: 8px; }
  #oa-site-header .nav_tel { font-size: 16px; margin-left: 6px; margin-right: 8px; }
  #oa-site-header .nav_detail { width: calc(100% - 40px); }
  #oa-site-footer .content6_div { width: calc(100% - 64px); }
  #oa-site-footer .content6_li { width: 18%; }
}
@media (min-width: 769px) and (max-width: 1100px) {
  #oa-site-header .nav_tel_img, #oa-site-header .nav_tel { display: none; }
  #oa-site-header .nav_li { margin-right: 12px; font-size: 13px; }
  #oa-site-header .nav2_img, #oa-site-header .nav3_img, #oa-site-header .nav7_img { margin-right: 30px; }
}
@media (max-width: 768px) {
  :root { --ht-cc-header-offset: 49px; }
  body.costcontrol-page { padding-bottom: 50px; }
  #oa-site-header .nav_detail { display: none !important; }
}