/* 字体 */

@font-face {

  font-family: "Bold";

  src: url("../fonts/Montserrat-Bold.woff2");

  font-weight: 700;

  font-display: swap;

}

@font-face {

  font-family: "Medium";

  src: url("../fonts/Montserrat-Medium.woff2");

  font-display: swap;

}

@font-face {

  font-family: "SemiBold";

  src: url("../fonts/Montserrat-SemiBold.woff2");

  font-display: swap;

}

@font-face {

  font-family: "CN-Medium";

  src: url("../fonts/SourceHanSansCN-Medium.woff2");

  font-display: swap;

}

@font-face {

  font-family: "CN-Normal";

  src: url("../fonts/SourceHanSansCN-Normal.woff2");

  font-display: swap;

}

@font-face {

  font-family: "SF-Republic";

  src: url("../fonts/SF-New-Republic-Bold-3.woff2");

  font-display: swap;

}

@font-face {

  font-family: "new-republic";

  src: url("../fonts/new-republic.woff2");

  font-display: swap;

}

@font-face {

  font-family: "new-republic-sc";

  src: url("../fonts/new-republic-sc.woff2");

  font-display: swap;

}



/* Red Hat Display */

/* @font-face {

  font-family: "PingFangSC";

  src: url("../fonts/PingFangSC-Medium.woff2");

} */

@font-face {

  font-family: "RedHatDisplay-Regular";

  src: url("../fonts/RedHatDisplay-Regular.woff2");

  font-display: swap;

  font-weight: 300;

}

@font-face {

  font-family: "RedHatDisplay-Regular";

  src: url("../fonts/RedHatDisplay-Regular.woff2");

  font-display: swap;

  font-weight: 400;

}

@font-face {

  font-family: "RedHatDisplay-Medium";

  src: url("../fonts/RedHatDisplay-Medium.woff2");

  font-display: swap;

  font-weight: 500;

}

@font-face {

  font-family: "RedHatDisplay-Semibold";

  src: url("../fonts/RedHatDisplay-SemiBold.woff2");

  font-display: swap;

  font-weight: 600;

}

@font-face {

  font-family: "RedHatDisplay-Bold";

  src: url("../fonts/RedHatDisplay-Bold.woff2");

  font-display: swap;

  font-weight: 700;

}





/* Rubik-VariableFont_wght */

@font-face {

  font-family: "Rubik-VariableFont_wght-Regular";

  src: url("../fonts/Rubik-Light.woff2");

  font-display: swap;

  font-weight: 400;

}

@font-face {

  font-family: "Rubik-VariableFont_wght-Medium";

  src: url("../fonts/Rubik-Regular.woff2");

  font-display: swap;

  font-weight: 500;

}

@font-face {

  font-family: "Rubik-VariableFont_wght-Semibold";

  src: url("../fonts/Rubik-Medium.woff2");

  font-display: swap;

  font-weight: 600;

}

@font-face {

  font-family: "Rubik-VariableFont_wght-Bold";

  src: url("../fonts/Rubik-Regular.woff2");

  font-display: swap;

  font-weight: 700;

}



 



/* @font-face {

  font-family: "RedHatDisplay-Regular";

  src: url("../fonts/Rubik-Light.woff2");

  font-display: swap;

  font-weight: 400;

}

@font-face {

  font-family: "RedHatDisplay-Medium";

  src: url("../fonts/Rubik-Medium.woff2");

  font-display: swap;

  font-weight: 500;

}

@font-face {

  font-family: "RedHatDisplay-Semibold";

  src: url("../fonts/Rubik-Regular.woff2");

  font-display: swap;

  font-weight: 600;

} */



/* @font-face {

  font-family: "sf-pro-text_regular";

  src: url("../fonts/sf-pro-text_regular.woff2");

  font-weight: 400;

} */

/* @font-face {

  font-family: "sf-pro-display_regular";

  src: url("../fonts/sf-pro-display_regular.woff2");

  font-weight: 400;

}

@font-face {

  font-family: "sf-pro-display_semibold";

  src: url("../fonts/sf-pro-display_semibold.woff2");

  font-weight: 600;

} */

/* @font-face {

  font-family: "sf-pro-text_semibold";

  src: url("../fonts/sf-pro-text_semibold.woff2");

  font-weight: 600;

} */

/* @font-face {

  font-family: "sf-pro-text_medium";

  src: url("../fonts/sf-pro-text_medium.woff2");

  font-weight: 500;

} */