@media screen and (min-width: 820px) and (max-width: 1220px){
  .city-school {
    padding: 0 30px;
    justify-content:space-between;
  }
}
@media screen and (max-width: 820px){
  .main{
    background-image: url(../images/mbg.jpg);
    padding-top: 35%;
  }
  .hzfcontainer{
    background-image: url(../images/mhzf.jpg);
    padding-top: 35%;
  }
  .huodtime{
    width: 3rem;
	  font-size: .17rem;
    height: .35rem;
    line-height: .35rem;
  }
  
  .school-name{
    font-size:0.2rem
}
  .tips{
    font-size: .2rem;
    line-height: .35rem;
    max-width: 6rem;
  }
  .pici-li{
    margin-top: .5rem;
  }
  .pici-time{
    font-size: .3rem;
    margin: 0 .4rem;
  }
  .pici-city{
    width: 1.4rem;
    height: .4rem;
    line-height: .4rem;
    border-radius: .2rem;
    margin: .2rem .12rem 0 .12rem;
    font-size: .2rem;
  }
  .arrow img{
    width: 1.9rem;
  }
  .zone{
    height: .2rem;
  }
  .citybox{
    margin-top: .75rem;
  }
    .zw{
    font-size: .4rem;
    margin-top: 1rem;
    letter-spacing: .0rem;
  }
  .city-name{
    font-size: .4rem;
    margin: 0 .1rem;
    letter-spacing: .0rem;
  }
  .city-school{
    justify-content: space-between;
    max-width: 6.5rem;
    margin-top: .2rem;
  }
  .city-fl img{
    width: 1.9rem;
  }
  .school-li{
    margin: .25rem 0;
  }
  .school-li .topline{
    width: 3rem;
    height: .5rem;
    line-height: .5rem;
    border-radius: .1rem .1rem .08rem .08rem;
    font-size: .25rem;
  }
    .teshu{
    width: 3rem;
    height: .6rem;
    line-height: .3rem;
    border-radius: .1rem .1rem .08rem .08rem;
    font-size: .23rem;
  }
  .school-li .fs-sm{
    font-size: .15rem;
  }
  .school-li .sline .btn img{
    width: .3rem;
    height: .3rem;
  }
  .school-li .sline{
    width: 3rem;
    border-radius: .08rem .08rem .1rem .1rem;
    padding: .15rem .3rem;
    box-sizing: border-box;
  }
  .school-icon img{
    width: .8rem;
    height: .8rem;
  }
  .school-zhib .btn{
    width: 1.8rem;
    height: .4rem;
    border-radius: .2rem;
  }
  .school-zhib .btn a{
    font-size: .18rem;
  }
  .school-zhib .btn a span{
    margin-left: .1rem;
  }
  .school-zhib .btn.zhib{
    margin-top: .05rem;
  }
  .back{
    display: block;
    position: fixed;
    right: .2rem;
    bottom: 1rem;
  }
  .back>img{
    width: .8rem;
    height: .8rem;
  }
}