/* 响应式 */
body, html {font-size: calc(100vw / 120);}
@media (min-width: 1024px) and (max-width: 1366px) {
  body, html {font-size: calc(100vw / 100);}
}
@media (min-width: 767px) and (max-width: 1024px) {
  body, html {font-size: calc(100vw / 90);}
}
@media (max-width: 767px) {
  body, html {font-size: 14px;}
}

/*字体引入*/
.Arial {font-family: Arial, Helvetica, sans-serif;}

/* 内容区 */
.w1200 {padding: 0 18.5%;width: 100%;}
.w1300 {padding: 0 15.88%;width: 100%;}
.w1400 {padding: 0 13.25%;width: 100%}
.w1500 {padding: 0 10.625%;width: 100%}
.w1600 {padding: 0 8%; width: 100%}

@media (max-width: 1366px) {
  .w1200 {padding: 0 5.78125%;}
  .w1300 {padding: 0 5.78125%;}
  .w1350 {padding: 0 5.78125%;}
  .w1400 {padding: 0 5.78125%;}
  .w1500 {padding: 0 5.78125%;}
  .w1600 {padding: 0 5.78125%;}
}

@media (max-width: 768px) {
  .w1300 {padding: 0 4%;}
  .w1400 {padding: 0 4%;}
  .w1500 {padding: 0 4%;}
  .w1600 {padding: 0 4%;}
}


