.social-share,
.social-share * {
  font-family: inherit !important;
}

.social-share .social-share-icon:before {
  display: inline-block;
  font-size: 18px;
  line-height: 32px;
  width: 32px;
  text-align: center;
  font-family: FontAwesome !important;
}

.social-share .icon-twitter:before {
  content: "\f099";
}

.social-share .icon-google:before {
  content: "\f1a0";
}

.social-share .icon-facebook:before {
  content: "\f09a";
}

.social-share .icon-douban:before {
  content: "\f1b6";
}

.social-share .icon-qzone:before {
  content: "\f005";
}

.social-share .icon-wechat {
  position: relative;
}

.social-share .icon-wechat:before {
  content: "\f1d7";
}

.social-share .icon-qq:before {
  content: "\f1d6";
}

.social-share .icon-weibo:before {
  content: "\f18a";
}

.social-share .social-share-icon:hover:before {
  color: #fff;
}

/* 微信二维码弹窗：固定在图标上方，避免被下方“相关推荐”遮挡 */
.social-share .icon-wechat .wechat-qrcode {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  top: auto !important;
  bottom: 100% !important;
  margin-bottom: 8px !important;
  transform: translateX(-50%) !important;
  z-index: 1060 !important;
  width: 240px !important;
  height: auto !important;
  padding: 12px !important;
  background: #fff;
  border: 1px solid rgba(148, 163, 184, 0.45) !important;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12);
  box-sizing: border-box;
  overflow: hidden;
  display: none;
}

.social-share .icon-wechat .wechat-qrcode:after {
  display: none !important;
}

.social-share .icon-wechat .wechat-qrcode h4 {
  font-size: 12px;
  margin: 0 0 10px;
  color: #64748b;
  line-height: 1.4;
  background: transparent !important;
  height: auto !important;
}

.social-share .icon-wechat .wechat-qrcode .help,
.social-share .icon-wechat .wechat-qrcode .help p {
  font-size: 12px;
  margin-top: 8px;
  color: #64748b;
  line-height: 1.4;
  padding: 0 !important;
  font-family: inherit !important;
}

.social-share .icon-wechat:hover .wechat-qrcode {
  display: block;
}

.social-share .icon-wechat .wechat-qrcode .qrcode {
  /*width: 196px !important;*/
  /*height: 196px !important;*/
  margin: 0 auto !important;
}

.social-share .icon-wechat .wechat-qrcode img,
.social-share .icon-wechat .wechat-qrcode canvas {
  /*width: 196px !important;*/
  /*height: 196px !important;*/
  display: block;
  border-radius: 8px;
}