/* 基于 thumbnail.png 的头部样式：深色底、左 logo、中心导航、右侧操作按钮 */

.privacy-content.container {
  padding-top: var(--header-height)!important;
  padding-bottom: 100px!important;
}

:root {
  --root-font-size: 36px; /* 36 / 1920 = 0.01875 web端适配  */
  --primary-color: #ff991c;
  --second-color: #014c94;
  --btn-bg-default: var(var(--primary-color));
  --font-family: 'MiSans';
  --title-font-size-xl: 2.5rem; /* 90px */
  --title-font-size-lg: 1.94444444rem; /* 70px */
  --title-font-size-md: 1.3888888889rem; /* 50px */
  --title-font-size-sm: 1.11111111rem; /* 40px */
  --title-font-size-xsm: 1rem; /* 36px */

  --title-font-size-xs: 0.94444444rem; /* 34px */
  --title-font-size-xss: 0.83333333rem; /* 30px */
  --title-font-weight: 900;

  --title-font-padding-top: 90px;

  --text-font-size-xxxl: 28px;
  --text-font-size-xxl: 24px;
  --text-font-size-xl: 20px;
  --text-font-size-lg: 18px;
  --text-font-size-base: 16px;

  --font-weight: 500;

  --top-offset: -60px;
  --border-radius-lg: 60px;

  --border-radius-md: 50px;
  --border-radius-sm: 30px;

  --header-height: max(50px, 3.27778rem);

  --btn-bg-hover:
    linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(255, 255, 255, 0.2) 100%
    ),
    #ff991c;
  --btn-bg-active:
    linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%),
    #ff991c;
  --btn-bg-disabled:
    linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0.8) 100%
    ),
    #000;
  --text-color-black: #100;
  --text-color-white: #fff;
  --container-padding: 120px;
}

html {
  font-size: var(--root-font-size);
}