html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body {FONT: 1rem / 1.5 "Noto Sans SC","PingFang SC","Microsoft YaHei", Arial, Helvetica, sans-serif; min-height: 100%;color: #333; background: #fff;}


/* 基础字体类（只需定义一次） */
.tit-12 { font-size: var(--font12); }
.tit-13 { font-size: var(--font13); }
.tit-14 { font-size: var(--font14); }
.tit-15 { font-size: var(--font15); }
.tit-16 { font-size: var(--font16); }
.tit-17 { font-size: var(--font17); }
.tit-18 { font-size: var(--font18); }
.tit-19 { font-size: var(--font19); }
.tit-20 { font-size: var(--font20); }
.tit-22 { font-size: var(--font22); }
.tit-24 { font-size: var(--font24); }
.tit-26 { font-size: var(--font26); }
.tit-28 { font-size: var(--font28); }
.tit-30 { font-size: var(--font30); }
.tit-32 { font-size: var(--font32); }
.tit-34 { font-size: var(--font34); }
.tit-36 { font-size: var(--font36); }
.tit-38 { font-size: var(--font38); }
.tit-40 { font-size: var(--font40); }
.tit-42 { font-size: var(--font42); }
.tit-44 { font-size: var(--font44); }
.tit-46 { font-size: var(--font46); }
.tit-48 { font-size: var(--font48); }
.tit-50 { font-size: var(--font50); }
.tit-52 { font-size: var(--font52); }
.tit-54 { font-size: var(--font54); }
.tit-56 { font-size: var(--font56); }
.tit-58 { font-size: var(--font58); }
.tit-60 { font-size: var(--font60); }
.tit-62 { font-size: var(--font62); }
.tit-64 { font-size: var(--font64); }
.tit-66 { font-size: var(--font66); }
.tit-68 { font-size: var(--font68); }
.tit-70 { font-size: var(--font70); }
.tit-72 { font-size: var(--font72); }
.tit-74 { font-size: var(--font74); }
.tit-76 { font-size: var(--font76); }
.tit-78 { font-size: var(--font78); }
.tit-80 { font-size: var(--font80); }
.tit-82 { font-size: var(--font82); }
.tit-84 { font-size: var(--font84); }
.tit-86 { font-size: var(--font86); }
.tit-88 { font-size: var(--font88); }
.tit-90 { font-size: var(--font90); }
.tit-92 { font-size: var(--font92); }
.tit-94 { font-size: var(--font94); }
.tit-96 { font-size: var(--font96); }
.tit-98 { font-size: var(--font98); }
.tit-100 { font-size: var(--font100);}


:root {
  --font12: .75rem;   --font13: .813rem;/* 补充的奇数变量 */
  --font14: .875rem;  --font15: .938rem;/* 补充的奇数变量 */
  --font16: 1rem;     --font17: 1.063rem;/* 补充的奇数变量 */
  --font18: 1.125rem; --font19: 1.188rem;/* 补充的奇数变量 */
  --font20: 1.25rem;  --font22: 1.375rem;
  --font24: 1.5rem;   --font26: 1.625rem;
  --font28: 1.75rem;  --font30: 1.875rem;
  --font32: 2rem;     --font34: 2.125rem;
  --font36: 2.25rem;  --font38: 2.375rem;
  --font40: 2.5rem;   --font42: 2.625rem;
  --font44: 2.75rem;  --font46: 2.875rem;
  --font48: 3rem;     --font50: 3.125rem;
  --font52: 3.25rem;  --font54: 3.375rem;
  --font56: 3.5rem;   --font58: 3.625rem;
  --font60: 3.75rem;  --font62: 3.875rem;
  --font64: 4rem;     --font66: 4.125rem;
  --font68: 4.25rem;  --font70: 4.375rem;
  --font72: 4.5rem;   --font74: 4.625rem;
  --font76: 4.75rem;  --font78: 4.875rem;
  --font80: 5rem;     --font82: 5.125rem;
  --font84: 5.25rem;  --font86: 5.375rem;
  --font88: 5.5rem;   --font90: 5.625rem;
  --font92: 5.75rem;  --font94: 5.875rem;
  --font96: 6rem;     --font98: 6.125rem;
  --font100: 6.25rem;
}


/* 手机端（< 768px） */
@media (max-width: 767px) {
  /* 原 1rem = 16px → 移动端 1rem = 14px（body 已设置） */
  :root {
    --font12: 0.625rem;   /* 12px → 10px (减少2px) */    --font13: 0.6875rem;  /* 13px → 11px */
    --font14: 0.75rem;    /* 14px → 12px */             --font15: 0.8125rem;  /* 15px → 13px */
    --font16: 0.875rem;   /* 16px → 14px */             --font17: 0.9375rem;  /* 17px → 15px */
    --font18: 1rem;       /* 18px → 16px */             --font19: 1.0625rem;  /* 19px → 17px */
    --font20: 1.125rem;   /* 20px → 18px */             --font22: 1.25rem;    /* 22px → 20px */
    --font24: 1.375rem;   /* 24px → 22px */             --font26: 1.5rem;     /* 26px → 24px */
    --font28: 1.625rem;   /* 28px → 26px */             --font30: 1.75rem;    /* 30px → 28px */
    --font32: 1.875rem;   /* 32px → 30px */             --font34: 2rem;       /* 34px → 32px */
    --font36: 2.125rem;   /* 36px → 34px */             --font38: 2.25rem;    /* 38px → 36px */
    --font40: 2.375rem;   /* 40px → 38px */             --font42: 2.5rem;     /* 42px → 40px */
    --font44: 2.625rem;   /* 44px → 42px */             --font46: 2.75rem;    /* 46px → 44px */
    --font48: 2.875rem;   /* 48px → 46px */             --font50: 3rem;       /* 50px → 48px */
    --font52: 3.125rem;   /* 52px → 50px */             --font54: 3.25rem;    /* 54px → 52px */
    --font56: 3.375rem;   /* 56px → 54px */             --font58: 3.5rem;     /* 58px → 56px */
    --font60: 3.625rem;   /* 60px → 58px */             --font62: 3.75rem;    /* 62px → 60px */
    --font64: 3.875rem;   /* 64px → 62px */             --font66: 4rem;       /* 66px → 64px */
    --font68: 4.125rem;   /* 68px → 66px */             --font70: 4.25rem;    /* 70px → 68px */
    --font72: 4.375rem;   /* 72px → 70px */             --font74: 4.5rem;     /* 74px → 72px */
    --font76: 4.625rem;   /* 76px → 74px */             --font78: 4.75rem;    /* 78px → 76px */
    --font80: 4.875rem;   /* 80px → 78px */             --font82: 5rem;       /* 82px → 80px */
    --font84: 5.125rem;   /* 84px → 82px */             --font86: 5.25rem;    /* 86px → 84px */
    --font88: 5.375rem;   /* 88px → 86px */             --font90: 5.5rem;     /* 90px → 88px */
    --font92: 5.625rem;   /* 92px → 90px */             --font94: 5.75rem;    /* 94px → 92px */
    --font96: 5.875rem;   /* 96px → 94px */             --font98: 6rem;       /* 98px → 96px */
    --font100: 6.125rem;  /* 100px → 98px */
  }

  /* 特殊字体自定义 */
  .tit-30 {font-size: var(--font24);}
  .tit-38 {font-size: var(--font26);}
  .tit-40 {font-size: var(--font24);}
  .tit-42 {font-size: var(--font26);}
  .tit-48 {font-size: var(--font30);}
  .tit-50 {font-size: var(--font40);}
}
