/* =========================================================
   XYTZ JUMP PAGE CSS
   适用：信用报告跳转页 / 走进信用跳转页
   结构：沿用信用通州二级页 header + banner + 卡片区 + 通用页脚。
   使用方式：
   1）本 CSS 单独上传并绑定到新模板；
   2）顶部 banner、logo、卡片图片/图标均通过 HTML 或 :root 变量替换 URL；
   3）卡片通过 .is-icon / .is-image 区分“图标卡 / 图片卡”。
   ========================================================= */

.rxpc{display:none!important;}

:root{
  --credit-red:#c9182b;
  --credit-red-dark:#a91222;
  --credit-red-soft:#fff0f2;
  --credit-text:#202734;
  --credit-muted:#6f7885;
  --credit-bg:#f4f6f8;
  --credit-width:1000px;

  /* 顶部 banner 大图：替换为后台上传后的图片 URL */
  --credit-hero-bg:url("/eportal/uiFramework/commonResource/image/2026062720270210599.png");
  --credit-hero-h:510px;
  --credit-hero-y:center;

  /* Header 参数：与现有 list/index 保持一致 */
  --credit-header-h:126px;
  --credit-header-top-h:52px;
  --credit-primary-nav-h:64px;
  --credit-header-max-width:1200px;
  --credit-header-max-width-mobile:96%;
  --credit-header-bg:transparent;
  --credit-header-shadow:0 1px 4px rgba(0,0,0,.04);
  --credit-header-text-shadow:none;

  --credit-gov-full-logo-width:300px;
  --credit-gov-full-logo-height:45px;
  --credit-gov-full-logo-x:0px;
  --credit-gov-full-logo-y:7px;
  --credit-gov-wording-display:none;

  --credit-utility-size:15px;
  --credit-utility-line:28px;
  --credit-utility-x:20px;
  --credit-utility-y:5px;
  --credit-utility-opacity:1;
  --credit-utility-gap:10px;
  --credit-utility-separator:rgba(255,255,255,.58);
  --credit-utility-hover:#ffe3e7;

  --credit-brand-width:132px;
  --credit-brand-height:34px;
  --credit-brand-x:2px;
  --credit-brand-y:-5px;
  --credit-brand-nav-gap:28px;

  --credit-primary-nav-x:35px;
  --credit-primary-nav-y:-12px;
  --credit-nav-gap:6px;
  --credit-nav-item-padding-x:14px;
  --credit-nav-font-size:15px;
  --credit-nav-font-weight:700;
  --credit-nav-letter-spacing:0px;
  --credit-nav-text-x:0px;
  --credit-nav-text-y:0px;
  --credit-nav-hover-bg:rgba(201,24,43,.84);
  --credit-nav-hover-shadow:inset 0 -2px 0 rgba(255,255,255,.55);
  --credit-nav-underline-bottom:9px;

  --credit-submenu-min-width:132px;
  --credit-submenu-wide-width:200px;
  --credit-submenu-x:0px;
  --credit-submenu-y:0px;
  --credit-submenu-font-size:14px;
  --credit-submenu-line:22px;
  --credit-submenu-padding-y:9px;
  --credit-submenu-padding-x:16px;
  --credit-submenu-bg:rgba(255,255,255,.98);
  --credit-submenu-border:rgba(201,24,43,.10);
  --credit-submenu-shadow:none;
  --credit-submenu-hover-bg:#fff4f5;

  /* 卡片区 */
  --jump-main-y:34px;
  --jump-section-pad:0px;
  --jump-title-size:22px;
  --jump-card-radius:10px;
  --jump-card-shadow:0 8px 24px rgba(20,33,56,.13);
  --jump-card-shadow-hover:0 13px 30px rgba(20,33,56,.2);
  --jump-report-card-h:230px;
  --jump-walk-card-h:288px;
}

.credit-page,.credit-page *{box-sizing:border-box;}
.credit-page{position:relative;min-width:320px;color:var(--credit-text);background:var(--credit-bg);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;}
.credit-page a{color:inherit;text-decoration:none;}
.credit-page img{border:0;}
.credit-page ul{margin:0;padding:0;}
.credit-page li{list-style:none;}
.clr{clear:both;}

