.page-footer {
    position: relative;
    display: block;
    height: 100vh;
    max-width: 100vw;
    max-height: 100vh;
    background-color: #d6e3e1;
  }

  .footer-content {
    height: 100%;
    z-index: 1;
  }

  /*文字白色 背景深绿色*/
  .footer-content .content {
    color: white;
    background-color: #0d3129;
    z-index: 32;
  }

  .footer-water-next {
    position: absolute;
    width: 4.1vw;
    height: 13vh;
    opacity: 1;
    top: 1%;
    left: 10vw;
    z-index: 101;

  }

  .footer-water-next img {
    width: 100%;
    height: auto;
  }

  .water {
    position: absolute;
    width: 4.1vw;
    height: 13vh;
    background-image: url("https://static.igem.wiki/teams/4907/wiki/footer-icon/water.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    opacity: 1;
  }

  .hill {
    position: absolute;
    bottom: 30%;
    width: 100%;
    height: 35vh;
    background-image: url("https://static.igem.wiki/teams/4907/wiki/footer-icon/hill.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% auto;
    z-index: 31;
  }

  .trees {
    position: absolute;
    bottom: 52vh;
    width: 100vw;
    height: 100vh;
    z-index: 1;
    background-image: url("https://static.igem.wiki/teams/4907/wiki/footer-icon/plants.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% auto;
  }

  .item img {
    width: 72px;
    height: 72px;
    margin: 8px;
  }

  .item a {
    transition: transform 0.3s ease;
  }

  .item a:hover img {
    transform: scale(1.2);
  }


  .item .XMUname {
    height: 100%;
    width: auto;
  }

  .item .XMUname .t1 {
    font-family: Fashion;
    font-size: 28px;
    text-decoration: none;
    text-align: center;
    margin-top: 28px;
    margin-left: 20px;
  }

  .item .local {
    height: 100%;
    width: auto;
  }

  .item .local .t2 {
    margin-top: 15px;
    margin-left: 20px;
    font-family: Fashion;
    font-size: 15px;
    line-height: 30px;
    text-decoration: none;
  }

  /*  footer中间部分*/

  .center-content .t1 {
    font-family: Fashion;
    font-size: 28px;
    text-decoration: none;
  }

  .right-content .t1 {
    font-family: Fashion;
    font-size: 28px;
    text-decoration: none;
  }

  .popover {
    height: 160px;
  }

  .popover-header {
    color: white;
    font-size: 16px;
    font-family: Fashion;
    text-align: center;
    background-color: #1bcea6;
  }

  .popover-arrow {
    color: #1bcea6;
  }

  .popover-body {
    background-color: #1bcea6;
    align-items: center;
  }

  .popover-body img {
    margin: 5px 35px;
    width: 110px;
    height: 110px;
  }

  @media (max-width: 1680px) {
    /* 在屏幕宽度小于等于 1680 像素时生效的样式 */
    .center-content {
      flex-basis: 28% !important;
    }

    .hill {
      bottom: 39% !important;
    }
  }
@media (max-width: 1260px) {
    /* 在屏幕宽度小于等于 1260 像素时生效的样式 */
    .hill {
      bottom: 43% !important;
    }
  }

  @media screen and (min-width: 1024px) {
    /* 在屏幕宽度大于等于 1024 像素时生效的样式 */

  }