.container-title {
  margin-top: 6.5333vw;
  text-align: center;
  font-size: 2.9333vw;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: #000000;
}

.container-subtitle {
  margin-top: 1.3333vw;
  text-align: center;
  font-size: 1.6vw;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: #959595;
}

.container {
  margin: 0 0.4rem 0.8rem 0.4rem;
}

.selecttype {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-top: 4vw;
}

.selecttype > ul > li {
  text-align: center;
  display: inline-block;
  font-size: 2.4vw;
  /* font-family:PingFang-SC-Regular; */
  font-weight: 400;
  border: none!important;
  margin-right: 1.9792vw;
  padding: 0.2rem 2.6667vw;
}

li {
  color: #606060;
}

.select {
  color: #ffffff!important;
  background: #002a5c;
}

.loadmore {
  text-align: center;
  font-size: 2.6667vw;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: #959595;
  margin-bottom: 8.8vw;
  margin-top: 8vw!important;
  line-height: 10vw;
}

.school-list-item {
  margin-top: 6vw;
  margin-bottom: 7.3333vw;
}

.school-image {
  width: 100%;
}

.school-image > img {
  width: 100%;
  display: block;
}

.school-title {
  margin: 3.4667vw 4.5333vw;
  font-size: 4vw;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: #000000;
}

.line {
  width: 100%;
  height: 0.1333vw;
  border-bottom: 0.1333vw solid #c9c9c9;
}

.school-introduce {
  margin: 4vw 4.5333vw 8vw 4.5333vw;
  font-size: 2.6667vw;
  line-height: 4vw;
  font-family: PingFang-SC-Regular;
  font-weight: 400;
  color: #000000;
}

.addressAndiphone > div {
  margin: 0vw 4.5333vw;
  font-size: 2.6667vw;
  font-family: PingFang-SC-Regular;
  font-weight: 400;
  color: #000000;
}

.addressAndiphone > div p {
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.266667rem;
  width: 90%;
}

.addressAndiphone > div img {
  display: inline-block;
  vertical-align: middle;
}

.school-address {
  position: relative;
}

.school-address img {
  width: 0.186667rem;
}

.school-iphone {
  position: relative;
  margin-top: 2.4vw!important;
}

.school-iphone img {
  width: 0.186667rem;
}

.search-input {
  margin-top: 8.4vw;
  width: 74vw;
  height: 0.533333rem;
  background: url("../../demo/images/fieldbg.png");
  background-size: 74vw 5.3333vw;
  display: flex;
  flex-direction: row;
  margin-bottom: 0.533333rem;
}

.input-key {
  width: 68.6667vw;
  height: 0.666667rem;
  line-height: 0.666667rem;
  padding-left: 0.306667rem;
  -webkit-appearance: none;
  border-radius: 0;
  line-height: normal;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: #858585;
  border: 0.013333rem solid #C9C9C9;
}

.search-btn {
  background: url("../../demo/images/redBg.png");
  width: 0.666667rem;
  height: 0.666667rem;
}

.search-btn > img {
  display: block;
  width: 0.32rem;
  height: 0.32rem;
  margin: 0.173333rem;
}

input::-webkit-input-placeholder {
  color: #858585;
  font-size: 0.213333rem;
}

#select-city {
  margin-top: 5.3333vw;
}

.search_drop_down {
  display: inline-block;
}

.search_drop_down select {
  color: #858585;
  font-size: 0.266667rem;
  padding: 0.133333rem 0.306667rem;
  border: 0.013333rem solid #C9C9C9;
  background: #fff;
}

.schoolSearch {
  margin-bottom: 0.266667rem;
}

.school_distribution_type ul li {
  padding: 0.093333rem 0.253333rem;
  background: #fff;
  display: inline-block;
  width: auto;
  color: #000;
  margin: 0.133333rem 0 0.133333rem 0.133333rem;
}

.school_distribution_type ul .school_distribution_type_select {
  background: #002A5C;
  color: #fff;
}