.layui-padding {
  padding: 30px;
}

.layui-padding-base {
  padding: 20px 0;
}

.article-header {
  margin-bottom: 30px;
  text-align: center;
}

.article-meta {
  margin-top: 10px;
  color: #999;
}
.article-meta .item {
  margin-right: 15px;
}

.article-content {
  font-size: 16px;
  line-height: 1.8;
  word-wrap: break-word;
}
.article-content::after {
  display: block;
  clear: both;
  content: "";
}
.article-content img {
  margin: 0 auto;
  display: block;
  max-width: 100%;
  height: auto;
}
.article-content h1 {
  font-size: 24px;
}
.article-content h2 {
  font-size: 22px;
}
.article-content h3 {
  font-size: 20px;
}
.article-content h4 {
  font-size: 18px;
}
.article-content h5 {
  font-size: 16px;
}
.article-content h6 {
  font-size: 16px;
}
.article-content p {
  margin: 20px 0;
  word-wrap: break-word;
}