/*
 * Default front theme overrides.
 * Keep default-template-only typography and layout fixes here, not in the shared style.css.
 */

body {
  font-size: 16px;
}

.page-wrap,
.inner-r,
.article-page,
.content-body,
.content-body p,
.content-body li,
.content-body span,
.content-body a,
.news-dt-txt,
.news-dt-txt p,
.news-dt-txt li,
.news-dt-txt span,
.news-dt-txt a,
.pro-dt-txt,
.pro-dt-txt p,
.pro-dt-txt li,
.pro-dt-txt span,
.pro-dt-txt a,
.baike-content,
.baike-content p,
.baike-content li,
.baike-content span,
.baike-content a,
.market-li-r p,
.news-list2-c p,
.home-product-info p,
.home-news-list p,
.home-news-blue2-feature .feature-body p,
.home-news-blue2-list a,
.home-news-blue2-side p,
.home-faq-grid span,
.product-comment-question p,
.product-comment-reply p,
.faq-item p,
.faq-detail-card p,
.video-detail-page p,
.video-list-card p,
.site-search-results p,
.mobile-market-content,
.mobile-market-content p,
.mobile-market-content li {
  font-size: 16px !important;
}

.main-nav-bg .main-nav a {
  min-height: 44px;
  padding: 0 34px;
  font-size: 17px !important;
  line-height: 44px;
  font-weight: 400;
  white-space: nowrap;
}

.inner-l-tit h2 {
  font-size: 20px !important;
  font-weight: 700 !important;
}

.inner-l-tit span {
  font-size: 14px !important;
  font-weight: 400 !important;
}

.erji li a {
  font-size: 16px !important;
  font-weight: 700 !important;
}

body:not(.front-active-home) .news-dt-txt,
body:not(.front-active-home) .news-dt-txt p,
body:not(.front-active-home) .news-dt-txt li,
body:not(.front-active-home) .news-dt-txt span,
body:not(.front-active-home) .news-dt-txt a,
body:not(.front-active-home) .pro-dt-txt,
body:not(.front-active-home) .pro-dt-txt p,
body:not(.front-active-home) .pro-dt-txt li,
body:not(.front-active-home) .pro-dt-txt span,
body:not(.front-active-home) .pro-dt-txt a,
body:not(.front-active-home) .content-body,
body:not(.front-active-home) .content-body p,
body:not(.front-active-home) .content-body li,
body:not(.front-active-home) .content-body span,
body:not(.front-active-home) .content-body a {
  font-size: 18px !important;
  line-height: 1.9;
}

body:not(.front-active-home) .faq-detail-page .product-comment-reply p {
  font-size: 18px !important;
  line-height: 1.9;
}

.front-active-products .market-li-r h3 a,
.front-active-news .news-list2-c a {
  color: #111827;
  transition: color .18s ease;
}

.front-active-products .market-li-r h3 a:hover,
.front-active-news .news-list2-c a:hover {
  color: #e32300;
}

/* Homepage +2px typography test. Navigation is intentionally excluded. */
.front-active-home .home-product-tabs a,
.front-active-home .home-product-btn,
.front-active-home .home-video-card p,
.front-active-home .home-apply-info p,
.front-active-home .home-apply-form input,
.front-active-home .home-apply-form textarea,
.front-active-home .home-apply-form button,
.front-active-home .home-news-blue2-feature .feature-body p,
.front-active-home .home-news-blue2-list a,
.front-active-home .home-news-blue2-side p,
.front-active-home .home-default-faq-feature p,
.front-active-home .home-faq-grid span,
.front-active-home .home-related a {
  font-size: 18px !important;
}

.front-active-home .home-hotword,
.front-active-home .home-hotword strong,
.front-active-home .home-hotword a,
.front-active-home .home-product-info p,
.front-active-home .home-news-blue2-feature .feature-body p,
.front-active-home .home-news-blue2-side p,
.front-active-home .home-news-list p,
.front-active-home .home-process-grid p,
.front-active-home .home-related a {
  font-size: 14px !important;
}

.front-active-home .home-hero-panel p,
.front-active-home .home-title span,
.front-active-home .home-order-marquee article,
.front-active-home .home-order-marquee a {
  font-size: 20px !important;
}

