@media screen and (max-width: 768px) {
  .input-search {
    display: none;
  }
  .shai-box {
    padding: 0.51rem 0;
    padding-bottom: 1rem;
  }
  .shai-top span {
    font-size: 0.34rem;
    line-height: 0.39rem;
  }
  .shai-z {
    margin-top: 0.35rem;
    height: unset;
    border-radius: unset;
    padding: 0.32rem 0.26rem;
    flex-wrap: wrap;
  }
  .shai-z a {
    width: calc(100% / 8);
    height: 0.56rem;
    line-height: 0.56rem;
    font-size: 0.28rem;
  }
  .dropdown-container {
    padding: unset;
    margin-top: 0.3rem;
    margin-bottom: 0.37rem;
    max-width: 100%;
    padding: 0;
    flex-wrap: wrap;
  }
  .custom-dropdown {
    margin-right: 0.1rem;
    margin-bottom: 0.15rem;
    flex: 1;
    min-width: calc(50% - 0.05rem);
  }
  .custom-dropdown:nth-child(2n) {
    margin-right: 0;
  }
  .dropdown-select {
    padding: 0.16rem 0.16rem;
    font-size: 0.28rem;
  }
  .dropdown-arrow {
    width: 0.1rem;
    height: 0.1rem;
  }
  .dropdown-arrow::after {
    width: 0.1rem;
    height: 0.1rem;
  }
  .custom-dropdown-y {
    flex: 1;
    width: auto;
    min-width: calc(50% - 0.05rem);
  }
  .member-card:nth-child(4n) {
    margin-right: unset;
  }
  .member-card {
    width: calc((100% - 0.24rem) / 2);
    margin-right: 0.24rem;
  }
  .member-card:nth-child(2n) {
    margin-right: 0;
  }
  .member-img {
    max-height: 4.22rem;
  }
  .member-info {
    padding: 0.33rem;
  }
  .member-name {
    font-size: 0.42rem;
    margin-bottom: 0.25rem;
  }
  .card-name {
    font-size: 0.32rem;
    margin-bottom: 0.37rem;
    margin-top: 0.21rem;
  }
  .info-item {
  margin-bottom: 0.14rem;
}
.dropdown-select.active + .dropdown-options{
    max-height: 6.2rem;
}
}