@font-face {
  font-family: 'DIN-Medium';
  src: url('DIN-Medium.eot');
  src: url('DIN-Medium.eot?#iefix') format('embedded-opentype'),
      url('DIN-Medium.woff') format('woff'),
      url('DIN-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'YouSheBiaoTiHei';
  src: url('YouSheBiaoTiHei.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'PingFangSC';
  src: url('pingfang/PINGFANG_MEDIUM.TTF') format('truetype');
  font-weight: 400;
}

@font-face {
  font-family: 'PingFangSCBold';
  src: url('pingfang/PINGFANG_BOLD.TTF') format('truetype');
}

@font-face {
  font-family: 'PingFangSCRegular';
  src: url('pingfang/PINGFANG_REGULAR.TTF') format('truetype');
}


@font-face {
  font-family: 'PingFangSCHeavy';
  src: url('pingfang/PINGFANG_HEAVY.TTF') format('truetype');
}

@font-face {
  font-family: 'TomorrowMedium';
  src: url('Tomorrow-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'TomorrowRegular';
  src: url('Tomorrow-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'TomorrowBold';
  src: url('Tomorrow-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'HarmonyOSSansBold';
  src: url('HarmonyOS-Sans-Bold.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'HarmonyOSSansRegular';
  src: url('HarmonyOS-Sans-Regular.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'HarmonyOSSansMedium';
  src: url('HarmonyOS-Sans-Medium.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
}



@font-face {
  font-family: 'DIN-Light';
  src: url('DIN-Light.eot');
  src: url('DIN-Light.eot?#iefix') format('embedded-opentype'),
      url('DIN-Light.woff') format('woff'),
      url('DIN-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DIN-Bold';
  src: url('DIN-Bold.eot');
  src: url('DIN-Bold.eot?#iefix') format('embedded-opentype'),
      url('DIN-Bold.woff') format('woff'),
      url('DIN-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DIN-Black';
  src: url('DIN-Black.eot');
  src: url('DIN-Black.eot?#iefix') format('embedded-opentype'),
      url('DIN-Black.woff') format('woff'),
      url('DIN-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'SS-Title';
  src: url('../font/ss-Title.TTF');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SS-SubTitle';
  src: url('../font/ss-subTitle.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SS-TopNum';
  src: url('../font/ss-TopNum.ttf');
  font-weight: normal;
  font-style: normal;
}