@font-face {
  font-family: 'MiSans';
  src: url('https://okki-shop.oss-cn-hangzhou.aliyuncs.com/tpl-common/common/css/advanced_fonts/MiSans/MiSans-Thin.ttf')
    format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MiSans';
  src: url('https://okki-shop.oss-cn-hangzhou.aliyuncs.com/tpl-common/common/css/advanced_fonts/MiSans/MiSans-ExtraLight.ttf')
    format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MiSans';
  src: url('https://okki-shop.oss-cn-hangzhou.aliyuncs.com/tpl-common/common/css/advanced_fonts/MiSans/MiSans-Light.ttf')
    format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MiSans';
  src: url('https://okki-shop.oss-cn-hangzhou.aliyuncs.com/tpl-common/common/css/advanced_fonts/MiSans/MiSans-Normal.ttf')
    format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MiSans';
  src: url('https://okki-shop.oss-cn-hangzhou.aliyuncs.com/tpl-common/common/css/advanced_fonts/MiSans/MiSans-Regular.ttf')
    format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MiSans';
  src: url('https://okki-shop.oss-cn-hangzhou.aliyuncs.com/tpl-common/common/css/advanced_fonts/MiSans/MiSans-Medium.ttf')
    format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MiSans';
  src: url('https://okki-shop.oss-cn-hangzhou.aliyuncs.com/tpl-common/common/css/advanced_fonts/MiSans/MiSans-Semibold.ttf')
    format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MiSans';
  src: url('https://okki-shop.oss-cn-hangzhou.aliyuncs.com/tpl-common/common/css/advanced_fonts/MiSans/MiSans-Demibold.ttf')
    format('truetype');
  font-weight: 550;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MiSans';
  src: url('https://okki-shop.oss-cn-hangzhou.aliyuncs.com/tpl-common/common/css/advanced_fonts/MiSans/MiSans-Bold.ttf')
    format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MiSans';
  src: url('https://okki-shop.oss-cn-hangzhou.aliyuncs.com/tpl-common/common/css/advanced_fonts/MiSans/MiSans-Heavy.ttf')
    format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

.qicheng-card {
  border-top-left-radius: var(--border-radius-lg);
  border-top-right-radius: var(--border-radius-lg);
  margin-top: var(--top-offset);
  opacity: 1;
  transform: translateY(50px);
  transition:
    opacity 1s ease,
    transform 1s ease;
}

.qicheng-card.animate-in {
  opacity: 1;
  transform: translateY(0);
}

/* 文本元素入场动画 - 从上至下 */
.qicheng-text-animate {
  opacity: 0;
  transform: translateY(-30px);
  transition:
    opacity 1.5s ease,
    transform 1.5s ease;
}

.qicheng-text-animate.animate-in {
  opacity: 1;
  transform: translateY(0);
}

/* 按钮元素入场动画 - 从下至上 */
.qicheng-btn-animate {
  opacity: 0;
  transform: translateY(40px);
  transition:
    opacity 1.8s ease,
    transform 1.8s ease;
}

.qicheng-btn-animate.animate-in {
  opacity: 1;
  transform: translateY(0);
}

/* @media screen and (min-width: 2560px) {
  .qicheng-card > .container {
    max-width: 1500px;
  }
} */

@media screen and (min-width: 1920px) {
  :root {
  }
  .container {
    max-width: 1580px;
    padding: 0px;
  }
}

@media screen and (max-width: 1920px) {
  :root {
    --container-padding: 170px;
  }

  .container {
    max-width: 1580px;
    padding: 0px;
  }
}

@media screen and (max-width: 1580px) {
  :root {
    --root-font-size: calc(0.01875 * 1580px);
    --container-padding: 120px;

    --text-font-size-xxxl: 26px;
    --text-font-size-xxl: 22px;
    --text-font-size-xl: 18px;
    --text-font-size-lg: 16px;
    --text-font-size-base: 15px;
  }
  .container {
    max-width: 100%;
    padding: 0 var(--container-padding);
  }
}

@media screen and (max-width: 1440px) {
  :root {
    --root-font-size: calc(0.01875 * 1440px);
  }

  .container {
    max-width: 100%;
    /* padding: 0px 100px; */
  }
}

@media screen and (max-width: 1280px) {
  :root {
    --root-font-size: calc(0.01875 * 1280px);
    --container-padding: 80px;

    --text-font-size-xxxl: 24px;
    --text-font-size-xxl: 20px;
    --text-font-size-xl: 18px;
    --text-font-size-lg: 15px;
    --text-font-size-base: 14px;
  }
  .container {
    max-width: 100%;
    padding: 0 var(--container-padding);
  }
}

@media screen and (max-width: 1024px) {
  :root {
    --root-font-size: calc(0.01875 * 1024px);
    --container-padding: 60px;

    --title-font-size-xl: 2.5rem; /* 90px */
    --title-font-size-lg: 1.94444444rem; /* 70px */
    --title-font-size-md: 1.3888888889rem; /* 50px */
    --title-font-size-sm: 24px; /* 40px */
    --title-font-size-xs: 20px; /* 34px */

    --title-font-size-xss: 18px; /* 30px */

    --text-font-size-xxxl: 24px;
    --text-font-size-xxl: 20px;
    --text-font-size-xl: 16px;
    --text-font-size-lg: 15px;
    --text-font-size-base: 14px;

    --title-font-padding-top: 60px;

    --border-radius-md: 40px;
  }

  .container {
    max-width: 100%;
    padding: 0 var(--container-padding);
  }
}

@media screen and (max-width: 820px) {
  :root {
    --root-font-size: calc(0.01875 * 820px);
    --container-padding: 40px;

    --border-radius-md: 30px;

    --top-offset: -45px;
    --border-radius-lg: 45px;

    --title-font-size-xl: 2.5rem; /* 90px */
    --title-font-size-lg: 1.94444444rem; /* 70px */
    --title-font-size-md: 1.3888888889rem; /* 50px */

    --title-font-size-xs: 20px; /* 34px */
    --title-font-size-xss: 18px; /* 30px */

    --text-font-size-xxxl: 22px;
    --text-font-size-xxl: 18px;
    --text-font-size-xl: 16px;
    --text-font-size-lg: 14px;
    --text-font-size-base: 13px;
  }

  .container {
    max-width: 100%;
    padding: 0 var(--container-padding);
  }
}

@media screen and (max-width: 768px) {
  :root {
    --root-font-size: calc(0.01875 * 768px);
    --container-padding: 30px;
    --text-font-size-xxl: 16px;
  }

  .container {
    max-width: 100%;
    padding: 0 var(--container-padding);
  }
}

@media screen and (max-width: 552px) {
  :root {
    --root-font-size: calc(0.01875 * 552px);
    --container-padding: 3rem;
    --top-offset: -25px;
    --border-radius-lg: 25px;

    --title-font-size-xl: 20px; /* 90px */

    --title-font-size-lg: max(1.94444444rem, 23px); /* 70px */
    --title-font-size-md: max(1.3888888889rem, 20px); /* 50px */
    --title-font-size-sm: max(1.11111111rem, 18px); /* 40px */
    --title-font-size-xsm: 16px;
    --title-font-size-xs: 15px; /* 34px */
    --title-font-size-xss: 14px; /* 30px */

    --text-font-size-xxxl: 22px;
    --text-font-size-xxl: 13px;
    --text-font-size-xl: 12px;
    --text-font-size-lg: 11px;
    --text-font-size-base: 10px;

    --title-font-padding-top: 45px;
  }
  .container {
    max-width: 100%;
    padding: 0 var(--container-padding);
  }

  .subtitle {
    margin: 1rem 3.5rem 1.5rem 3.5rem;
  }
}

@media screen and (max-width: 390px) {
  :root {
    --root-font-size: calc(0.01875 * 390px);
    --title-font-size-md: 13px;
  }
}

@media screen and (max-width: 375px) {
  :root {
    --root-font-size: calc(0.01875 * 375px);
    --text-font-size-lg: 10px;
    --text-font-size-base: 12px;

    --title-font-size-xl: 18px; /* 90px */
  }
}

.inqury-form .inqury_submit {
}

.qicheng-btn {
  display: inline-block;
  color: #fff !important;
  border-radius: 99px;
  background: var(--primary-color);
  font-family: var(--font-family);
  font-size: var(--text-font-size-lg);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: max(0.42889rem, 8px) max(1.11111rem, 16px);
}

.inqury-form .inqury_submit:hover,
.qicheng-btn:hover {
  background: var(--btn-bg-hover);
}

.inqury-form .inqury_submit:active,
.qicheng-btn:active {
  background: var(--btn-bg-active);
}

.inqury-form .inqury_submit:disabled,
.qicheng-btn:disabled {
  background: var(--btn-bg-disabled);
}

.custom-pop-inquiry .container {
  padding: 0 !important;
}

.scale-to-large {
  transform: scale(1);
  transition: transform 0.3s ease;
}

.scale-to-large:hover {
  transform: scale(1.05);
}

.no-animate {
  transform: none !important;
}

body {
  background-color: #fff;
}




/* style fix */


@media screen and (max-width: 768px) {
  .qicheng-added-services .added-services-list {
    padding: 0px!important;
  }
 
}


  @media screen and (max-width: 552px) {

  .qicheng-page-banner .page-banner-content .page-banner-title,.qicheng-page-banner .page-banner-content .page-banner-rich-text   {
    max-width: 100% !important;
  }

}