html, body{
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}


body{
  display: flex;
  justify-content: center;
  align-items: center;

  background: #eee;        
  overflow: hidden;
}

.yemian{
  position: relative;

  width: 100%;
  height: 100%;

  max-width: 430px;        
  max-height: 932px;       

  overflow: hidden;
  border-radius: 3px;     

  background-image: url("../image/bg-u.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position:left top;
  
  display: flex;
  justify-content: center;
  align-items: center;
}

#tubiao{
  position: absolute;
  top: 15px;
  left: 15px;
  width: min(40vw,200px);
}

.zhanshi{
    width: 100%;
    height: auto;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    
}

.zhanshi img{
    width: min(80vw,360px);
}

#renwu{
    width: min(65vw,220px);
    padding-top: 10px;
}

.footer{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 130px;

    display: flex;
    justify-content: center;
    align-items: center;
    gap: min(5vw,15px);
}

.footer img{
    width: min(40vw,180px);
}