.main-section {
  background-color: #f3f3f3;
}
.article-title {
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
  text-align: center;
  font-size: 28px;
  color: #ed2c25;
}
.info-wrapper {
  padding: 1rem 0;
}
.detail-content-wrapper {
  color: #555;
}
.controls {
  display: flex;
  align-items: center;
}
.controls .iconfont {
  font-size: 22px;
}
.controls .divider {
  font-size: 20px;
  color: #ccc;
}
@media only screen and (max-width: 767px) {
  .info-wrapper {
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .detail-content-wrapper img {
    max-width: 100%;
  }
}
@media print {
  body * {
    visibility: hidden;
  }
  .main-section .container,
  .main-section .container * {
    visibility: visible;
  }
  .main-section .container {
    position: absolute;
    left: 0;
    top: 0;
  }
}