.sharing-layer {
  position: absolute;
  top: 0;
  right: 0;
  border: 1px solid #999;
  border-radius: 2px;
  padding: 30px;
  background: #fff;
  width: 242px;
  min-width: 100%;
  overflow: hidden;
}
.sharing-layer.is-hidden {
  display: none;
}
.sharing-layer > * {
  float: left;
}

.sharing-wechat {
  padding-right: 30px;
  text-align: center;
  width: 100px;
}
.sharing-wechat span {
  display: inline-block;
  margin-bottom: 7px;
  padding-right: 30px;
}

.sharing-wechat-qrcode {
  width: 100px;
  height: 100px;
}
.sharing-wechat-qrcode img {
  width: 100%;
  height: 100%;
  -ms-interpolation-mode: nearest-neighbor;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -webkit-crisp-edges;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: pixelated;
}

.sharing-list {
  list-style: none;
  margin: 0;
  width: 80px;
  padding-left: 30px;
  border-left: 1px solid #eee;
}
.sharing-list li {
  color: #37a;
  cursor: pointer;
}
.sharing-list li + li {
  margin-top: 28px;
}

[class^=sharing-icon] {
  padding-left: 31px;
  height: 24px;
  line-height: 24px;
  background-image: url("../../pics/social_sharing/icons_sharing.png");
  background-repeat: no-repeat;
  white-space: pre;
}

.sharing-icon__weibo {
  background-position: -10px -10px;
  width: 24px;
  height: 24px;
}

.sharing-icon__wechat {
  background-position: -10px -54px;
  width: 24px;
  height: 24px;
}

.sharing-icon__qzone {
  background-position: -10px -98px;
  width: 24px;
  height: 24px;
}

.sharing-icon__qq {
  background-position: -10px -142px;
  width: 24px;
  height: 24px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
  [class^=sharing-icon] {
    background-image: url("../../pics/social_sharing/icons_sharing@2x.png");
    background-size: 44px 176px;
  }
  .sharing-button:before {
    background-image: url("../../pics/social_sharing/icon_sharing_qrcode@2x.png");
    background-size: cover;
  }
}