:root {
    --hoverColor: #4157a2;
  }
  
  #ArticleList {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  
  /* pc端 */
  .contentBox {
    position: relative;
  }
  
  .contentBox .modulesBox .left {
    width: 100%;
    margin: 0 0 0 0;
    height: auto;
  }
  
  @media (max-width: 768px) {
    .contentBox {
      margin-top: 20px;
    }
  
    .contentBox .modulesBox {
      width: 100%;
      height: auto;
      margin: 0 auto;
    }
  
    ::-webkit-scrollbar {
      display: none;
    }
  
    .html-body .jgBg {
      margin-top: 100px;
      height: 90px !important;
    }
  
    .html-body .jgBg .title {
      line-height: 90px !important;
    }
  }
  
  @media (min-width: 768px) {
    .container {
      width: 100%;
    }
  
    .contentBox .modulesBox {
      width: 100%;
      height: auto;
      margin: 0 auto 130px;
    }
  
    .contentBox .modulesBox .left {
      padding-top: 28px;
    }
  }
  
  @media (min-width: 992px) {
    .container {
      width: 970px;
    }
  }
  
  @media (min-width: 1200px) {
    .container {
      width: 1170px;
    }
  }
  
  @media (min-width: 1366px) {
    .container {
      width: 1230px;
    }
  }
  
  .html-body .jgBg {
    width: 100%;
    height: 115px;
    background: url("https://files.sciengine.com/template/platform/journalBanner1.png") no-repeat;
    background-size: cover;
    background-position: left top;
  }
  
  .html-body .jgBg .title {
    font-size: 26px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 115px;
    font-family: "Montserrat Bold", "Montserrat Regular", "Montserrat", "Microsoft YaHei";
  }