.page-home {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.sharep {
  top: 0px;
  left: 0px;
  width: 750px;
  height: 1624px;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  .bg {
    width: 750px;
    height: 1624px;
    opacity: 1;
    position: absolute;
    transform-origin: 0px 0px 0px;
  }

  .sharetips {
    width: 430px;
    height: 52px;
    opacity: 1;
    left: 161px;
    top: 895px;
    position: absolute;
    transform-origin: 0px 0px 0px;
  }

  .sharemessage {
    width: 430px;
    height: 52px;
    opacity: 1;
    left: 160px;
    text-align: center;
    top: 898px;
    font-size: 20px;
    position: absolute;
    color: #ffffff;
  }

  .headimg {
    width: 96px;
    height: 96px;
    opacity: 1;
    left: 327px;
    top: 968px;
    border-radius: 50%;
    position: absolute;
    transform-origin: 0px 0px 0px;
  }

  .joinbtn {
    width: 573px;
    height: 134px;
    opacity: 1;
    left: 88px;
    top: 1272px;
    position: absolute;
    transform-origin: 0px 0px 0px;
  }

  .img {
    width: 750px;
    height: 1624px;
    opacity: 1;
    position: absolute;
    transform-origin: 0px 0px 0px;
  }
}