/* Shared content width for all website pages. Backgrounds remain full width. */
:root{--site-content-width:1200px;--site-gutter:24px}
html[site="china"] .por-container,
html[site="china"] .wrapper-container,
html[site="china"] .tpm-section__inner,
html[site="china"] .container,
html[site="china"] .auto,
html[site="china"] .developer-content,
html[site="china"] .search-container .ceil-header-wrapper,
html[site="china"] .search-container .search-header-content,
html[site="china"] .search-container .search-result-container,
html[site="china"] .support-content .support-body .wrapper{
  box-sizing:border-box;width:100%!important;min-width:0!important;max-width:var(--site-content-width)!important;
  margin-left:auto;margin-right:auto;padding-left:var(--site-gutter);padding-right:var(--site-gutter)
}
/* Older standalone pages use fixed desktop wrappers instead of por-container. */
html[site="china"] .about-us-zh .about-bg .about-bg-content,
html[site="china"] .about-us-zh .about-content,
html[site="china"] .about-us-zh .about-card .card-list,
html[site="china"] .about-us-zh .phone-common .question-common-content,
html[site="china"] .about-us-zh .auth .auth-list,
html[site="china"] .about-us-zh .partner-common .partner-common-content,
html[site="china"] .about-us-zh .about-footer-card .card-list,
html[site="china"] .tpm-tabs--scroll .tpm-tabs__list,
html[site="china"] .tpm-tabs--scroll .tpm-tabs__panel,
html[site="china"] .tpm-multi-tabs__bar,
html[site="china"] .tpm-multi-tabs__panel{
  box-sizing:border-box;width:100%!important;min-width:0!important;max-width:var(--site-content-width)!important;
  margin-left:auto;margin-right:auto
}
/* Full-bleed sections must not force a 1600px document or crop their backgrounds. */
html[site="china"] body,
html[site="china"] .about-us-zh .zd-banner,
html[site="china"] .zdy-banner,
html[site="china"] .zdy-cloumn,
html[site="china"] .zdy-agent,
html[site="china"] .zdy-spread,
html[site="china"] .zdy-way,
html[site="china"] .zdy-advantage,
html[site="china"] .zdy-rules,
html[site="china"] .security-cloumn,
html[site="china"] .security-beian,
html[site="china"] .security-compensation,
html[site="china"] .security-refund,
html[site="china"] .security-support,
html[site="china"] .security-vip{
  min-width:0!important
}
html[site="china"] .zdy-cloumn>ul,
html[site="china"] .security-cloumn>ul{
  width:100%!important;max-width:var(--site-content-width)!important;box-sizing:border-box;
  margin-inline:auto;padding-inline:var(--site-gutter)
}
html[site="china"] .zdy-advantage .main{width:100%!important;max-width:100%!important;box-sizing:border-box}
html[site="china"] .about-us-zh .auth .auth-list .auth-show{width:calc(100% - 64px)!important;max-width:100%;box-sizing:border-box}
html[site="china"] .footer-nav-wrapper,
html[site="china"] .footer-bottom-wrapper,
html[site="china"] .footer-service-wrapper,
html[site="china"] .footer-copyright-wrapper{
  box-sizing:border-box;width:100%!important;max-width:var(--site-content-width)!important;
  margin-left:auto;margin-right:auto;padding-left:var(--site-gutter);padding-right:var(--site-gutter)
}
@media(min-width:769px){
  #header .header-bottom,#header .header-topnav{padding-left:0!important;padding-right:0!important}
  #header .header-bottom-wrapper,#header .header-topnav-wrapper,#header .header-top-ad-inner,
  #header .header-dropdown-list,#header .header-pagenav,#header .header-prompt-wrapper{
    box-sizing:border-box;width:100%!important;max-width:var(--site-content-width)!important;
    margin-left:auto;margin-right:auto;padding-left:var(--site-gutter);padding-right:var(--site-gutter)
  }
}
/* Legacy service step rows used pixel widths calculated for a 1600px container. */
@media(min-width:769px){
  html[site="china"] .about-us-zh .about-content .about-con-text-box{width:51%;margin-right:5%}
  html[site="china"] .about-us-zh .about-content .about-con-bg{width:44%}
  html[site="china"] .about-us-zh .partner-common .partner-common-content .partner-common-list-wrapper,
  html[site="china"] .about-us-zh .partner-common .partner-common-content .partner-common-no-wrapper{width:calc(50% - 20px)}
  html[site="china"] .about-us-zh .zd-banner .banner-list{max-width:var(--site-content-width)}
  html[site="china"] .about-us-zh .zd-banner .banner-left-img-box{max-width:100%}
  html[site="china"] .about-us-zh .zd-banner .banner-box-right .banner-box-right-content{width:calc(100% - 8px);box-sizing:border-box;padding-inline:32px}
  html[site="china"] .zdy-way ul{display:flex;gap:24px;margin-inline:0}
  html[site="china"] .zdy-way ul li{width:auto;flex:1;min-width:0;margin-left:0}
  html[site="china"] .zdy-advantage .main{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:20px;padding-block:30px}
  html[site="china"] .zdy-advantage .main .list,
  html[site="china"] .zdy-advantage .main .center{width:auto;min-width:0;float:none;position:relative;left:auto;top:auto;margin:0;height:auto}
  html[site="china"] .zdy-advantage .main .center p{padding-left:40px;background-position:15px center;font-size:14px}
  html[site="china"] .security-beian .security-list,
  html[site="china"] .security-refund .security-list,
  html[site="china"] .security-compensation .security-list{display:flex;margin-inline:0}
  html[site="china"] .security-list li{flex:1;min-width:0}
  html[site="china"] .security-list p::before,
  html[site="china"] .security-list p::after{max-width:calc(50% - 10px)}
}
html[site="china"] .about-us-zh .about-content .about-con-bg img{max-width:100%}
@media(max-width:375px){:root{--site-gutter:16px}}

