@media screen and (max-width: 800px) {
  .banner {
    padding: 40px 15px 0; }
    .banner .title {
      font-size: 24px; }
    .banner .desc {
      font-size: 14px; }
    .banner .btn-group {
      margin-top: 20px; }
      .banner .btn-group .btn {
        width: 150px;
        height: 36px; }
    .banner .image {
      margin-top: 20px; }
    .banner.single-banner {
      padding-bottom: 20px; }

  .category-blog .list-container {
    flex-direction: column;
    margin-top: 40px; }
    .category-blog .list-container .cate-list {
      width: 100%; }
      .category-blog .list-container .cate-list .title {
        font-size: 18px; }
      .category-blog .list-container .cate-list ul li {
        font-size: 14px;
        margin: 0; }
    .category-blog .list-container .article-list {
      margin-left: 0;
      margin-top: 40px; }
      .category-blog .list-container .article-list .title {
        font-size: 16px;
        margin-top: 0; }
      .category-blog .list-container .article-list .read-more {
        height: 20px;
        line-height: 20px;
        padding-left: 25px; }
        .category-blog .list-container .article-list .read-more span {
          opacity: 1;
          transform: translateX(0);
          font-size: 14px; }
      .category-blog .list-container .article-list .article-item {
        margin-top: 30px; }
        .category-blog .list-container .article-list .article-item .thumbnail {
          max-width: 35%;
          margin-right: 15px;
          border-radius: 8px; }
        .category-blog .list-container .article-list .article-item .text {
          flex: 1; }
      .category-blog .list-container .article-list .recommend-list {
        flex-direction: column; }
        .category-blog .list-container .article-list .recommend-list .article-item {
          width: 100%;
          max-width: 100%;
          flex-direction: row;
          margin-top: 20px; } }
@media screen and (max-width: 640px) {
  .section-article {
    flex-direction: column;
    margin-top: 25px; }
    .section-article .article-categories {
      width: 100%; }
      .section-article .article-categories .scroll-fixed {
        width: 100%;
        position: relative !important; }
        .section-article .article-categories .scroll-fixed .category-title {
          text-align: center; }
        .section-article .article-categories .scroll-fixed .sidebar-category, .section-article .article-categories .scroll-fixed .blog-sidebar {
          position: relative;
          margin-bottom: 15px; }
          .section-article .article-categories .scroll-fixed .sidebar-category a, .section-article .article-categories .scroll-fixed .blog-sidebar a {
            max-height: 0;
            overflow: hidden;
            margin: 0; }
            .section-article .article-categories .scroll-fixed .sidebar-category a.active, .section-article .article-categories .scroll-fixed .blog-sidebar a.active {
              max-height: 100px; }
          .section-article .article-categories .scroll-fixed .sidebar-category .sidebar-control, .section-article .article-categories .scroll-fixed .blog-sidebar .sidebar-control {
            position: absolute;
            right: 10px;
            top: 10px;
            width: 32px;
            height: 32px;
            background: url(../../images/icon-arrow-down.png) center no-repeat;
            background-size: contain;
            transform-origin: center; }
          .section-article .article-categories .scroll-fixed .sidebar-category.active a, .section-article .article-categories .scroll-fixed .blog-sidebar.active a {
            max-height: 100px;
            margin: 4px 0; }
          .section-article .article-categories .scroll-fixed .sidebar-category.active .sidebar-control, .section-article .article-categories .scroll-fixed .blog-sidebar.active .sidebar-control {
            transform: rotate(180deg); }
        .section-article .article-categories .scroll-fixed .blog-sidebar {
          max-height: 40px;
          overflow: hidden;
          transition: all 1s; }
          .section-article .article-categories .scroll-fixed .blog-sidebar a {
            max-height: 100px; }
          .section-article .article-categories .scroll-fixed .blog-sidebar .sidebar-control {
            top: 5px; }
          .section-article .article-categories .scroll-fixed .blog-sidebar.active {
            max-height: 1000px; }
        .section-article .article-categories .scroll-fixed .search-form {
          margin-bottom: 15px; }
    .section-article .article-list-container {
      width: 100%;
      max-width: 100%; }
      .section-article .article-list-container .article-list .article-item {
        flex-direction: column;
        margin-left: 0;
        margin-right: 0;
        width: 100%; }
        .section-article .article-list-container .article-list .article-item.first-item > a {
          width: 100%; }
        .section-article .article-list-container .article-list .article-item.first-item > div {
          width: 100%; }
          .section-article .article-list-container .article-list .article-item.first-item > div .article-desc, .section-article .article-list-container .article-list .article-item.first-item > div .read-more {
            display: none; }
        .section-article .article-list-container .article-list .article-item.first-item .thumb-img {
          height: 189px; }
      .section-article .article-list-container .more-articles {
        margin: 40px 0; }
        .section-article .article-list-container .more-articles .more-articles-title {
          text-align: center; }
        .section-article .article-list-container .more-articles a {
          font-size: 14px;
          text-indent: 24px;
          margin: 10px 0; }
    .section-article .article-container {
      padding: 25px 0; }
      .section-article .article-container .title {
        font-size: 24px;
        line-height: 28px; }
      .section-article .article-container .article-content {
        margin-top: 16px; } }

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