/*字体引入*/
 @font-face {
  font-family: 'NotoSansSC';
  src: url('../font/NotoSansSC-VariableFont_wght.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap; /* 优化加载体验 */
}

 @font-face {
  font-family: 'NotoSansSCBold';
  src: url('../font/NotoSansSC-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap; /* 优化加载体验 */
}


/* @font-face {

  font-family: 'monRegular';

  src: url('../font/MONTSERRAT-REGULAR.TTF');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'monBold';

  src: url('../font/MONTSERRAT-BOLD.TTF');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'monLight';

  src: url('../font/MONTSERRAT-LIGHT.TTF');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'monMedium';

  src: url('../font/MONTSERRAT-MEDIUM.TTF');

  font-weight: normal;

  font-style: normal;

}



.monRegular {font-family: 'monRegular';}

.monBold {font-family: 'monBold';}

.monLight {font-family: 'monLight';}

.monMedium {font-family: 'monMedium';} */



.Arial {font-family: Arial, Helvetica, sans-serif;}



/* 内容区 */

.w1300 {width: 1300px;margin: 0 auto; max-width: 74%;}

.w1400 {width: 1400px;margin: 0 auto; max-width: 80%;}

.w1440 {width: 1440px;margin: 0 auto; min-width: 74%; max-width: 78%;}

.w1500 {width: 1500px;margin: 0 auto; min-width: 78%; max-width: 80%;}

.w1620 {width: 1620px;margin: 0 auto; min-width: 85%; max-width: 85%;}



@media (max-width: 767px) {

  .w1300 {width: 92%; max-width: 92%;}

  .w1400 {width: 92%; max-width: 92%;}

  .w1440 {width: 92%; max-width: 92%;}

  .w1500 {width: 92%; max-width: 92%;}

  .w1620 {width: 92%; max-width: 92%;}



}





/* 响应式 */

html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

body {FONT: 16px/1.5 Arial, Helvetica, sans-serif; min-height: 100%;color: #333; background: #fff; letter-spacing: 0.01px}



:root {

  /* 桌面端默认变量（>1680px） */

  --font12: 12px;     --font13: 13px;/* 补充的奇数变量 */

  --font14: 14px;     --font15: 15px;/* 补充的奇数变量 */

  --font16: 16px;     --font17: 17px;/* 补充的奇数变量 */

  --font18: 18px;     --font19: 19px;/* 补充的奇数变量 */

  --font20: 20px;     --font22: 22px;

  --font24: 24px;     --font26: 26px;

  --font28: 28px;     --font30: 30px;

  --font32: 32px;     --font34: 34px;

  --font36: 36px;     --font38: 38px;

  --font40: 40px;     --font42: 42px;

  --font44: 44px;     --font46: 46px;

  --font48: 48px;     --font50: 50px;

  --font52: 52px;     --font54: 54px;

  --font56: 56px;     --font58: 58px;

  --font60: 60px;     --font62: 62px;

  --font64: 64px;     --font66: 66px;

  --font68: 68px;     --font70: 70px;

  --font72: 72px;     --font74: 74px;

  --font76: 76px;     --font78: 78px;

  --font80: 80px;     --font82: 82px;

  --font84: 84px;     --font86: 86px;

  --font88: 88px;     --font90: 90px;

  --font92: 92px;     --font94: 94px;

  --font96: 96px;     --font98: 98px;

  --font100: 100px;

}



/* 大桌面端（大于1920） */

@media  (min-width: 1921px) { 

  body {font-size: .16rem;}

  :root {

    --font12: 0.12rem;     --font13: 0.13rem; /* 补充的奇数变量 */

    --font14: 0.14rem;     --font15: 0.15rem; /* 补充的奇数变量 */

    --font16: 0.16rem;     --font17: 0.17rem; /* 补充的奇数变量 */

    --font18: 0.18rem;     --font19: 0.19rem; /* 补充的奇数变量 */

    --font20: 0.20rem;     --font22: 0.22rem;

    --font24: 0.24rem;     --font26: 0.26rem;

    --font28: 0.28rem;     --font30: 0.30rem;

    --font32: 0.32rem;     --font34: 0.34rem;

    --font36: 0.36rem;     --font38: 0.38rem;

    --font40: 0.40rem;     --font42: 0.42rem;

    --font44: 0.44rem;     --font46: 0.46rem;

    --font48: 0.48rem;     --font50: 0.50rem;

    --font52: 0.52rem;     --font54: 0.54rem;

    --font56: 0.56rem;     --font58: 0.58rem;

    --font60: 0.60rem;     --font62: 0.62rem;

    --font64: 0.64rem;     --font66: 0.66rem;

    --font68: 0.68rem;     --font70: 0.70rem;

    --font72: 0.72rem;     --font74: 0.74rem;

    --font76: 0.76rem;     --font78: 0.78rem;

    --font80: 0.80rem;     --font82: 0.82rem;

    --font84: 0.84rem;     --font86: 0.86rem;

    --font88: 0.88rem;     --font90: 0.90rem;

    --font92: 0.92rem;     --font94: 0.94rem;

    --font96: 0.96rem;     --font98: 0.98rem;

    --font100: 1rem;

  }

}



/* 中等桌面端（1440px - 1680px） */

@media (min-width: 1440px) and (max-width: 1680px) { 

  body { font-size: 14px; }

  :root {

    --font12: 11px;    --font13: 11.5px; /* 补充的奇数变量 */

    --font14: 12px;    --font15: 12.5px; /* 补充的奇数变量 */

    --font16: 14px;    --font17: 14.5px; /* 补充的奇数变量 */

    --font18: 16px;    --font19: 16.5px; /* 补充的奇数变量 */

    --font20: 18px;    --font22: 20px;

    --font24: 22px;    --font26: 24px;

    --font28: 26px;    --font30: 28px;

    --font32: 30px;    --font34: 32px;

    --font36: 34px;    --font38: 36px;

    --font40: 38px;    --font42: 40px;

    --font44: 42px;    --font46: 44px;

    --font48: 46px;    --font50: 48px;

    --font52: 50px;    --font54: 52px;

    --font56: 54px;    --font58: 56px;

    --font60: 58px;    --font62: 60px;

    --font64: 62px;    --font66: 64px;

    --font68: 66px;    --font70: 68px;

    --font72: 70px;    --font74: 72px;

    --font76: 74px;    --font78: 76px;

    --font80: 78px;    --font82: 80px;

    --font84: 82px;    --font86: 84px;

    --font88: 86px;    --font90: 88px;

    --font92: 90px;    --font94: 92px;

    --font96: 94px;    --font98: 96px;

    --font100: 98px;

  }



}



/* 笔记本端（1024px - 1439px） */

@media (min-width: 1024px) and (max-width: 1439px) {

  body { font-size: 13px;}

  :root {

    --font12: 12px;    --font13: 12.5px; /* 补充的奇数变量 */

    --font14: 13px;    --font15: 13.5px; /* 补充的奇数变量 */

    --font16: 14px;    --font17: 14.5px; /* 补充的奇数变量 */

    --font18: 15px;    --font19: 15.5px; /* 补充的奇数变量 */

    --font20: 16px;    --font22: 17px;

    --font24: 18px;    --font26: 19px;

    --font28: 20px;    --font30: 21px;

    --font32: 22px;    --font34: 23px;

    --font36: 24px;    --font38: 25px;

    --font40: 26px;    --font42: 27px;

    --font44: 28px;    --font46: 29px;

    --font48: 30px;    --font50: 31px;

    --font52: 32px;    --font54: 33px;

    --font56: 34px;    --font58: 35px;

    --font60: 36px;    --font62: 37px;

    --font64: 38px;    --font66: 39px;

    --font68: 40px;    --font70: 41px;

    --font72: 42px;    --font74: 43px;

    --font76: 44px;    --font78: 45px;

    --font80: 46px;    --font82: 47px;

    --font84: 48px;    --font86: 49px;

    --font88: 50px;    --font90: 51px;

    --font92: 52px;    --font94: 53px;

    --font96: 54px;    --font98: 55px;

    --font100: 56px;

  }

}



/* ipad端（768px - 1023px） */

@media (min-width: 768px) and (max-width: 1023px) {

  body {font-size: 12px;}

  :root {

    --font12: 11px;    --font13: 11.5px; /* 补充的奇数变量 */

    --font14: 12px;    --font15: 12.5px; /* 补充的奇数变量 */

    --font16: 13px;    --font17: 13.5px; /* 补充的奇数变量 */

    --font18: 14px;    --font19: 14.5px; /* 补充的奇数变量 */

    --font20: 15px;    --font22: 16px;   

    --font24: 17px;    --font26: 18px;   

    --font28: 19px;    --font30: 20px;   

    --font32: 21px;    --font34: 22px;   

    --font36: 23px;    --font38: 24px;   

    --font40: 25px;    --font42: 26px;   

    --font44: 27px;    --font46: 28px;   

    --font48: 29px;    --font50: 30px;   

    --font52: 31px;    --font54: 32px;   

    --font56: 33px;    --font58: 34px;   

    --font60: 35px;    --font62: 36px;   

    --font64: 37px;    --font66: 38px;   

    --font68: 39px;    --font70: 40px;   

    --font72: 41px;    --font74: 42px;   

    --font76: 43px;    --font78: 44px;   

    --font80: 45px;    --font82: 46px;   

    --font84: 47px;    --font86: 48px;   

    --font88: 49px;    --font90: 50px;   

    --font92: 51px;    --font94: 52px;   

    --font96: 53px;    --font98: 54px;   

    --font100: 55px;  

  }

}





/* 手机端（< 768px） */

@media (max-width: 767px) {

  body {font-size: 0.24rem;}

  :root {

    /* 手机端默认变量（< 768px） */

    --font12: 0.24rem;  /* 12px */     --font13: 0.25rem;  /* 12.5px */

    --font14: 0.26rem;  /* 13px */     --font15: 0.27rem;  /* 13.5px */

    --font16: 0.28rem;  /* 14px */     --font17: 0.29rem;  /* 14.5px */

    --font18: 0.30rem;  /* 15px */     --font19: 0.31rem;  /* 15.5px */

    --font20: 0.32rem;  /* 16px */     --font22: 0.34rem;  /* 17px */

    --font24: 0.36rem;  /* 18px */     --font26: 0.38rem;  /* 19px */

    --font28: 0.40rem;  /* 20px */     --font30: 0.42rem;  /* 21px */

    --font32: 0.44rem;  /* 22px */     --font34: 0.46rem;  /* 23px */

    --font36: 0.48rem;  /* 24px */     --font38: 0.50rem;  /* 25px */

    --font40: 0.52rem;  /* 26px */     --font42: 0.54rem;  /* 27px */

    --font44: 0.56rem;  /* 28px */     --font46: 0.58rem;  /* 29px */

    --font48: 0.60rem;  /* 30px */     --font50: 0.62rem;  /* 31px */

    --font52: 0.64rem;  /* 32px */     --font54: 0.66rem;  /* 33px */

    --font56: 0.68rem;  /* 34px */     --font58: 0.70rem;  /* 35px */

    --font60: 0.72rem;  /* 36px */     --font62: 0.74rem;  /* 37px */

    --font64: 0.76rem;  /* 38px */     --font66: 0.78rem;  /* 39px */

    --font68: 0.80rem;  /* 40px */     --font70: 0.82rem;  /* 41px */

    --font72: 0.84rem;  /* 42px */     --font74: 0.86rem;  /* 43px */

    --font76: 0.88rem;  /* 44px */     --font78: 0.90rem;  /* 45px */

    --font80: 0.92rem;  /* 46px */     --font82: 0.94rem;  /* 47px */

    --font84: 0.96rem;  /* 48px */     --font86: 0.98rem;  /* 49px */

    --font88: 1.00rem;  /* 50px */     --font90: 1.02rem;  /* 51px */

    --font92: 1.04rem;  /* 52px */     --font94: 1.06rem;  /* 53px */

    --font96: 1.08rem;  /* 54px */     --font98: 1.10rem;  /* 55px */

    --font100: 1.12rem; /* 56px */

  }

}







/* 基础字体类（只需定义一次） */

.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);}