/* 使用媒体查询-适配不同屏幕 */

/* 小于大屏幕 大桌面显示器 (≥1200px) */
@media (max-width: 1199px) {
  body {
    max-width: 750px;
  }
  .banner {
    height: 98px;
    padding: 0 20px;
  }
  .banner .banner-left {
    max-width: 80%;
  }
  .banner .banner-left img {
    width: 100%;
    height: auto;
  }
  .search-wrapper {
    display: flex;
  }
  .banner .banner-right .search-box {
    display: none;
  }
  .banner .banner-right .tools {
    display: block;
  }
  .header {
    display: none;
  }
  .c-container {
    width: 100%;
  }
  .main {
    display: block; /* 主要是覆盖弹性盒布局 */
    min-height: calc(100vh - 158px - 45px);
  }
  .left,
  .right {
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 10px;
  }
  .c-container > .right > .row3 > .right > .right-top > .content > ul > li > a {
    min-height: 52px;
    height: auto;
  }
  /* 文章详情页 */
  .article-title .others li {
    width: 100%;
    margin-right: 0 !important;
  }
  .article-title .others li:not(:last-child) {
    margin-bottom: 10px;
  }
  .article-dir {
    padding-left: 20px;
  }
  .article-content img {
    width: 100% !important;
    height: auto !important;
  }
  .article-content video {
    width: 100% !important;
    height: auto !important;
  }
}

/* 小于中等屏幕 平板 (≥768px) */
@media (max-width: 767px) {
}