/* ===== Header：与现有信用通州模板保持同一套类名 ===== */
.credit-header{position:absolute!important;top:0!important;right:0!important;left:0!important;z-index:50!important;width:100%!important;height:var(--credit-header-h)!important;color:#fff!important;background:var(--credit-header-bg)!important;box-shadow:var(--credit-header-shadow)!important;text-shadow:var(--credit-header-text-shadow)!important;overflow:visible!important;}
.credit-header,.credit-header *{box-sizing:border-box;text-shadow:var(--credit-header-text-shadow)!important;}
.credit-header a{color:#fff!important;text-decoration:none!important;}
.credit-header-shell{width:100%;height:100%;overflow:visible!important;}
.credit-header-top{width:100%;height:var(--credit-header-top-h);overflow:visible!important;}
.credit-header-top-inner{display:flex;width:var(--credit-header-max-width);max-width:94%;height:var(--credit-header-top-h);margin:0 auto;align-items:center;justify-content:space-between;overflow:visible!important;}
.credit-gov-logo{display:flex!important;flex:0 0 auto!important;min-width:var(--credit-gov-full-logo-width)!important;align-items:center!important;color:#fff!important;transform:translate(var(--credit-gov-full-logo-x),var(--credit-gov-full-logo-y))!important;}
.credit-gov-emblem{display:block!important;flex:0 0 var(--credit-gov-full-logo-width)!important;width:var(--credit-gov-full-logo-width)!important;height:var(--credit-gov-full-logo-height)!important;overflow:visible!important;}
.credit-gov-emblem img{display:block!important;width:auto!important;max-width:none!important;height:var(--credit-gov-full-logo-height)!important;object-fit:contain!important;filter:none!important;}
.credit-gov-wording{display:var(--credit-gov-wording-display)!important;}
.credit-utility-links{display:flex!important;flex:0 1 auto!important;min-width:0!important;align-items:center!important;justify-content:flex-end!important;white-space:nowrap!important;transform:translate(var(--credit-utility-x),var(--credit-utility-y))!important;opacity:var(--credit-utility-opacity)!important;overflow:visible!important;}
.credit-utility-links a{position:relative!important;display:inline-flex!important;align-items:center!important;color:#fff!important;font-size:var(--credit-utility-size)!important;line-height:var(--credit-utility-line)!important;}
.credit-utility-links a+a:before{margin:0 var(--credit-utility-gap)!important;color:var(--credit-utility-separator)!important;content:"|"!important;pointer-events:none!important;}
.credit-utility-links a:hover,.credit-utility-links a:focus{color:var(--credit-utility-hover)!important;text-decoration:underline!important;}
.credit-primary-nav-row{width:100%!important;height:var(--credit-primary-nav-h)!important;background:transparent!important;overflow:visible!important;}
.credit-primary-nav-inner{display:flex!important;width:var(--credit-header-max-width)!important;max-width:94%!important;height:var(--credit-primary-nav-h)!important;margin:0 auto!important;align-items:center!important;justify-content:space-between!important;overflow:visible!important;}
.credit-nav-brand{position:relative!important;display:block!important;flex:0 0 var(--credit-brand-width)!important;width:var(--credit-brand-width)!important;height:var(--credit-brand-height)!important;background-image:url("/eportal/uiFramework/commonResource/image/2026062720303637278.png")!important;background-position:left center!important;background-repeat:no-repeat!important;background-size:contain!important;transform:translate(var(--credit-brand-x),var(--credit-brand-y))!important;}
.credit-nav-brand span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;}
.credit-primary-nav{flex:1 1 auto!important;min-width:0!important;height:100%!important;margin-left:var(--credit-brand-nav-gap)!important;transform:translate(var(--credit-primary-nav-x),var(--credit-primary-nav-y))!important;overflow:visible!important;}
.credit-primary-nav>ul{display:flex!important;width:100%!important;height:100%!important;align-items:stretch!important;justify-content:flex-end!important;gap:var(--credit-nav-gap)!important;overflow:visible!important;}
.credit-primary-nav>ul>li{position:relative!important;display:flex!important;height:100%!important;align-items:stretch!important;overflow:visible!important;}
.credit-primary-nav>ul>li>a{position:relative!important;display:flex!important;height:100%!important;padding:0 var(--credit-nav-item-padding-x)!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-size:var(--credit-nav-font-size)!important;font-weight:var(--credit-nav-font-weight)!important;letter-spacing:var(--credit-nav-letter-spacing)!important;white-space:nowrap!important;transform:translate(var(--credit-nav-text-x),var(--credit-nav-text-y))!important;}
.credit-primary-nav>ul>li>a:after{position:absolute!important;right:var(--credit-nav-item-padding-x)!important;bottom:var(--credit-nav-underline-bottom)!important;left:var(--credit-nav-item-padding-x)!important;height:2px!important;background:transparent!important;content:""!important;}
.credit-primary-nav>ul>li:hover>a,.credit-primary-nav>ul>li:focus-within>a{background:var(--credit-nav-hover-bg)!important;box-shadow:var(--credit-nav-hover-shadow)!important;}
.credit-primary-nav>ul>li:hover>a:after,.credit-primary-nav>ul>li:focus-within>a:after{background:#fff!important;}
.credit-submenu{position:absolute!important;top:100%!important;left:50%!important;right:auto!important;z-index:10000!important;display:none!important;min-width:var(--credit-submenu-min-width)!important;padding:7px 0!important;background:var(--credit-submenu-bg)!important;border:1px solid var(--credit-submenu-border)!important;border-top:2px solid var(--credit-red)!important;border-radius:0 0 8px 8px!important;box-shadow:var(--credit-submenu-shadow)!important;transform:translate(calc(-50% + var(--credit-submenu-x)),var(--credit-submenu-y))!important;}
.credit-submenu-wide{min-width:var(--credit-submenu-wide-width)!important;}
.credit-submenu a{display:block!important;padding:var(--credit-submenu-padding-y) var(--credit-submenu-padding-x)!important;color:#303945!important;font-size:var(--credit-submenu-font-size)!important;font-weight:400!important;line-height:var(--credit-submenu-line)!important;white-space:nowrap!important;text-align:center!important;background:transparent!important;text-shadow:none!important;}
.credit-submenu a:hover,.credit-submenu a:focus{color:var(--credit-red)!important;background:var(--credit-submenu-hover-bg)!important;}
.credit-primary-nav li.has-submenu:hover>.credit-submenu,.credit-primary-nav li.has-submenu:focus-within>.credit-submenu{display:block!important;}

/* ===== Banner 与主体 ===== */
.credit-hero{position:relative;height:var(--credit-hero-h);background-color:#e9b065;background-image:var(--credit-hero-bg)!important;background-position:center var(--credit-hero-y);background-repeat:no-repeat;background-size:cover;}
.credit-jump-main{position:relative;z-index:5;width:var(--credit-width);max-width:calc(100% - 32px);margin:var(--jump-main-y) auto 50px;padding-top:var(--jump-section-pad);}
.credit-jump-section{width:100%;}
.credit-jump-section-title{display:flex;height:34px;margin:0 0 18px;align-items:center;color:#202734;}
.credit-jump-section-title:before{display:block;width:5px;height:22px;margin-right:10px;border-radius:999px;background:var(--credit-red);content:"";}
.credit-jump-section-title h2{margin:0;font-size:var(--jump-title-size);line-height:34px;font-weight:800;}
.credit-jump-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.credit-jump-grid.is-three{grid-template-columns:repeat(3,1fr);}
.credit-jump-card{position:relative;display:block;min-width:0;overflow:hidden;border-radius:var(--jump-card-radius);background:#fff;box-shadow:var(--jump-card-shadow);transition:transform .24s ease,box-shadow .24s ease;}
.credit-jump-card:hover,.credit-jump-card:focus{transform:translateY(-4px);box-shadow:var(--jump-card-shadow-hover);}
.credit-jump-card .jump-more{display:inline-flex;align-items:center;color:var(--credit-red);font-size:13px;font-weight:800;line-height:20px;}
.credit-jump-card .jump-more:after{margin-left:7px;content:"→";font-size:16px;line-height:16px;}

/* 图标卡：信用报告页使用 */
.credit-jump-card.is-icon{height:var(--jump-report-card-h);padding:26px 22px 20px;}
.credit-jump-card.is-icon .jump-head{display:flex;align-items:center;gap:14px;min-height:48px;}
.credit-jump-card.is-icon .jump-icon{flex:0 0 44px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden;}
.credit-jump-card.is-icon .jump-icon img{display:block;width:28px;height:28px;object-fit:contain;}
.credit-jump-card.is-icon .jump-icon.red{background:#E4555A;}
.credit-jump-card.is-icon .jump-icon.blue{background:#5280CD;}
.credit-jump-card.is-icon .jump-icon.green{background:#37BC98;}
.credit-jump-card.is-icon .jump-icon.gold{background:#E5B15F;}
.credit-jump-card.is-icon h3{margin:0;color:#202734;font-size:18px;line-height:24px;font-weight:800;}
.credit-jump-card.is-icon .jump-subtitle{display:block;margin-top:2px;color:#7e8792;font-size:12px;line-height:18px;font-weight:500;}
.credit-jump-card.is-icon .jump-desc{margin:26px 0 0;color:#596473;font-size:14px;line-height:1.75;}
.credit-jump-card.is-icon .jump-more{position:absolute;left:22px;bottom:18px;}
.credit-jump-card.is-icon .jump-watermark{position:absolute;right:18px;bottom:18px;width:70px;height:70px;opacity:.08;pointer-events:none;}
.credit-jump-card.is-icon .jump-watermark img{display:block;width:100%;height:100%;object-fit:contain;}

/* 图片卡：走进信用页使用 */
.credit-jump-card.is-image{height:var(--jump-walk-card-h);}
.credit-jump-card.is-image .jump-image{position:relative;display:block;width:100%;height:152px;overflow:hidden;background:#e9eef5;}
.credit-jump-card.is-image .jump-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease;}
.credit-jump-card.is-image:hover .jump-image img{transform:scale(1.04);}
.credit-jump-card.is-image .jump-tag{position:absolute;left:0;top:0;display:inline-flex;height:28px;padding:0 14px;align-items:center;color:#fff;background:var(--credit-red);border-radius:0 0 8px 0;font-size:12px;font-weight:700;line-height:28px;}
.credit-jump-card.is-image .jump-copy{padding:18px 22px 16px;}
.credit-jump-card.is-image h3{margin:0 0 10px;color:#202734;font-size:18px;line-height:24px;font-weight:800;}
.credit-jump-card.is-image .jump-desc{height:44px;margin:0 0 16px;color:#596473;font-size:13px;line-height:1.7;overflow:hidden;}

@media screen and (max-width:1100px){
  :root{--credit-gov-full-logo-width:270px;--credit-gov-full-logo-height:32px;--credit-nav-gap:4px;--credit-nav-item-padding-x:12px;--credit-nav-font-size:14px;--credit-brand-nav-gap:18px;}
  .credit-header-top-inner,.credit-primary-nav-inner{max-width:var(--credit-header-max-width-mobile)!important;}
  .credit-utility-links{overflow-x:auto!important;justify-content:flex-start!important;scrollbar-width:none;}
  .credit-utility-links::-webkit-scrollbar,.credit-primary-nav::-webkit-scrollbar{display:none;}
  .credit-primary-nav{overflow-x:auto!important;scrollbar-width:none;}
  .credit-primary-nav>ul{width:max-content!important;min-width:100%!important;}
  .credit-jump-grid{grid-template-columns:repeat(2,1fr);}
  .credit-jump-grid.is-three{grid-template-columns:repeat(3,1fr);}
}

@media screen and (max-width:760px){
  :root{--credit-header-h:126px;--credit-header-top-h:58px;--credit-primary-nav-h:58px;--credit-gov-full-logo-width:220px;--credit-gov-full-logo-height:28px;--credit-brand-width:118px;--credit-brand-height:32px;--credit-brand-y:-2px;--credit-brand-nav-gap:10px;--credit-primary-nav-x:0px;--credit-primary-nav-y:-5px;--credit-nav-item-padding-x:11px;--credit-nav-font-size:13px;--credit-utility-size:11px;--credit-utility-line:20px;--credit-utility-gap:7px;--credit-hero-h:360px;--jump-main-y:22px;}
  .credit-header-top-inner{display:block!important;padding-top:4px!important;}
  .credit-gov-logo{min-width:0!important;height:34px!important;justify-content:center!important;}
  .credit-utility-links{width:100%!important;height:20px!important;margin-top:1px!important;justify-content:flex-start!important;overflow-x:auto!important;}
  .credit-submenu{display:none!important;}
  .credit-jump-grid,.credit-jump-grid.is-three{grid-template-columns:1fr;gap:16px;}
  .credit-jump-card.is-icon{height:auto;min-height:205px;}
  .credit-jump-card.is-image{height:auto;}
}