body {
  width: 100%;
  height: 100vh;
  display: table;
}

.social-share {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.p-share-demo {
  width: 100%;
  height: 100vh;
}
.p-share-demo .wrapper {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 53.33333vw;
  height: 33.33333vw;
  padding: 0 4.66667vw;
  background: #fff;
  z-index: 101;
}
.p-share-demo .wrapper .title {
  margin-top: 4vw;
  text-align: center;
  font-size: 3.2vw;
  color: #00B5D9;
}
.p-share-demo .wrapper .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin-top: 6.66667vw;
}
.p-share-demo .wrapper .item img {
  width: 8vw;
  height: 8vw;
}