@media only screen and (min-width: 1201px) and (max-width: 1440px) {
  
  .swiper-content{
    width:100%;
}
.school-case .swiper-container-inner{
  width:100%;
}
.top-school-info {
    height: unset; 
}

}

@media only screen and (min-width: 1001px) and (max-width: 1200px)  {
  
  .swiper-content{
    width:100%;
}
.school-case .swiper-container-inner{
  width:100%;
}
.typical-box .item-school-info{
  width: 300px;
}

}



@media only screen and (min-width: 300px) and (max-width: 500px) {
  .typical-box{
    margin:0px 0px 24px 0 !important
    
}
}


@media only screen and (min-width: 300px) and (max-width: 768px) {
  .classicBackground {
    margin-top: unset;
  background: url(../upload/images/2024/8/ab07925554b90de.png) no-repeat;
}

.pc-classical-list{
  display:none;
}

.shcool-list-title-small {
  font-size: 12px;
}
.content-not-container h5{
  font-size: 12px;
}
.phone-classical-list{
  display:block;
}
.classicBackground p:nth-of-type(1){
  font-weight: 500;
  font-size: 32px;
  color: #FFFFFF;
  line-height: 45px;
}

.classicBackground p:nth-of-type(2){
  margin-top: 5px;
  font-weight: 400;
  font-size: 12px;
  color: rgba(255,255,255,0.8);
  line-height: 17px;
}

.shcool-list-title{
  margin-top: 24px;
  margin-bottom: 12px;
  font-weight: 400;
  font-size: 12px;
  color: rgba(60,68,84,0.88);
  line-height: 17px;
}
.typical-box {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.typical-box .item-school-info{
  margin:0;
  width: 160px;height: 35px;
  border-radius: 4px;
  
}
.typical-box .info-logo {
  width: 25px;
  height: 25px;
  margin-left: 12px;
  margin-right: 7px;
}
.typical-box .info-title{
  font-weight: 400;font-size: 10px;
  color: rgba(60,68,84,0.76);
  line-height: 14px;
}
.typical-box{
  margin: 0 8px 24px;
  gap:12px;
  justify-content: space-between;
}
.select-tab{
  display: flex;
  background: linear-gradient(90deg, #4CB6D7 0%, #56B89D 47%, #67BB46 100%), #D8D8D8;  
  justify-content: center;
  align-items: center;
}
.phone-classical-list .select-tab a {
  height: 40px;
  line-height: 40px;
  font-weight: 500;
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
  
}


.select-list ul li a{
  font-weight: 400;
  font-size: 12px;
  color: #3C4454;
  line-height: 17px;
  text-align: center;
}
.select-list ul li {
  margin-bottom:16px;
}
.select-list{
  padding-top:16px;
  display:none;
}
.select-tab-image{
  margin-left:8px;
  width: 16px;
  height: 16px;
  background:url(../upload/images/2024/8/8dbc7d7a52bc8b23.png) no-repeat;
  background-size: 16px 16px;
}
.swiper-content{
  padding: 24px 0;
  margin: 0 auto;
  width: 100%;
}


.classical-box .swiper-button-prev,.classical-box  .swiper-button-next{
  display:none;
  
}

.content-current{
  padding: 28px 26px 19px;
  
}


.comment-list p{
  font-weight: 400;font-size: 12px;
  color: #3C4454;
  line-height: 19px;
}

.comment-list h5 {
  margin-bottom: 3px;
  font-size: 12px;
  color: #3C4454;
  line-height: 17px;
}

.way-list p {
  font-weight: 400;
  font-size: 12px;
  color: #3C4454;
  line-height: 17px;
  margin: 0 0 10px 0;
}


.top-school-info h5{
  font-weight: 400;
  font-size: 16px;
  color: rgba(60, 68, 84, 0.76);
  line-height: 22px;
  background: unset;
  -webkit-text-fill-color: unset;
}


.top-school-info p {
  font-weight: 400;
  font-size: 10px;
  color: #8396AB;
  line-height: 14px;
}


.school-case .swiper-container-inner{
  height: 422px;
}
.top-school-info {  
  
  width: 198px;
  height: unset; 
}


}