.banner {
  width: 100%; }
  .banner img {
    width: 100%; }

.category-container {
  margin: 2rem auto 3rem; }
  .category-container .category-description {
    text-indent: 2em;
    color: #6c757d; }
  .category-container .article-list {
    margin-top: 1.5rem; }
    .category-container .article-list .article {
      padding: 1.5rem 0 1rem;
      border-top: 1px solid #dee2e6; }
      .category-container .article-list .article .img > img {
        width: 100%;
        height: auto; }
      .category-container .article-list .article .info {
        padding: 0 1rem 2rem;
        position: relative; }
        .category-container .article-list .article .info .title {
          display: block;
          font-size: 1.375rem;
          font-weight: bold;
          color: #343a40;
          word-break: break-all; }
        .category-container .article-list .article .info .excerpt {
          margin-top: .5rem;
          text-indent: 2em;
          word-break: break-all; }
        .category-container .article-list .article .info .other {
          position: absolute;
          left: 0;
          right: 15px;
          bottom: 0;
          text-align: right;
          font-size: .875rem;
          color: #6c757d; }
          .category-container .article-list .article .info .other span {
            margin-right: .5rem; }
            .category-container .article-list .article .info .other span .pofont {
              margin-right: .25rem; }
          .category-container .article-list .article .info .other a {
            color: #6c757d; }
  .category-container .page-btn {
    border-top: 1px solid #dee2e6;
    padding: 1.5rem 15px 0;
    text-align: center; }

@media (min-width: 576px) and (max-width: 767.98px) {
  .category-container {
    margin: 1.5rem auto 3rem; }
    .category-container .article-list .article {
      padding: 1rem 0; }
      .category-container .article-list .article .info {
        padding: 1rem 1rem 2rem; }
        .category-container .article-list .article .info .title {
          font-size: 1.125rem; } }
@media (max-width: 575.98px) {
  .category-container {
    margin: 1.5rem auto 3rem; }
    .category-container .article-list .article {
      padding: 1rem 0; }
      .category-container .article-list .article .info {
        padding: 1rem 1rem 2rem; }
        .category-container .article-list .article .info .title {
          font-size: 1.125rem; } }

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