/* Compact shared header: preserve the logo ratio and reserve real space for navigation. */
#header[data-layout="compact"] .header-logo{display:flex;align-items:center;justify-content:flex-start;width:180px;height:52px;flex:0 0 180px}
#header[data-layout="compact"] .header-logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}
#header[data-layout="compact"] .header-search,
#header[data-layout="compact"] .header-menu-search-mb,
#header[data-layout="compact"] .header-mbshearch{display:none!important}
@media(min-width:769px){
  #header[data-layout="compact"]{height:76px!important}
  #header[data-layout="compact"] .header-bottom{height:76px!important}
  #header[data-layout="compact"] .header-bottom-wrapper{display:flex!important;align-items:center;gap:20px;height:76px!important}
  #header[data-layout="compact"] .header-bottom-wrapper .header-logo{position:static!important;left:auto;top:auto}
  /* Legacy scripts may add .double after load; its top:60px must never move this flex/grid item. */
  #header[data-layout="compact"] .header-bottom-wrapper .header-nav{position:relative!important;left:auto!important;top:0!important;bottom:auto!important;float:none!important;flex:1;min-width:0;width:auto!important;height:76px!important;margin-right:0;justify-content:flex-start}
  #header[data-layout="compact"] .header-nav-scroll{margin-left:0;width:100%}
  #header[data-layout="compact"] .header-nav-list{display:flex;align-items:center;height:100%;width:max-content;max-width:100%}
  #header[data-layout="compact"] .header-nav-list>li{flex:0 0 auto;padding-inline:9px!important;height:100%}
  #header[data-layout="compact"] .header-nav-list>li>a{font-size:14px;white-space:nowrap}
  #header[data-layout="compact"] .header-bottom-wrapper .header-tools{position:static;flex:0 0 auto;width:auto;min-width:0;height:76px!important}
  #header[data-layout="compact"] .header-tools-right{display:flex;align-items:center;gap:14px;margin-left:0;height:100%;line-height:normal}
  #header[data-layout="compact"] .header-tools-right>li{flex:0 0 auto;margin-left:0!important}
  #header[data-layout="compact"] .header-tools-right>li>a{font-size:13px}
  #header[data-layout="compact"] .header-dropdown{top:76px!important}
}
/* A deliberate second row at tablet widths keeps all menu labels readable. */
@media(min-width:769px) and (max-width:1100px){
  #header[data-layout="compact"]{height:104px!important}
  #header[data-layout="compact"] .header-bottom{height:104px!important}
  #header[data-layout="compact"] .header-bottom-wrapper{display:grid!important;grid-template-columns:180px 1fr;grid-template-rows:60px 44px;column-gap:20px;row-gap:0;height:104px!important}
  #header[data-layout="compact"] .header-bottom-wrapper .header-tools{grid-column:2;grid-row:1;justify-self:end;height:60px!important}
  #header[data-layout="compact"] .header-bottom-wrapper .header-nav{grid-column:1 / -1;grid-row:2;width:100%!important;height:44px!important}
  #header[data-layout="compact"] .header-nav-list>li{padding-inline:14px!important}
  #header[data-layout="compact"] .header-nav-list>li:first-child{padding-left:0!important}
  #header[data-layout="compact"] .header-dropdown{top:104px!important}
}
@media(max-width:768px){
  #header[data-layout="compact"]{height:56px!important}
  #header[data-layout="compact"] .header-bottom{height:56px!important;padding-inline:var(--site-gutter)}
  #header[data-layout="compact"] .header-bottom-wrapper{display:flex!important;align-items:center;height:56px!important}
  #header[data-layout="compact"] .header-bottom-wrapper .header-logo{position:static!important;flex:0 0 140px;width:140px;height:46px}
  #header[data-layout="compact"] .header-bottom-wrapper .header-tools{height:56px!important;margin-left:auto}
  #header[data-layout="compact"] .header-menu-mb{height:56px;line-height:56px;padding-top:22px}
  #header[data-layout="compact"] .header-mbnav{top:56px;height:calc(100vh - 56px)}
  #header[data-layout="compact"] .header-tools .header-login-mobile .header-user-info,
  #header[data-layout="compact"] .header-tools .header-user .header-user-info{left:calc(0px - var(--site-gutter));width:calc(100% + 2*var(--site-gutter))}
}
/* Promotion marker and a shared, restrained finish for all desktop dropdowns. */
#header .bq-nav-badge{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-left:6px;padding:2px 5px;min-height:17px;line-height:1;font-size:10px;font-style:normal;font-weight:600;color:#fff;background:linear-gradient(120deg,#ff804d,#f35a35);border-radius:4px;box-shadow:0 3px 8px #ef622520;letter-spacing:.3px}
@media(min-width:769px){
  #header[data-layout="compact"] .header-dropdown.showMask{background:#1529490d;backdrop-filter:blur(2px)}
  #header[data-layout="compact"] .header-dropdown-list{border-radius:0 0 12px 12px;box-shadow:0 16px 38px #1634601c}
  #header[data-layout="compact"] .header-dropdown-list>li:not(.J-drop-dialog){border:1px solid #e3eaf5;border-top:2px solid #4c78ef;border-radius:0 0 11px 11px;box-shadow:none;background:#fff}
  #header[data-layout="compact"] .dropdown-common-wrapper,#header[data-layout="compact"] .dropdown-product-wrapper{padding:28px 32px 30px}
  #header[data-layout="compact"] .dropdown-common-wrapper-top{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #edf1f7}
  #header[data-layout="compact"] .dropdown-link-title{font-size:19px;font-weight:600;color:#1c3050}
  #header[data-layout="compact"] .dropdown-common-wrapper-bottom{gap:28px}
  #header[data-layout="compact"] .dropdown-common-wrapper-left{min-width:0;flex:1}
  #header[data-layout="compact"] .dropdown-common-module{border-right:0;padding-inline:14px;min-width:0}
  #header[data-layout="compact"] .dropdown-common-module-title{color:#7d90ae;font-size:12px;font-weight:500;letter-spacing:.3px}
  #header[data-layout="compact"] .dropdown-common-item,#header[data-layout="compact"] .dropdown-product-link{border:1px solid transparent;border-radius:7px;padding:12px 14px;transition:background .18s,border-color .18s,transform .18s}
  #header[data-layout="compact"] .dropdown-common-item[href]:hover,#header[data-layout="compact"] .dropdown-common-item[href]:focus-visible,#header[data-layout="compact"] .dropdown-product-link[href]:hover,#header[data-layout="compact"] .dropdown-product-link[href]:focus-visible{background:#f1f5ff;border-color:#dfe8fb;transform:translateX(3px)}
  #header[data-layout="compact"] .dropdown-common-item-title,#header[data-layout="compact"] .dropdown-product-link-title{font-size:14px;color:#2b4164}
  #header[data-layout="compact"] .dropdown-common-item-desc,#header[data-layout="compact"] .dropdown-product-link-desc{font-size:12px;color:#8a9ab1;line-height:1.7}
  #header[data-layout="compact"] .bq-nav-custom{padding:28px 32px 32px}
  #header[data-layout="compact"] .bq-nav-custom-title{display:block;padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid #edf1f7;font-size:19px}
  #header[data-layout="compact"] .bq-nav-custom-grid{gap:16px 20px}
  #header[data-layout="compact"] .bq-nav-custom-group{border:1px solid #e8eef8;border-radius:8px;background:#fbfcff;padding:5px}
  #header[data-layout="compact"] .bq-nav-custom-link{padding:13px 14px;border:1px solid transparent}
  #header[data-layout="compact"] .bq-nav-custom-link[href]:hover,#header[data-layout="compact"] .bq-nav-custom-link[href]:focus-visible{border-color:#dce6fa;background:#eef4ff}
  #header[data-layout="compact"] .bq-nav-custom-children{margin:0 14px 6px;border-left:0;border-top:1px solid #e5ecf7;padding-top:5px}
  #header[data-layout="compact"] .bq-nav-custom-children .bq-nav-custom-link{padding:9px 0;font-size:12px}
  #header[data-layout="compact"] .header-dropdown-close{right:18px;top:16px;opacity:.55;border-radius:50%;transition:opacity .15s,background .15s}
  #header[data-layout="compact"] .header-dropdown-close:hover{opacity:1;background-color:#edf3ff}
}
@media(min-width:769px) and (max-width:1100px){#header[data-layout="compact"] .dropdown-common-wrapper,#header[data-layout="compact"] .dropdown-product-wrapper,#header[data-layout="compact"] .bq-nav-custom{padding-inline:22px}}
@media(max-width:768px){#header .bq-nav-badge{font-size:9px;margin-left:4px;padding:2px 4px}#header .header-mbnav-level2-content-index{background:#f5f8fe}#header .header-collapse-head a:hover{background:#f0f5ff}}
/* Backend-defined menus such as service support need a panel for every navigation type. */
#header .bq-nav-custom{padding:26px 40px 32px;max-width:100%;box-sizing:border-box}
#header .bq-nav-custom-title{display:inline-block;font-size:20px;font-weight:600;color:#152440;margin-bottom:20px}
#header .bq-nav-custom-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 24px}
#header .bq-nav-custom-group{min-width:0}
#header .bq-nav-custom-link{display:block;padding:12px 16px;border-radius:6px;color:#263c5b;line-height:1.6;transition:background .15s,color .15s}
#header .bq-nav-custom-link[href]:hover,#header .bq-nav-custom-link[href]:focus-visible{background:#f0f5ff;color:#2355ee}
#header .bq-nav-custom-link span{font-size:15px;display:block}
#header .bq-nav-custom-link small{font-size:12px;color:#8a95a8;display:block;margin-top:4px}
#header .bq-nav-custom-children{margin-left:16px;border-left:1px solid #e5eaf2}
#header .bq-nav-custom-children .bq-nav-custom-link span{font-size:14px}
#header .header-nav-list>li>a[role="button"]{cursor:pointer}
#header .header-nav-list>li>a:focus-visible{outline:2px solid #2355ee;outline-offset:5px}
@media(min-width:769px) and (max-width:1100px){#header .bq-nav-custom-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#header .bq-nav-custom{padding-inline:20px}}