@media (min-width: 320px) and (max-width: 767px) {
  .text-center{
    margin-top: 1.24rem;
  }
  form{
    margin-top: .92rem;
  }
  .list_img img{
    width: 118px;
    height: 157px;
  }
  .list_content{
    margin-left: 10%;
  }
 .list{
   margin-top: .72rem;
   width: 90%;
   padding: .5rem  0 .27rem;
 }
.fz45{
  font-size: .45rem;
}
.fz30{
  font-size: .3rem;
}
.fz18{
  font-size: .18rem;
}
.fz16{
  font-size: .16rem;
}
.fz24{
  font-size: .24rem;
}
  footer{
    margin-top: .48rem;
    margin-bottom: .5rem ;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .list_content{
    margin-left: 25%;
  }
  .fz45{
    font-size: 40px;
  }
  .fz30{
    font-size: 25px;
  }
  .fz18{
    font-size: 16px;
  }
  .fz16{
    font-size: 14px;
  }
  .fz24{
    font-size: 18px;
  }
}
@media (min-width: 993px) and (max-width: 1200px) {
  .fz45{
    font-size: 42px;
  }
  .fz30{
    font-size: 28px;
  }
  .fz18{
    font-size: 16px;
  }
  .fz16{
    font-size: 14px;
  }
  .fz24{
    font-size: 24px;
  }
}