/* ============================================================
   home-fix.css — 首页相册滚动幻灯片修复
   规则取自改版前皮肤 site-beautify.css 的相册滚动段，
   恢复「备份时」的显示效果；仅作用于首页 .photo-scroll-wrap。
   根因：滚动 JS 用负 marginLeft 移动 ul，ul width:auto 时
   负外边距会把 ul 撑大（CSS2.1 §10.3.3），li 的 23% 宽度随之
   失控放大，图片被拉长甚至一张撑满全屏。
   修复：固定 ul 宽度为 100%，li 百分比即恢复稳定。
   ============================================================ */
.photo-scroll-wrap .photo-scroll-list { width: 100% !important; }
.photo-scroll-wrap .pic-item { overflow: hidden; border-radius: 8px; }
.photo-scroll-wrap .pic-item img {
  border-radius: 8px !important;
  transition: transform .3s;
}
.photo-scroll-wrap .pic-item a:hover img { transform: scale(1.06); }
.photo-scroll-wrap .scroll-btn {
  background: rgba(46,139,255,.75) !important;
  transition: background .2s;
}
.photo-scroll-wrap .scroll-btn:hover { background: #2E8BFF !important; }
/* 移动端一屏 2 张：覆盖 li 内联 23% 宽度 */
@media screen and (max-width: 767px) {
  .photo-scroll-wrap .photo-scroll-list > li {
    width: 46% !important;
    margin: 0 2% !important;
  }
}

/* ============================================================
   首页通栏广告位规整：与板块同宽 1200 居中、白底圆角、上下等距
   （模板中广告位原被嵌在上一板块 .p20 内，宽度被挤成 1160，
   且上贴板块、下临空隙造成不对称；margin-left 用 calc 自适应归位）
   ============================================================ */
.ad-all{
  width:1200px;
  margin:26px 0 26px calc((100% - 1200px) / 2);
  background:#fff;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 6px 18px rgba(10,40,90,.08);
}
.ad-all img{ display:block; width:100%; height:auto; }
@media screen and (max-width:1260px){
  .ad-all{ width:auto; margin:16px 12px; border-radius:10px; }
}

/* ============================================================
   知识分享板块顶部两个广告位（li.ycnh3 / li.ycnh4）
   原 .news-zuixin li 有固定 height:80px + img 100% 填充 → 915x211 被拉成 557x80（拉伸 60%），
   且 li 浮动导致父 ul 高度塌陷（下方空洞）。此处恢复等比并清浮动。
   ============================================================ */
.news-zuixin:after, .news-zuixin ul:after{ content:""; display:block; clear:both; }
.news-zuixin li.ycnh3, .news-zuixin li.ycnh4{ height:auto; margin-bottom:16px; }
.news-zuixin li.ycnh3 img, .news-zuixin li.ycnh4 img{
  width:100%; height:auto; display:block; border-radius:10px; transition:transform .3s;
}
.news-zuixin li.ycnh3:hover img, .news-zuixin li.ycnh4:hover img{ transform:scale(1.02); }
@media screen and (max-width:767px){
  .news-zuixin li.ycnh3, .news-zuixin li.ycnh4{ width:100% !important; float:none !important; }
}