@charset "utf-8";
/* ===========================================================
   文章内容页统一 Banner（重庆主城房屋抵押贷款）
   仅作用于 .pageBanner.articleBanner，不影响其他栏目页 banner
   加载顺序在 brand-20260930.css 之后，故可覆盖其高度/遮罩
   =========================================================== */

.pageBanner.articleBanner {
  height: 300px !important;
  background-color: #061a36;
  background-position: center 35% !important;
  background-size: cover !important;
}

/* 左侧压暗、右侧保留天际线，保证文字可读 */
.pageBanner.articleBanner::before {
  background: linear-gradient(90deg,
    rgba(3, 17, 38, .94) 0%,
    rgba(3, 20, 44, .80) 30%,
    rgba(3, 18, 40, .30) 58%,
    rgba(2, 13, 30, .32) 100%);
}

.pageBanner.articleBanner .wal {
  height: 100%;
}

.pageBanner.articleBanner .abBox {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  max-width: 680px;
  color: #fff;
}

.pageBanner.articleBanner .abTag {
  display: inline-block;
  padding: 5px 14px;
  background: #fff;
  color: var(--tc-navy, #081a3b);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1.5;
  border-radius: 2px;
}

.pageBanner.articleBanner .abTitle {
  margin: 14px 0 0;
  color: #fff;
  font-family: "Songti SC", "STSong", "SimSun", serif;
  font-size: 38px;
  font-weight: 900;
  line-height: 1.18;
  letter-spacing: .04em;
  text-shadow: 0 3px 18px rgba(0, 0, 0, .48);
}

.pageBanner.articleBanner .abSub {
  margin: 12px 0 0;
  color: rgba(255, 255, 255, .94);
  font-size: 18px;
  font-weight: 400;
  letter-spacing: .06em;
}

.pageBanner.articleBanner .abChip {
  display: inline-block;
  margin: 14px 0 0;
  padding: 6px 18px;
  border: 1px solid rgba(255, 255, 255, .55);
  color: rgba(255, 255, 255, .92);
  font-size: 15px;
  letter-spacing: .04em;
  line-height: 1.55;
}

.pageBanner.articleBanner .abStrong {
  margin: 14px 0 0;
  color: #f0c877;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: .04em;
}

.pageBanner.articleBanner .abTel {
  margin: 8px 0 0;
  color: rgba(255, 255, 255, .9);
  font-size: 17px;
  letter-spacing: .02em;
}

.pageBanner.articleBanner .abTel a {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, .45);
}

.pageBanner.articleBanner .abTel a:hover {
  color: #f0c877;
  border-bottom-color: #f0c877;
}

/* ---------- 平板 ---------- */
@media (max-width: 900px) {
  .pageBanner.articleBanner {
    height: 264px !important;
    background-position: center 38% !important;
  }
  .pageBanner.articleBanner .abBox { max-width: 100%; }
  .pageBanner.articleBanner .abTitle { font-size: 28px; }
  .pageBanner.articleBanner .abSub { font-size: 15px; }
  .pageBanner.articleBanner .abChip { font-size: 13px; padding: 5px 14px; }
  .pageBanner.articleBanner .abStrong { font-size: 15px; }
  .pageBanner.articleBanner .abTel { font-size: 15px; }
}

/* ---------- 手机 ---------- */
@media (max-width: 600px) {
  .pageBanner.articleBanner {
    height: 236px !important;
    background-position: center 40% !important;
  }
  .pageBanner.articleBanner .abBag { margin: 10px 0 0; }
  .pageBanner.articleBanner .abTag { padding: 4px 10px; font-size: 12px; letter-spacing: .08em; }
  .pageBanner.articleBanner .abTitle { margin-top: 10px; font-size: 22px; letter-spacing: .02em; }
  .pageBanner.articleBanner .abSub { margin-top: 8px; font-size: 13px; }
  .pageBanner.articleBanner .abChip { margin-top: 10px; padding: 4px 12px; font-size: 11px; }
  .pageBanner.articleBanner .abStrong { margin-top: 10px; font-size: 13px; }
  .pageBanner.articleBanner .abTel { margin-top: 6px; font-size: 13px; }
}