/**
 * banner图下的大标题以及其描述
*/
/**
 * 卡片样式
 */
body {
  scroll-behavior: smooth;
}
.news-detail {
  background-color: #f8f8f8;
  margin-top: 6px;
  min-height: 80vh;
}
.news-detail em {
  font-style: italic;
}
.article-wrap {
  width: 1002px;
  margin: auto;
  padding-top: 60px;
}
.article-wrap .header {
  color: #000A1F;
}
.article-wrap .header h1 {
  font-size: 42px;
  line-height: 56px;
  font-family: 'MI Lan Pro', 'HanHei SC', 'Avenir Next', 'Avenir', 'Helvetica Neue', Helvetica, 'Lantinghei SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', 'STHeiti', 'WenQuanYi Micro Hei', 'SimSun', sans-serif;
  font-weight: 700;
}
.article-wrap .header .other {
  font-size: 18px;
  line-height: 27px;
  opacity: 0.3;
  margin-top: 20px;
}
.article-wrap .header .source {
  margin-left: 40px;
}
.article-wrap .content {
  margin-top: 51px;
  padding: 0 82px 150px;
  text-align: center;
}
.article-wrap .content img {
  margin-top: 20px;
}
.content {
  font-size: 18px;
}
.content p {
  color: #333333;
  line-height: 27px;
}
@media screen and (max-width: 768px) {
  .news-detail {
    background-color: unset;
  }
  .article-wrap {
    width: unset;
    margin: 0 32px 48px;
    padding-top: 24px;
  }
  .article-wrap .header {
    color: #01103e;
  }
  .article-wrap .header h1 {
    font-size: 20px;
    font-weight: 600;
    line-height: 27px;
  }
  .article-wrap .header .other {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #000A1F;
    margin-top: 8px;
  }
  .article-wrap .content {
    margin-top: 24px;
    padding: 0;
  }
  .article-wrap .content img {
    margin-top: 0;
  }
  .content p {
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: #666c79;
  }
}

