.mcc-space {
  position: relative;
  /*padding-top: 11rem;*/
  min-height: 60rem;
  overflow: hidden;
}
.mcc-space .banner {
  position: absolute;
  width: 100%;
  height: 36.5rem;
  background-size: cover;
  background-position: center center;
}
.mcc-space .page-title {
  position: relative;
  font-size: 3.4rem;
  line-height: 6rem;
  height: 6rem;
  text-align: center;
  margin: 7rem 0;
  font-family: 'Ubuntu Bold';
}
.mcc-space .page-title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -2.5rem;
  height: .3rem;
  width: 5rem;
  background-color: #E2E2E2;
}
.mcc-space .article-list-item {
  display: block;
  background-color: #FFF;
  padding: 1.5rem;
  box-shadow: 0 .5rem 1rem 0 rgba(0, 0, 0, 0.3);
  margin-bottom: 3rem;
  text-decoration: none;
}
.mcc-space .article-list-item_pic {
  width: 100%;
  height: 0;
  padding-top: 62.5%;
  background-size: 100% 100%;
  background-position: center center;
  transition: all 0.3s;
}
.mcc-space .article-list-item_title {
  height: 8rem;
  padding: 2rem 0 2.7rem;
  font-size: 2.6rem;
  color: #333333;
  transition: all 0.3s;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.mcc-space .article-list-item_date {
  font-size: 1.8rem;
  color: #666;
}
.mcc-space .article-list-item_date .iconfont {
  font-size: 2rem;
}
.mcc-space .article-list-item_desc {
  font-size: 1.8rem;
  color: #777;
  height: 13rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.mcc-space .article-list-item:hover {
  box-shadow: 0 .8rem 1.5rem 0 rgba(0, 0, 0, 0.5);
}
.mcc-space .article-list-item:hover .article-list-item_pic {
  background-size: 120% 120%;
}
.mcc-space .article-list-item:hover .article-list-item_title {
  color: #d7760e;
}
.mcc-space .page-nav {
  padding: 3rem 0 6rem;
}
.mcc-space .article {
  padding: 6rem;
  position: relative;
  z-index: 1;
  background-color: #FFF;
  min-height: 50rem;
  box-shadow: 0 .8rem 1.5rem 0 rgba(0, 0, 0, 0.1);
    margin:0 auto 6rem auto;
    font-family: 'Helvetica';
    width: 122.4rem;
}
.mcc-space .article-title {
  font-size: 2.8rem;
  text-align: center;
  color: #131313;
  margin-bottom: 2rem;
}
.mcc-space .article-sub-title {
  font-size: 2rem;
  text-align: center;
  color: #565656;
}
.mcc-space .article-date {
  font-size: 1.5rem;
  text-align: center;
  color: #9c9c9c;
  margin-bottom: 4rem;
}
.mcc-space .article-content {
  border-top: .1rem solid #ccc;
  padding: 3rem 0;
  line-height: 26px;
  text-align: justify;
  font-family: 'Acumin';
  font-size: 16px;
}

/*# sourceMappingURL=article.css.map */