@media (max-width: 1024px) {
  .container {
    width: 80%;
    margin: 0 auto;
  }

  .header .logo,
  .header .motto {
    width: 40%;
  }

  .header .logo img,
  .header .motto img {
    width: 100%;
  }

  .nav-item .item-title {
    padding: 13px 0;
  }

  .container-wrap .slide-router {
    width: 20%;
  }

  .container-wrap .module-content {
    width: 70%;
  }

  .leader-item {
    justify-content: flex-start;
    height: auto;
  }
  .leader-item .cover {
    flex: none;
  }

  .leader-item .user-info {
    width: 74%;
    height: auto;
  }

  .leader-item .user-info .info-basic {
    display: block;
  }

  .footer .form-wrap {
    display: block;
  }
}