:root {
  --theme-color: #003F88;
  --theme-color2: #0B66AD;
  --theme-color3: #80B6AD;
  --auxiliary-color: ;
  --auxiliary-color2: ;
  --nav-select-color: var(--theme-color);
  --hover-color: var(--theme-color);
  --noticeColor: #d41c1c;
  --warnColor: #e6a23c;
  --gray-f4: #f4f4f4;
  --input-color: #aaa;
  --input-font-size: 14px;
  --box-width: 1560;
  --fs20: .20rem;
  --fs18: .18rem;
  --fs16: .16rem;
  --fs14: .14rem;
  --fs12: .12rem;
  --head-height: 1.5rem;
  --head-add: .79rem;
  --head-height-add: -webkit-calc(var(--head-height) + var(--head-add));
  --head-height-add: -moz-calc(var(--head-height) + var(--head-add));
  --head-height-add: calc(var(--head-height) + var(--head-add));
}

@media screen and (max-width: 768px) {
  :root {
    --fs20: .22rem;
    --fs18: .2rem;
    --fs16: .18rem;
    --fs14: .16rem;
    --fs12: .14rem;
  }
}