/* hxt-nav.css 门户导航重构 P0 20260904（产品矩阵 Mega Menu + 4项导航 + 留资回拨弹层） */
.hxt-nav > li > a .hxt-caret{font-size:10px;margin-left:2px}
.hxt-has-drop,.hxt-has-mega{position:relative}
.hxt-drop{display:none;position:absolute;top:100%;left:0;background:#fff;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);min-width:140px;padding:8px 0;z-index:9999}
.hxt-drop a{display:block;padding:9px 18px;color:#333;font-size:14px;white-space:nowrap}
.hxt-drop a:hover{color:#2F6BFF;background:#F5F8FF}
.hxt-has-drop:hover .hxt-drop,.hxt-has-drop.hxt-open .hxt-drop{display:block}
.hxt-mega{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);width:880px;max-width:94vw;background:#fff;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.16);z-index:9999;padding:22px 24px 0;text-align:left}
.hxt-has-mega:hover .hxt-mega,.hxt-has-mega.hxt-open .hxt-mega{display:block}
.hxt-mega-grid{display:flex;gap:24px}
.hxt-mega-left{width:300px;flex:none}
.hxt-mega-right{flex:1}
.hxt-mega-cap{font-size:12px;color:#999;margin-bottom:10px;letter-spacing:1px}
.hxt-mega-self{display:block;background:linear-gradient(135deg,#0F2A8A,#1D4FD8);border-radius:10px;color:#fff;padding:16px}
.hxt-mega-self:hover{opacity:.95}
.hxt-mega-self .hxt-nm{font-size:17px;font-weight:700;color:#fff}
.hxt-mega-self .hxt-ds{font-size:12.5px;color:#C7D5FA;margin:8px 0 10px;line-height:1.6}
.hxt-cur{font-size:12px;color:#7BE3B8}
.hxt-prod{display:flex;gap:12px;padding:12px;border-radius:10px;border:1px solid #EEF1F6;background:#fff;margin-bottom:10px}
.hxt-prod:hover{border-color:#2F6BFF;box-shadow:0 4px 14px rgba(47,107,255,.12)}
.hxt-ic{flex:none;width:38px;height:38px;border-radius:9px;background:#EEF4FF;color:#1D4FD8;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center}
.hxt-pb{flex:1;min-width:0}
.hxt-nm{font-size:14.5px;font-weight:700;color:#1a1a1a;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.hxt-ds{font-size:12px;color:#777;margin:5px 0 6px;line-height:1.55}
.hxt-lk{font-size:12px;color:#2F6BFF;font-weight:600}
.hxt-tag-live{font-size:10.5px;background:#16A37B;color:#fff;border-radius:4px;padding:2px 6px;font-weight:400}
.hxt-tag-soon{font-size:10.5px;background:#FFF1E5;color:#F07300;border:1px solid #FFD9B8;border-radius:4px;padding:1px 6px;font-weight:400}
.hxt-prod-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hxt-prod-grid .hxt-prod{margin-bottom:0}
.hxt-mega-foot{display:flex;align-items:center;gap:18px;border-top:1px solid #F0F2F5;margin-top:16px;padding:12px 4px}
.hxt-mega-foot-cap{font-size:12px;color:#999;letter-spacing:1px}
.hxt-mega-foot a{font-size:13px;color:#555}
.hxt-mega-foot a:hover{color:#2F6BFF}
/* naventry-noborder-20260905: Kevin 9/5 18:03令 取消【酒店场地入驻】红框描边按钮形态，回归普通导航文字项（继承导航白字基色+hover） */
.hxt-cta{display:inline-block;background:#F07300;color:#fff !important;font-size:14px;font-weight:600;border-radius:18px;padding:6px 18px;cursor:pointer;text-decoration:none}
.hxt-cta:hover{background:#D96400}
.hxt-tel{cursor:pointer}
.hxt-lead-mask{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.45);z-index:10000}
.hxt-lead-pop{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:360px;max-width:92vw;background:#fff;border-radius:12px;padding:24px 24px 18px;z-index:10001;box-shadow:0 16px 48px rgba(0,0,0,.25)}
.hxt-lead-close{position:absolute;top:10px;right:14px;font-size:22px;color:#999;cursor:pointer;line-height:1}
.hxt-lead-close:hover{color:#333}
.hxt-lead-title{font-size:17px;font-weight:700;color:#1a1a1a;margin-bottom:4px}
.hxt-lead-sub{font-size:12.5px;color:#888;margin-bottom:14px}
.hxt-lead-pop input{width:100%;box-sizing:border-box;border:1px solid #E3E6EB;border-radius:8px;padding:10px 12px;font-size:14px;margin-bottom:10px;outline:none}
.hxt-lead-pop input:focus{border-color:#2F6BFF}
.hxt-lead-pop button{width:100%;background:#F07300;color:#fff;border:none;border-radius:8px;padding:11px;font-size:15px;font-weight:600;cursor:pointer}
.hxt-lead-pop button:hover{background:#D96400}
.hxt-lead-pop button:disabled{background:#F5B27A;cursor:not-allowed}
.hxt-lead-tip{font-size:11.5px;color:#aaa;text-align:center;margin-top:10px}
@media (max-width:900px){
  .hxt-mega{width:94vw;padding:16px 14px 0;max-height:80vh;overflow-y:auto}
  .hxt-mega-grid{flex-direction:column;gap:14px}
  .hxt-mega-left{width:100%}
  .hxt-prod-grid{grid-template-columns:1fr}
  .hxt-mega-foot{flex-wrap:wrap;gap:10px}
}

/* navp0hotfix-20260905: 覆盖旧站 .nav-menu overflow:hidden(indexnew 832行) 修复下拉/Mega面板被裁剪; 特异性0,4,0>0,3,0 */
.nav .nav-container .nav-menu.hxt-nav{overflow:visible}

/* navp0hotfix2-20260905: 覆盖旧站 .nav-menu li a{color:#fff}(indexnew 854/8159/8195行,最高特异性0,4,2) 修复下拉三项+Mega底部通栏四链白字白底; 本组特异性0,5,1 */
.nav .nav-container .nav-menu.hxt-nav .hxt-drop a{color:#333 !important}
.nav .nav-container .nav-menu.hxt-nav .hxt-drop a:hover{color:#2F6BFF !important;background:#F5F8FF}
.nav .nav-container .nav-menu.hxt-nav .hxt-mega-foot a{color:#555 !important}
.nav .nav-container .nav-menu.hxt-nav .hxt-mega-foot a:hover{color:#2F6BFF !important}

/* navp0hotfix4-20260905: 内页版——baike/service 等内页导航为 .header-tab.hxt-nav 结构(非首页 .nav-menu)，元凶 hotel_common.css .header .header-container .header-tab li a{color:#fff}(0,3,2); 本组 0,5,1+important 压制 */
.header .header-container .header-tab.hxt-nav .hxt-drop a{color:#333 !important}
.header .header-container .header-tab.hxt-nav .hxt-drop a:hover{color:#2F6BFF !important;background:#F5F8FF}
.header .header-container .header-tab.hxt-nav .hxt-mega-foot a{color:#555 !important}
.header .header-container .header-tab.hxt-nav .hxt-mega-foot a:hover{color:#2F6BFF !important}

/* ctamove-20260905: 免费找场地挪入导航ul(入驻钮右侧),一行高对齐入驻钮 */
.hxt-cta-li .hxt-cta{padding:4px 14px;font-size:14px;line-height:20px;vertical-align:middle}

/* navhelp-20260905: 帮助中心一级入口(热线左侧); 免费找场地锚点落地不滚屏(表单卡本在首屏) */
/* navhelp-align-20260905(james3fix): 裸<a>在flex容器被拉成60px块级盒子，行高仅normal(16.1px)致文字贴顶上移22px；补60px行高与.header-tab li/.contact同高居中 */
.hxt-help-link{color:#fff !important;font-size:14px;text-decoration:none;margin-right:16px;vertical-align:middle;cursor:pointer;line-height:60px}
.hxt-help-link:hover{text-decoration:underline}
#J_selectGroup{scroll-margin-top:100vh}

/* megav2-20260905: 产品矩阵面板重设计 */
.hxt-mega-v2{width:720px;padding:10px}
.hxt-mega-v2-grid{display:flex;gap:6px}
.hxt-mega-v2-left{width:318px;flex:none;padding:6px 4px}
.hxt-mega-v2-cap{font-size:11px;letter-spacing:1.5px;color:#98A2B8;padding:6px 12px;font-weight:600}
.hxt-mega-v2-item{position:relative;display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:8px;transition:background .12s ease;color:#152033}
.hxt-mega-v2-item:hover,.hxt-mega-v2-item.hot{background:#FFF4EC}
.hxt-mega-v2-ic{flex:none;width:34px;height:34px;border-radius:9px;background:#FFF4EC;display:flex;align-items:center;justify-content:center}
.hxt-mega-v2-item:hover .hxt-mega-v2-ic,.hxt-mega-v2-item.hot .hxt-mega-v2-ic{background:#FFE8D6}
.hxt-mega-v2-ic svg{width:19px;height:19px;stroke:#F07300;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hxt-mega-v2-meta{min-width:0;flex:1}
.hxt-mega-v2-meta b{display:block;font-size:14.5px;font-weight:600;color:#152033;line-height:1.35}
.hxt-mega-v2-meta i{display:block;font-style:normal;font-size:12px;color:#637089;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hxt-mega-v2-cur{position:absolute;top:7px;right:10px;display:flex;align-items:center;gap:4px;font-size:10.5px;color:#98A2B8}
.hxt-mega-v2-cur u{width:5px;height:5px;border-radius:50%;background:#F07300}
.hxt-mega-v2-right{flex:1;min-width:0;border-left:1px solid #E9EDF5;padding:10px 14px 12px;position:relative}
.hxt-mega-v2-pane{display:none}
.hxt-mega-v2-pane.on{display:block;animation:hxtMegaV2In .12s ease-out}
@keyframes hxtMegaV2In{from{opacity:.35}to{opacity:1}}
.hxt-mega-v2-hero{height:52px;border-radius:10px;background:linear-gradient(115deg,#F07300 0%,#FF9A3D 100%);display:flex;align-items:center;padding:0 15px;gap:10px;margin-bottom:11px}
.hxt-mega-v2-hero b{font-size:20px;color:#fff;font-weight:700;line-height:1}
.hxt-mega-v2-hero span{font-size:12px;color:rgba(255,255,255,.88)}
.hxt-mega-v2-nm{font-size:16.5px;font-weight:700;color:#152033;margin-bottom:2px}
.hxt-mega-v2-sl{font-size:12.5px;color:#637089;margin-bottom:9px}
.hxt-mega-v2-ft{list-style:none;margin:0 0 12px;padding:0}
.hxt-mega-v2-ft li{position:relative;padding:3px 0 3px 15px;font-size:13px;color:#152033}
.hxt-mega-v2-ft li::before{content:"";position:absolute;left:1px;top:11px;width:6px;height:6px;border-radius:50%;background:#F07300}
.hxt-mega-v2-go{display:inline-flex;align-items:center;gap:6px;background:#F07300;color:#fff;font-size:13.5px;font-weight:600;padding:7px 16px;border-radius:8px;transition:background .12s ease}
.hxt-mega-v2-go:hover{background:#D96600;color:#fff}
.hxt-mega-v2-go svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:900px){
  .hxt-mega-v2{width:94vw}
  .hxt-mega-v2-grid{flex-direction:column}
  .hxt-mega-v2-left{width:100%}
  .hxt-mega-v2-right{border-left:none;border-top:1px solid #E9EDF5}
}
@media (prefers-reduced-motion: reduce){
  .hxt-mega-v2-pane.on{animation:none}
}
/* megav2-hotfix2-20260905: 压旧站 indexnew.css .nav .nav-container .nav-menu li 与 hotel_common.css .header .header-container .header-tab li(均0,3,1) 白字/inline-block/60px行高/16px横padding，恢复右栏特性列表竖排可见 */
.nav .nav-container .nav-menu li .hxt-mega-v2-ft li,
.header .header-container .header-tab li .hxt-mega-v2-ft li{
  display:block;
  float:none;
  margin:0;
  vertical-align:baseline;
  text-align:left;
  line-height:1.6;
  padding:3px 0 3px 15px;
  font-size:13px;
  font-weight:400;
  color:#152033
}/* ===== mobile-nav(2026-09-22 SEO)：官网首页桌面导航移动端汉堡化 ===== */
.hxt-burger{display:none;width:42px;height:42px;padding:9px;background:none;border:0;cursor:pointer;box-sizing:border-box;z-index:10002}
.hxt-burger span{display:block;height:2px;background:#fff;margin:5px 0;border-radius:2px;transition:transform .2s,opacity .2s}
.hxt-burger-mask{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:10000}
@media (max-width:900px){
.nav{min-width:0}
.nav .nav-container{width:100%;height:54px;box-sizing:border-box;padding:0 12px}
.nav.active .hxt-burger span,.nav.home-page .hxt-burger span{background:#fff}
.hxt-burger{display:inline-block;order:3;margin-left:8px}
/* 收起 logo 城市切换，保 logo */
.nav .nav-container .logo-cont .headers{display:none}
/* 桌面菜单/右侧操作转抽屉 */
.nav-menu.hxt-nav{position:fixed;top:0;right:0;bottom:0;width:78%;max-width:320px;height:100%;margin:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:64px 8px 20px;overflow-y:auto;transform:translateX(100%);transition:transform .25s ease;z-index:10001;box-shadow:0 0 30px rgba(0,0,0,.2)}
.nav.menu-open .nav-menu.hxt-nav{transform:translateX(0)}
.nav.menu-open .hxt-burger-mask{display:block}
.nav-menu.hxt-nav li{width:100%}
.nav-menu.hxt-nav li a{display:flex;align-items:center;min-height:48px;padding:0 12px;color:#1F2329 !important;font-size:15px;text-decoration:none;white-space:normal}
/* mega 改静态展开，不悬浮 */
.hxt-mega{position:static;transform:none;width:100%;box-shadow:none;padding:8px 0;max-height:none}
.hxt-has-mega .hxt-mega{display:none}
.hxt-has-mega.open-mega .hxt-mega{display:block}
/* 右侧电话/帮助/登录区在抽屉外隐藏，避免撑宽 */
.hxt-help-link,.hxt-tel,.contact,.my,.noLogin{display:none}
/* 汉堡变叉 */
.nav.menu-open .hxt-burger{position:fixed;right:10px;top:6px}
.nav.menu-open .hxt-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav.menu-open .hxt-burger span:nth-child(2){opacity:0}
.nav.menu-open .hxt-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
body.menu-noscroll{overflow:hidden}
}
/* ===== mobile-nav fix2-20260922：防溢出/遮罩选择器/链接配色/mega限高 ===== */
body{overflow-x:hidden;max-width:100%}
body.hxt-menu-open #J_hxtBurgerMask{display:block}
#J_hxtBurgerMask{position:fixed;inset:0;width:100%;height:100%;background:rgba(0,0,0,.45);z-index:10000}
@media (max-width:900px){
ul.nav-menu.hxt-nav li a,.nav ul.nav-menu.hxt-nav li a{color:#1F2329 !important}
ul.nav-menu.hxt-nav li a:visited,.nav ul.nav-menu.hxt-nav li a:visited{color:#1F2329 !important}
.hxt-has-mega.open-mega .hxt-mega{max-height:60vh;overflow-y:auto}
}
