/* site-lite.css — 简化版轮播样式 + 悬浮组件补充 */
/* 模块滚动渐显动画由 site-lite.js 控制（IntersectionObserver），
   此处不再强制 .animateModule 可见。 */

#bannerV2 { position: relative; overflow: hidden; }
#bannerV2 .lite-banner-frame {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

/* 右侧悬浮服务栏：凡科原版由 Vue 悬停加 -active 类，这里用纯 CSS :hover 等效 */
.s_suspendserv_wrap-2 .s_suspendserv_servitem:hover .s_suspendserv_hoverarea {
  opacity: 1;
  pointer-events: all;
}

/* 返回顶部按钮：容器需显式尺寸（内部蓝图是 absolute 定位，不会撑开容器，
   否则 0x0 容器导致图片向下溢出、底部被视口裁掉） */
#siteBackToTop_small_box { width: 56px; height: 52px; }

/* 返回顶部按钮：悬停换高亮图 */
#siteBackToTop_small_box:hover .siteBackToTop_secondStyle_04 {
  background-image: url(../img/g-2.ss.508sys.com/image/backToTop/secondStyle/04_hover__v-201807251417.png);
}

/* 轮播左右箭头：悬停加深（原版为 JS 切换 _hover 类，这里用 :hover 等效） */
#bannerV2 .imageSwitchBtn_arrow:hover {
  opacity: 0.8;
}

/* 横向照片走马灯（馆内风采）：无缝循环滚动，悬停暂停 */
@keyframes liteMarquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
.listPhotosMarquee .demo:hover .demo0 {
  animation-play-state: paused;
}

/* 商品页：主图与图文详情
   detail2.min 里 .productDetail .imgDiv img{visibility:hidden} 和
   .fk-detailedDesc{display:none} 均为凡科 JS 渲染后再显示的防闪烁机制，
   静态版直接显示 */
.productDetail .imgDiv img {
  visibility: visible !important;
}
.fk-detailedDesc {
  display: block !important;
}

/* "马上咨询"按钮：悬停手型 + 高亮反馈 */
.advisory-btn {
  display: inline-block;
  transition: background-color 0.2s ease;
}
.advisory-btn:hover {
  background-color: rgba(244, 178, 32, 0.08);
}
/* 微信二维码弹窗（马上咨询点击弹出） */
.lite-qr-mask {
  position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 99999;
  display: flex; align-items: center; justify-content: center;
  animation: liteFadeIn 0.2s ease;
}
@keyframes liteFadeIn { from { opacity: 0; } to { opacity: 1; } }
.lite-qr-card {
  position: relative;
  background: #fff;
  border-radius: 6px;
  padding: 46px 56px 34px;
  text-align: center;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.25);
}
.lite-qr-close {
  position: absolute; top: 12px; right: 18px;
  font-size: 28px; line-height: 1;
  color: #999; cursor: pointer;
  transition: color 0.15s ease;
}
.lite-qr-close:hover { color: #333; }
.lite-qr-img {
  width: 260px; height: 260px;
  display: block;
  margin: 0 auto;
}
.lite-qr-tip {
  margin-top: 22px;
  font-size: 14px;
  color: #333;
}