:root {
  --header-color: rgba(153, 153, 153, 1);
  --theme-color: var(--header-color);
}
.rightShareBtn {
  max-width: 1200px;
  margin: auto;
  position: relative;
}
.footerShare-wx>img{
  width:30px;
}
.shareBtn-div {
  display: block !important;
}
.shareBtn-div {
  position: fixed;
  bottom: 282px;
  left: calc((100vw / 2 - 1440px / 2) + 969px);
  z-index: 99999;
  display: none;
  transform:translateX( -50% );
}
.shareBtn {
  position: relative;
}
.shareBtn:not(:first-child) {
  margin-top: 10px;
}
.shareBtn .wx, .shareBtn a, .shareBtn .go-top {
  border-radius: 5px;
  width: 35px;
  height: 35px;
  display: flex;
  align-content: center;
  justify-content: center;
  cursor: pointer;
}
.shareBtn .wx, .shareBtn a, .shareBtn .go-top {
  background: var(--theme-color);
}

.shareBtn a img, .shareBtn .wx img, .shareBtn .go-top img {
  object-fit: contain;
  width: 20px;
}
.favoriteImg {
  margin: auto;
}
.hoverImg {
  display: none;
}
.shareBtn:hover .hoverImg {
  display: block;
}
.shareBtn:hover .img {
    display: none;
}
.wx-img.wx-img-share {
  padding: 10px;
  background: white;
  box-shadow: 0px 0px 5px #ccc;
}
.shareBtn .wx-img {
  position: absolute;
  top: -81px;
  left: -203px;
  width: 200px;
  display: none;
}
.wx-img:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #999 transparent transparent;
  /* transform: rotate(90deg); */
  right: -10px;
  transform: translateX(-12px);
  top: calc(50% - 5px);
}
canvas{
  vertical-align: middle;
}
@media ( max-width:1470px ){
  .shareBtn-div {
    left: calc(15px + (100% - 30px) * 0.679);
  }
}
@media ( max-width:1200px ){
  .shareBtn-div {
    left: calc((100vw / 2 - (930px - 15px + 15px) / 2) + 617px);
  }
  .shareBtn .wx, .shareBtn a, .shareBtn .go-top{
    width: 25px;
    height: 25px;
  }
  .shareBtn a img, .shareBtn .wx img, .shareBtn .go-top img{
    width: 13px;
  }
}
@media ( max-width:930px ){
  .shareBtn-div {
    left: calc(15px + (100% - 30px) * 0.679);
  }
}
@media ( max-width:768px ){
  .shareBtn-div {
    left: unset;
    right:15px;
    transform:translateX(0);
  }
  .shareBtn .wx, .shareBtn a, .shareBtn .go-top{
    width: 35px;
    height: 35px;
  }
  .shareBtn a img, .shareBtn .wx img, .shareBtn .go-top img{
    width:20px;
  }
}
@media ( max-width:576px ){
  .shareBtn-div {
    bottom:15vw;
  }
  .rightShareBtn{
    display:none;
  }
}