.share-bar-btn {
  position: fixed;
  bottom: 10%;
  right: 0;
  z-index: 999;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  min-width: 155px;
  height: 30px;
  border-radius: 20px;
  background-color: #ff5e5e;
  text-align: left;
  vertical-align: middle;
  color: #fff;
  font-size: 16px;
  margin-right: 13px;
  padding: 5px;
}
.share-bar-btn:before {
  content: "";
  width: 25px;
  height: 25px;
  margin-right: 7px;
  margin-left: -7px;
  background: url(data:image/png;base64,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);
  background-size: cover;
}
.share-bar-btn .iconHeart {
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-size: cover;
  width: 25px;
  height: 18px;
  position: absolute;
  right: -10px;
  top: -9px;
}
.share-bar-btn .share-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: normal;
  -webkit-align-items: normal;
  align-items: normal;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 30px;
  width: 100px;
}
.share-bar-btn .share-info .share-info-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 15px;
  height: 15px;
  letter-spacing: normal;
  color: #fff;
  padding-top:2px;
}
.share-bar-btn .share-info .share-info-desc {
  height: 10px;
  line-height: 10px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #fff;
  font-size: 10px;
  margin-right: -10px;
  padding-top: 3px;
}