:root {
  --theme-color: #0B66AD;
  --theme-color2: #3995BC;
  --theme-color3: #80B6AD;
  --auxiliary-color: ;
  --auxiliary-color2: ;
  --nav-select-color: var(--theme-color);
  --hover-color: var(--theme-color);
  --theme-linear: linear-gradient(90deg, #042C5D, #007F83, #179272);
  --noticeColor: #d41c1c;
  --warnColor: #e6a23c;
  --gray-f4: #f4f4f4;
  --c-33: #333;
  --c-66: #666;
  --c-99: #999;
  --c-cc: #ccc;
  --input-color: #aaa;
  --input-font-size: 14px;
  --box-width: 1560;
  --tfs40: .40rem;
  --tfs38: .38rem;
  --tfs36: .36rem;
  --tfs34: .34rem;
  --tfs32: .32rem;
  --tfs30: .30rem;
  --fs30: .30rem;
  --fs28: .28rem;
  --fs26: .26rem;
  --fs24: .24rem;
  --fs22: .22rem;
  --fs21: .21rem;
  --fs20: .20rem;
  --fs18: .18rem;
  --fs17: .17rem;
  --fs16: .16rem;
  --fs14: .14rem;
  --fs12: 12px;
  --head-height: 1.59rem;
  --nav-height: 1.11rem;
}

@media screen and (max-width: 1560px) {
  :root {
    --tfs40: .36rem;
    --tfs38: .34rem;
    --tfs36: .34rem;
    --tfs34: .32rem;
    --tfs32: .30rem;
    --fs30: .28rem;
  }
}
@media screen and (max-width: 1340px) {
  :root {
    --fs21: var(--fs20);
    --fs20: 18px;
    --fs18: 16px;
    --fs17: 15px;
    --fs16: 14px;
    --fs14: 12px;
  }
}
@media screen and (max-width: 1200px) {
  :root {
    --tfs40: .34rem;
    --tfs38: .32rem;
    --tfs36: .32rem;
    --tfs34: .30rem;
    --tfs32: .28rem;
    --tfs30: .28rem;
  }
}
@media screen and (max-width: 1000px) {
  :root {
    --tfs40: 24px;
    --tfs38: 24px;
    --tfs36: 22px;
    --tfs34: 22px;
    --tfs32: 20px;
    --tfs30: 20px;
    --fs30: 18px;
    --fs28: 18px;
    --fs26: 18px;
    --fs24: 16px;
    --fs22: 16px;
    --fs20: 16px;
    --fs18: 14px;
    --fs17: 14px;
  }
}
@media screen and (max-width: 768px) {
  :root {
    --tfs40: 22px;
    --tfs38: 22px;
    --tfs36: 20px;
    --tfs34: 20px;
    --tfs32: 18px;
    --tfs30: 18px;
    --input-font-size: 12px;
  }
}