.front-active-home .home-product-title,
.front-active-home .home-product-title a,
.front-active-home .home-news-blue2-feature .feature-body h3,
.front-active-home .home-news-blue2-feature .feature-body h3 a,
.front-active-home .home-default-faq-feature h3,
.front-active-home .home-news-list h3,
.front-active-home .home-news-list h3 a {
  font-size: 16px !important;
}

.front-active-home .home-product-title,
.front-active-home .home-product-title a {
  font-weight: 700 !important;
}

.front-active-home .home-strength-grid h3,
.front-active-home .home-panel-title {
  font-size: 22px !important;
}

.front-active-home .home-process-grid h3 {
  font-size: 18px !important;
}

.front-active-home .home-process-title h2 {
  font-size: 32px !important;
}

.front-active-home .home-section-title {
  font-size: 40px !important;
}

.front-active-home .home-news-faq-list {
  display: grid;
  gap: 0;
  padding: 12px 18px;
  border: 1px solid #e4e9f0;
  background: #fff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
}

.front-active-home .home-news-faq-feature .home-news-wrap {
  grid-template-columns: minmax(430px, 520px) minmax(0, 1fr);
  gap: 32px;
}

.front-active-home .home-news-faq-left,
.front-active-home .home-news-right {
  min-width: 0;
}

.front-active-home .home-news-list article > div {
  min-width: 0;
}

.front-active-home .home-news-list h3,
.front-active-home .home-news-list h3 a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.front-active-home .home-news-list p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.front-active-home .home-news-faq-item {
  display: block;
  padding: 9px 8px 9px 18px;
  border-bottom: 1px dashed #d9e1ea;
  color: #26364c;
  position: relative;
}

.front-active-home .home-news-faq-item:last-child {
  border-bottom: 0;
}

.front-active-home .home-news-faq-item::before {
  position: absolute;
  top: 20px;
  left: 4px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #ff5a00;
  content: "";
}

.front-active-home .home-news-faq-item strong {
  display: block;
  overflow: hidden;
  color: #111827;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.front-active-home .home-news-faq-item:hover strong {
  color: #ff5a00;
}

.front-active-home .home-video-card h3,
.front-active-home .home-video-card h3 a {
  color: #111827 !important;
  font-size: 16px !important;
  text-align: center;
}

.front-active-home .home-faq-grid strong {
  font-size: 16px !important;
  font-weight: 400;
}

.front-active-home .home-faq-grid span {
  font-size: 14px !important;
}

.front-active-home .home-apply-order-item,
.front-active-home .home-apply-order-item strong,
.front-active-home .home-apply-order-item span,
.front-active-home .home-apply-order-item p,
.front-active-home .home-apply-order-item em,
.front-active-home .home-order-marquee article,
.front-active-home .home-order-marquee h4,
.front-active-home .home-order-marquee p,
.front-active-home .home-order-marquee em {
  font-size: 16px !important;
  font-weight: 400 !important;
}

.front-active-home .home-apply-order-item {
  min-height: 112px;
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 12px;
  text-align: left;
}

.front-active-home .home-apply-order-item strong,
.front-active-home .home-apply-order-item span,
.front-active-home .home-apply-order-item p,
.front-active-home .home-apply-order-item em {
  overflow: hidden;
  margin-left: 0 !important;
  padding-left: 0 !important;
  line-height: 1.45 !important;
  background: none !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.front-active-home .home-apply-order-item strong {
  margin-bottom: 4px;
}

.front-active-home .home-apply-order-item span {
  min-height: 23px;
}

.front-active-home .home-apply-order-item em {
  margin-top: 4px;
}

.front-active-home .home-videos {
  padding-top: 3px;
}

@media (max-width: 1180px) {
  .front-active-home .home-news-faq-feature .home-news-wrap {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

@media (max-width: 640px) {
  .front-active-home .home-news-faq-list {
    padding: 10px 14px;
  }

  .front-active-home .home-news-faq-item {
    padding: 8px 6px 8px 16px;
  }

  .front-active-home .home-news-faq-item strong {
    font-size: 16px;
  }

  .front-active-home .home-news-list article {
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 10px;
  }

  .front-active-home .home-news-list time strong {
    font-size: 32px;
  }
}