@font-face {
  font-family: "OPPOSans-Ver2-Bold";
  src: url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Bold.woff2) format("woff2"),
  url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Bold.woff) format("woff"),
  url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Bold.ttf) format("truetype"),
  url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Bold.eot) format("embedded-opentype");
  font-variation-settings: 'wght' 700;
  font-style:normal;
  font-display:swap;
}

@font-face {
  font-family: "OPPOSans-Ver2-Medium";
  src: url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Medium.woff2) format("woff2"), 
  url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Medium.woff) format("woff"),
  url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Medium.ttf) format("truetype"),
  url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Medium.eot) format("embedded-opentype");
  font-variation-settings: 'wght' 500;
  font-style:normal;
  font-display:swap;
}

@font-face {
  font-family: "OPPOSans-Ver2-Regular";
  src: url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Regular.woff2) format("woff2"), 
  url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Regular.woff) format("woff"),
  url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Regular.ttf) format("truetype"),
  url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans3.0cn-Regular.eot) format("embedded-opentype");
  font-variation-settings: 'wght' 400;
  font-style:normal;
  font-display:swap;
}

/* oppo sans 1.0 兼容字体 */
@font-face {
  font-family:'OPPOSans-Bold';
  src:url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans-B.woff2) format("woff2"),
  url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans-B.woff) format("woff"),
  url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans-B.ttf) format("truetype"),
  url(../../../../cn/assets/src/fonts/zh-CN/OPPOSansB/OPPOSans-B.svg) format("svg"),
  url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans-B.eot) format("embedded-opentype");
  font-weight:200;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:'OPPOSans-Medium';
  src:url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans-M.woff2) format("woff2"),
  url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans-M.woff) format("woff"),
  url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans-M.ttf) format("truetype"),
  url(../../../../cn/assets/src/fonts/zh-CN/OPPOSansM/OPPOSans-M.svg) format("svg"),
  url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans-M.eot) format("embedded-opentype");
  font-weight:200;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:'OPPOSans-Regular';
  src:url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans-R.woff2) format("woff2"),
  url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans-R.woff) format("woff"),
  url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans-R.ttf) format("truetype"),
  url(../../../../cn/assets/src/fonts/zh-CN/OPPOSansR/OPPOSans-R.svg) format("svg"),
  url(https://www.oppo.com/content/dam/statics/fonts/cn/OPPOSans-R.eot) format("embedded-opentype");
  font-weight:200;
  font-style:normal;
  font-display:swap
}

body,html {
  font-family: 'OPPOSans-Ver2-Regular','OPPOSans-Regular',Helvetica,Arial,sans-serif,system-ui;
  font-feature-settings: "salt";
  /* letter-spacing: 0.5px; */
}

.font-medium {
  font-family: "OPPOSans-Ver2-Medium";
}

.font-blod {
  font-family: "OPPOSans-Ver2-Bold";
}

.font-headline-1 {
  font-size: 72px;
}

.font-headline-2 {
  font-size: 68px;
}

.font-headline-3 {
  font-size: 50px;
}

.font-headline-4 {
  font-size: 42px;
  letter-spacing: 0.5px;
}

.font-headline-5 {
  font-size: 48px;
  line-height: 60px;
}

.font-headline-6 {
  font-size: 36px;
}

.font-subtitle-1 {
  font-size: 32px;
}

.font-subtitle-2 {
  font-size: 24px;
}

.font-subtitle-3-1 {
  font-size: 24px;
}

.font-subtitle-3 {
  font-size: 20px;
}

.font-body-1 {
  font-size: 18px;
}

.font-body-2-1 {
  font-size: 16px;
}

.font-body-2 {
  font-size: 16px;
}

.font-body-3-1 {
  font-size: 14px;
}

.font-body-3 {
  font-size: 12px;
}

.font-description-1 {
  font-size: 10px;
}

@media screen and (max-width:1024px) {
  .font-headline-1 {
    font-size: 60px;
  }

  .font-headline-2 {
    font-size: 48px;
  }
  
  .font-headline-3 {
    font-size: 40px;
    letter-spacing: 0.5px;
  }
  
  .font-headline-4 {
    font-size: 36px;
    letter-spacing: 0.5px;
  }
  
  .font-headline-5 {
    font-size: 30px;
  }
  
  .font-headline-6 {
    font-size: 28px;
  }

  .font-subtitle-1 {
    font-size: 24px;
  }
  
  .font-subtitle-2 {
    font-size: 20px;
  }
  
  .font-subtitle-3-1 {
    font-size: 18px;
  }
  
  .font-subtitle-3 {
    font-size: 16px;
  }

  .font-body-1 {
    font-size: 16px;
  }

  .font-body-2 {
    font-size: 14px;
  }

  .font-body-3-1 {
    font-size: 12px;
  }
}

.font-headline-1,
.font-headline-2,
.font-headline-3,
.font-headline-4,
.font-headline-5,
.font-headline-6,
.font-subtitle-1,
.font-subtitle-2,
.font-subtitle-3-1,
.font-subtitle-3,
.font-body-1,
.font-body-2-1,
.font-body-2,
.font-body-3-1,
.font-body-3,
.font-description-1 {
  line-height: 1.5;
}

.font-headline-1,
.font-headline-2,
.font-headline-3,
.font-headline-4 {
  letter-spacing: unset;
}