.school-title {
  margin-top: calc(58vw / 25.6);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(42vw / 25.6);
  font-weight: bold;
  color: #0074d2;
  font-family: MicrosoftYaHei-Bold;
  line-height: 1;
  text-shadow: 2px 1px 7px #ffffff;
}

.search {
  margin-top: calc(35vw / 25.6);
}

.search-content {
  margin-top: calc(95vw / 25.6);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  /* gap: calc(17vw / 25.6) calc(31vw / 25.6); */
  row-gap: calc(31vw / 25.6);
}

.search-major-item {
  position: relative;
  width: calc(322vw / 25.6);
  cursor: pointer;
  overflow: hidden;
}

.search-major-item>div:nth-child(1) {
  width: calc(322vw / 25.6);
  height: calc(186vw / 25.6);
  overflow: hidden;
}

.major-item-img {
  width: 100%;
  height: calc(186vw / 25.6);
  transition: .8s;
}

.major-item-img:hover {
  transition: .8s;
  transform: scale(1.3);
}

.major-item-lable {
  padding: 0 calc(10vw / 25.6);
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: calc(43vw / 25.6);
  font-size: calc(18vw / 25.6);
  line-height: calc(43vw / 25.6);
  text-align: center;
  color: #1e1e1e;
  background-color: #e6e6e6;
}

.school-level {
  position: absolute;
  left: 0;
  top: calc(14vw / 25.6);
  font-size: calc(18vw / 25.6);
  line-height: 1.8;
  color: #fff;
  padding-left: calc(10vw / 25.6);
  padding-right: calc(14vw / 25.6);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.school-level-b {
  background: #437df2;

}

.school-level-g {
  background: #e42517;
}

.search-words-box {
  position: absolute;
  bottom: calc(-35vw / 25.6);
  font-size: calc(18vw / 25.6);
  line-height: calc(18vw / 25.6);
  display: flex;
  gap: 0 calc(15vw / 25.6);
  color: #1e1e1e;
}

.search-words {
  cursor: pointer;
}

.search-words:hover {
  color: #0074d2;
  font-weight: bold;
}

@media (max-width: 1000px) {

  .school-title {
    font-size: calc(34vw / 7.5);
  }

  .search {
    margin-top: calc(36vw / 7.5);
  }

  .search-content {
    /* margin-top: calc(-10vw / 7.5); */
    padding: 0 10px;
    margin-top: calc(5vw / 7.5);
    grid-template-columns: repeat(3, 1fr);
    gap: calc(45vw / 7.5) calc(10vw / 7.5);
  }

  .major-item-lable {
    height: calc(29vw / 7.5);
    font-size: calc(12vw / 7.5);
    line-height: calc(29vw / 7.5);
  }

  .search-major-item {
    width: calc(210vw / 7.5);
    cursor: pointer;
  }

  .major-item-img {
    width: 100%;
    height: calc(126vw / 7.5);
  }

  .search-major-item>div:nth-child(1) {
    width: calc(210vw / 7.5);
    height: calc(126vw / 7.5);
  }

  .search-words-box {
    position: absolute;
    bottom: calc(-25vw / 7.5);
    font-size: calc(14vw / 7.5);
    line-height: calc(14vw / 7.5);
    display: flex;
    gap: 0 calc(15vw / 7.5);
  }

  .school-level {
    top: calc(14vw / 7.5);
    font-size: calc(12vw / 7.5);
    line-height: 1.8;
    color: #fff;
    padding-left: calc(10vw / 7.5);
    padding-right: calc(14vw / 7.5);
  }
}