.article-content {
  width: 1200px;
  height: auto;
  background-color: #ffffff;
}

.article-title {
  height: 176px;
  background-color: #21297a;
}

.article-title {
  color: #ffffff;
  text-align: center;
}

.article-about {
  padding: 50px 0px;
  height: 76px;
}

.article-about h3 {
  font-size: 26px;
}

.click-number {
  padding-left: 160px;
}

.article-info {
  padding: 80px !important;
  padding-bottom: 0px !important;
  color: #4e4e4e !important;
  font-size: 16px !important;
}

.article-info img {
  width: 1000px;
  margin-top: 20px;
}

.article-info p {
  text-indent: 2em !important;
  background-color: #efefef !important;
}

.article-img {
  width: 560px !important;
  padding: 20px 0px !important;
  margin: 0 auto !important;
}

.article-back {
  margin-top: 30px !important;
  border-top: 6px solid #e5e5e5 !important;
}

.article-page {
  height: 66px;
}

.articles-pages {
  float: right;
  margin-right: 59px;
}

.articles-pages a {
  margin-right: 18px;
  color: #4e4e4e;
  cursor: pointer;
}

.speak,
.get_points {
  width: 120px;
  padding: 8px;
  background-color: #428bca;
  border-color: #357ebd;
  color: #fff;
  border: none;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -khtml-border-radius: 10px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid transparent;
  font-weight: 900;
  cursor: pointer;
  outline: none;
}

.speak_ {
  padding: 5px;
  float: right;
}