@keyframes clickBounce {
  0% { transform: scale(1); }
  50% { transform: scale(1.15); }
  100% { transform: scale(1); }
}

.share-float-btn{
  position: fixed;
  bottom: 70px;
  right: 5px;
  z-index: 99999;
  width: 77px;
  height: 105px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  overflow: visible;  
  opacity: 1;
  cursor: pointer;
  transition: all 0.4s ease;
}
/* 滑动时向右半隐藏 */
.share-float-btn.scrolling{
  right: -50px;
  opacity: 0.4;
}
.share-float-btn img{ width:75px; height:75px; }
.share-float-btn:active{ animation: clickBounce .3s; }

/* 关闭按钮 */
.float-close{
  position:absolute;
  top: 2px;
  right: 2px;
  width:18px;
  height:17px;
  border-radius:50%;
  background:#e5e5e5;
  color:#000;
  border:1px solid rgba(0,0,0,.35);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  line-height:1;
  font-weight:700;
  cursor:pointer;
  user-select:none;
  z-index:100000;
  box-shadow:0 1px 2px rgba(0,0,0,.15);
  transition:filter .15s ease;
}
.float-close:hover{ filter:brightness(.95); }