/* 支付通内容素材落位；公共品牌背景由 brand.css 负责。 */
.banner:has(.brand-hero-copy) { height: clamp(640px, 41.04vw, 788px); background-size: cover; background-position: 30% center; }
.banner .brand-hero-copy { box-sizing: border-box; min-height: clamp(640px, 41.04vw, 788px); padding: clamp(140px, 10.2vw, 196px) 5% 50px 50%; text-align: left; color: #fff; }
.banner .brand-hero-copy .banner_title { margin: 0; padding: 0; font-size: 64px; font-weight: 700; line-height: 1.14; letter-spacing: -.02em; color: #fff; }
.banner .brand-hero-copy .banner_text { max-width: 420px; margin-top: 26px; font-size: 18px; line-height: 1.7; color: #fff; }
.banner .brand-hero-rates { display: flex; gap: 30px; margin-top: 28px; font-size: 18px; line-height: 1.4; }
.banner .brand-hero-rates strong { margin-left: 5px; font-size: 18px; font-weight: 600; font-variant-numeric: tabular-nums; }
.banner .brand-hero-copy .banner_button { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }
.banner .brand-hero-copy .banner_button a { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-height: 52px; margin: 0; padding: 12px 24px; font-size: 16px; line-height: 1.5; font-weight: 600; transition: background-color .2s, color .2s; }
.banner .brand-hero-copy .banner_button .brand-hero-primary { border-color: #f5a126; background: #f5a126; color: #28160c; }
.banner .brand-hero-copy .banner_button .brand-hero-primary:hover { border-color: #ffb846; background: #ffb846; color: #28160c; }
.banner .brand-hero-copy .banner_button .brand-hero-secondary { border-color: #fff; background: transparent; color: #fff; }
.banner .brand-hero-copy .banner_button .brand-hero-secondary:hover { background: #fff; color: #702038; }
.banner .brand-hero-copy .banner_button a:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.banner .brand-hero-note { margin-top: 15px; font-size: 13px; line-height: 1.6; color: #fff; }
@media (min-width: 768px) and (max-width: 1100px) {
 .banner .brand-hero-copy { padding-left: 49%; padding-right: 3%; }
 .banner .brand-hero-copy .banner_title { font-size: 56px; }
 .banner .brand-hero-copy .banner_button a { padding: 12px 18px; }
}
@media (max-width: 767px) {
 .banner:has(.brand-hero-copy) { height: auto; min-height: 788px; }
 .banner .brand-hero-copy { padding: 270px 7% 55px; }
 .banner .brand-hero-copy .banner_title { font-size: 48px; }
 .banner .brand-hero-copy .banner_text { font-size: 16px; margin-top: 20px; }
 .banner .brand-hero-rates { gap: 24px; margin-top: 20px; }
}
.response_shows .brand-terminal-show { max-width: 960px; margin: 0 auto; }
.response_shows .brand-terminal-show > img { display: block; width: 100%; max-height: 440px; object-fit: contain; }
.introduce_list_img > img[src*="/brand/"] { width: 100%; height: 390px; object-fit: contain; }
.kzf-mod-product-list > img[src*="/brand/"] { width: 100%; height: 260px; object-fit: contain; }
.marketing_advantage_content > .span3:first-child .marketing_advantage_list > img[src*="/brand/"] { width: 100%; height: 445px; object-fit: contain; background: #faf7f7; }
.marketing_advantage_brief { top: 22%; padding: 0 24px; }
.marketing_advantage_brief .brief_text { color: #686868; }
.news_center_list_img > img[src*="/brand/"] { width: 100%; height: 210px; object-fit: contain; background: #faf7f7; }
.partners_content_list > img[src*="/brand/"] { display: block; width: 128px; height: 150px; object-fit: contain; }
.partners_content_list > span { display: block; padding: 10px 0; color: #444; }
.industry_list_img > img[src*="/brand/"] { width: 100%; height: 350px; object-fit: contain; }
.marketing_support_list_img > img[src*="/brand/"] { width: 100%; height: 340px; object-fit: contain; }
.brand-guide .brand-guide-number { display: flex; align-items: center; justify-content: center; min-height: 250px; margin-right: 45px; background: #faf3f4; color: #bd304e; font-size: 100px; font-weight: 600; }
.brand-guide .case_show_brief { padding-top: 30px; }
@media (max-width: 767px) {
 .introduce_list_img > img[src*="/brand/"] { height: 280px; }
 .brand-guide .brand-guide-number { min-height: 150px; margin-right: 0; font-size: 70px; }
 .marketing_advantage_brief { padding: 0 18px; }
}