/*
 * Front-end typography guard for database / rich-text content.
 * Loaded after the legacy stylesheets so pasted Word/WeChat inline font
 * declarations cannot change the public website's typeface or text size.
 */
:root {
  --cmm-body-font: "Microsoft YaHei", "PingFang SC", "Noto Sans SC",
    "Helvetica Neue", Arial, sans-serif;
  --cmm-body-size: 18px;
  --cmm-body-line: 1.85;
}

body,
button,
input,
select,
textarea {
  font-family: var(--cmm-body-font) !important;
}

.ty_content,
.brand-rich,
.site-rich-text,
.haibao_bai .caption,
.haibao_bai > p,
.haibao_bai > ul,
.haibao_bai > ol {
  font-family: var(--cmm-body-font) !important;
  font-size: var(--cmm-body-size) !important;
  line-height: var(--cmm-body-line) !important;
  font-weight: 400;
  letter-spacing: 0;
  word-break: normal;
  overflow-wrap: anywhere;
}

.ty_content p,
.ty_content div,
.ty_content span,
.ty_content font,
.ty_content li,
.ty_content td,
.ty_content th,
.ty_content a,
.ty_content strong,
.ty_content b,
.ty_content em,
.ty_content i,
.brand-rich p,
.brand-rich div,
.brand-rich span,
.brand-rich font,
.brand-rich li,
.brand-rich td,
.brand-rich th,
.brand-rich a,
.brand-rich strong,
.brand-rich b,
.brand-rich em,
.brand-rich i,
.site-rich-text p,
.site-rich-text div,
.site-rich-text span,
.site-rich-text font,
.site-rich-text li,
.site-rich-text td,
.site-rich-text th,
.site-rich-text a,
.site-rich-text strong,
.site-rich-text b,
.site-rich-text em,
.site-rich-text i,
.haibao_bai .caption p,
.haibao_bai .caption div,
.haibao_bai .caption span,
.haibao_bai .caption font,
.haibao_bai .caption li,
.haibao_bai .caption td,
.haibao_bai .caption th,
.haibao_bai .caption a,
.haibao_bai > p,
.haibao_bai > p span,
.haibao_bai > p font {
  font-family: var(--cmm-body-font) !important;
  font-size: var(--cmm-body-size) !important;
  line-height: var(--cmm-body-line) !important;
}

.ty_content h1,
.brand-rich h1,
.site-rich-text h1,
.haibao_bai .caption h1 {
  font-family: var(--cmm-body-font) !important;
  font-size: 32px !important;
  line-height: 1.35 !important;
}

.ty_content h2,
.brand-rich h2,
.site-rich-text h2,
.haibao_bai .caption h2 {
  font-family: var(--cmm-body-font) !important;
  font-size: 27px !important;
  line-height: 1.4 !important;
}

.ty_content h3,
.ty_content h4,
.ty_content h5,
.ty_content h6,
.brand-rich h3,
.brand-rich h4,
.brand-rich h5,
.brand-rich h6,
.site-rich-text h3,
.site-rich-text h4,
.site-rich-text h5,
.site-rich-text h6,
.haibao_bai .caption h3,
.haibao_bai .caption h4,
.haibao_bai .caption h5,
.haibao_bai .caption h6 {
  font-family: var(--cmm-body-font) !important;
  font-size: 22px !important;
  line-height: 1.5 !important;
}

.ty_content img,
.brand-rich img,
.site-rich-text img,
.haibao_bai .caption img,
.haibao_bai > p img {
  max-width: 100% !important;
  height: auto !important;
}

.ty_content table,
.brand-rich table,
.site-rich-text table,
.haibao_bai .caption table {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: auto;
}

@media (max-width: 767px) {
  :root {
    --cmm-body-size: 16px;
    --cmm-body-line: 1.78;
  }

  .ty_content h1,
  .brand-rich h1,
  .site-rich-text h1,
  .haibao_bai .caption h1 {
    font-size: 26px !important;
  }

  .ty_content h2,
  .brand-rich h2,
  .site-rich-text h2,
  .haibao_bai .caption h2 {
    font-size: 23px !important;
  }

  .ty_content h3,
  .ty_content h4,
  .ty_content h5,
  .ty_content h6,
  .brand-rich h3,
  .brand-rich h4,
  .brand-rich h5,
  .brand-rich h6,
  .site-rich-text h3,
  .site-rich-text h4,
  .site-rich-text h5,
  .site-rich-text h6,
  .haibao_bai .caption h3,
  .haibao_bai .caption h4,
  .haibao_bai .caption h5,
  .haibao_bai .caption h6 {
    font-size: 20px !important;
  }
}