body {
	background-size: cover;max-width: 768px;
margin: 0 auto;
	min-height: 100vh;color: #fff;background: #ededed;position: relative;
}
 .swiper {
        width: 100%;
        height: 100%;padding: 1rem 0 1.5rem 0 !important;
      }

      .swiper-slide {
        text-align: center;
        background: #ededed;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

#app {
	background: url('../images/bg.jpg');
	background-size: cover;
	/* max-width: 750px; */
	/* margin: 0 auto; */
	position: relative;
	min-height: 100vh;
	z-index: 1;
	
}
.pl{
  display: flex;
  justify-content: space-between;margin-top: 0.5rem;
}
.tx{
  width: 1.3rem;
}
.nr{
  margin-left: 0.2rem;
}
.top{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mc,.pz{
  display: flex;
  align-items: center;
  align-content: center;
}
.mc img{width: 1.5rem}
.pz {font-size: 0.27rem;width: 3.7rem;color: #606060}
.pz img{width: 0.27rem;margin-right: 0.1rem;}
.ply{
  font-size: 0.27rem;line-height: 0.5rem;margin-top: 0.2rem;color: #606060
}
.hfy{
  font-size: 0.27rem;line-height: 0.5rem;background: #E6EDF5;padding: 0.2rem;border-radius: 10px;margin-top: 0.1rem;color: #606060
}
.xz{
  width: 2.6rem;
  position: absolute;
  top: 0.8rem;
  right: 0.2rem;
}

@media only screen and (min-width: 768px) and (max-width: 1400px){

}
@media only screen and (min-width: 1400px){

}