/* open-sans-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/opensans/open-sans-300.woff2') format('woff2');
}

/* open-sans-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/opensans/open-sans-400.woff2') format('woff2');
}

/* open-sans-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/opensans/open-sans-500.woff2') format('woff2');
}

/* open-sans-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/opensans/open-sans-600.woff2') format('woff2');
}

/* open-sans-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/opensans/open-sans-700.woff2') format('woff2');
}

/* open-sans-800 - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/opensans/open-sans-800.woff2') format('woff2');
}


html {
  font-size: 16px !important;
}

body {
  font-family: 'Open Sans', sans-serif !important;
}

/* 电脑端 */
@media (min-width: 768px) {
  .fs-12 {
    font-size: 12px !important;
  }

  .fs-13 {
    font-size: 13px !important;
  }

  .fs-14 {
    font-size: 14px !important;
  }

  .fs-15 {
    font-size: 15px !important;
  }

  .fs-16 {
    font-size: 16px !important;
  }

  .fs-17 {
    font-size: 17px !important
  }

  .fs-18 {
    font-size: 18px !important
  }

  .fs-20 {
    font-size: 20px !important;
  }

  .fs-30 {
    font-size: 30px !important;
  }

  .fs-50 {
    font-size: 50px !important
}

  .fs-60 {
    font-size: 60px !important;
  }
  .fs-70 {
    font-size: 70px !important
}
}

/* 移动端 */
@media (max-width: 767px) {
    .fs-12-m {
        font-size: 12px !important
    }

    .fs-12-m {
        font-size: 12px !important
    }

    .fs-14-m {
        font-size: 14px !important
    }

    .fs-15-m {
        font-size: 15px !important
    }

    .fs-16-m {
        font-size: 16px !important
    }

    .fs-17-m {
        font-size: 17px !important
    }

    .fs-18-m {
        font-size: 18px !important
    }
}