@font-face {
  font-family: 'socialshare';

  src: url('fonts/iconfont.eot');
  src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'),url('fonts/iconfont.woff') format('woff'),url('fonts/iconfont.ttf') format('truetype'),url('fonts/iconfont.svg#iconfont') format('svg');
}
.social-share .icon-tencent:before {
  content: '\f07a';
}
.social-share .icon-douban:before {
  content: '\f10a';
}
.social-share .icon-heart:before {
  content: '\f20a';
}
.social-share .icon-like:before {
  content: '\f00a';
}
.social-share .icon-linkedin:before {
  content: '\f01a';
}
.social-share .icon-diandian:before {
  content: '\f05a';
}
.social-share .icon-facebook:before {
  content: '\f03a';
}
.social-share .icon-google:before {
  content: '\f04a';
}
.social-share .icon-twitter:before {
  content: '\f06a';
}
.social-share a {
  position: relative;
  top:-3px;
  display: inline-block;
  text-decoration: none;
  outline: none;
}
.social-share .social-share-icon {
  font-size: 20px;
  line-height: 25px;
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  transition: background .6s ease-out 0s;
  text-align: center;
  vertical-align: middle;
  color: #666;
  border-radius: 50%;;
}
.social-share .social-share-icon:hover {
  color: #fff;
}
.social-share .icon-weibo {
  background-image: url(/cn/static/images/common/weibo.jpg);
  background-repeat: no-repeat;
  background-position: center center;
}
.social-share .icon-tencent {
  color: #56b6e7;
  border-color: #56b6e7;
}
.social-share .icon-tencent:hover {
  background: #56b6e7;
}
.social-share .icon-qq {
  background-image: url(/cn/static/images/common/qq.png);
  background-repeat: no-repeat;
  background-position: center 7px;
  width: 20px;
  height: 25px;
}
.social-share .icon-qzone {
  background-image: url(/cn/static/images/common/qzone.png);
  background-repeat: no-repeat;
  background-position: center 7px;
  width: 20px;
  height: 25px;
}
.social-share .icon-douban {
  color: #33b045;
  border-color: #33b045;
}
.social-share .icon-douban:hover {
  background: #33b045;
}
.social-share .icon-linkedin {
  color: #0077b5;
  border-color: #0077b5;
}
.social-share .icon-linkedin:hover {
  background: #0077b5;
}
.social-share .icon-facebook {
  color: #44619d;
  border-color: #44619d;
}
.social-share .icon-facebook:hover {
  background: #44619d;
}
.social-share .icon-google {
  color: #db4437;
  border-color: #db4437;
}
.social-share .icon-google:hover {
  background: #db4437;
}
.social-share .icon-twitter {
  color: #55acee;
  border-color: #55acee;
}
.social-share .icon-twitter:hover {
  background: #55acee;
}
.social-share .icon-diandian {
  color: #307dca;
  border-color: #307dca;
}
.social-share .icon-diandian:hover {
  background: #307dca;
}
.social-share .icon-wechat {
  background-image: url(/cn/static/images/common/weixin.jpg);
  background-repeat: no-repeat;
  background-position: center 5px;
}
.social-share .icon-wechat .wechat-qrcode {
  font-size: 13px;
  position: absolute;
  z-index: 9;
  top: 23px;
  left: -100px;
  display: none;
  width: 250px;
  height: 265px;
  -moz-transition: all 350ms;
       transition: all 200ms;
  text-align: center;
  color: #666;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-tansition: all 350ms;
  padding: 5px;
  background: #fff;
}
.social-share .icon-wechat .wechat-qrcode.bottom {
  top: 40px;
  left: -84px;
}
.social-share .icon-wechat .wechat-qrcode.bottom:after {
  display: none;
}
.social-share .icon-wechat .wechat-qrcode h4 {
  font-size: 13px;
  font-weight: normal;
  line-height: 26px;
  height: 26px;
  margin: 0;
  padding-left: 5px;
  float: left;
}
.social-share .icon-wechat .wechat-qrcode .qrcode {
  width: 150px;
  padding-top: 30px;
  margin: 10px auto;
}
.social-share .icon-wechat .wechat-qrcode .qrcode table {
  margin: 0 !important;
}
.social-share .icon-wechat .wechat-qrcode .help p {
  font-weight: normal;
  line-height: 16px;
  margin: 0;
  padding: 0;
  text-indent: 0;
}
.social-share .icon-wechat .wechat-qrcode:after {
  position: absolute;
  top: -15px;
  left: 50%;

  width: 0;
  height: 0;
  margin-left: -6px;

  content: '';
}
.social-share .icon-wechat:hover .wechat-qrcode {
  display: block;
}
.grayscale .social-share .icon-weibo {
  background-image: url(/cn/static/images_gray/common/weibo.jpg);
}
.grayscale .social-share .icon-qq {
  background-image: url(/cn/static/images_gray/common/qq.png);
}
.grayscale .social-share .icon-qzone {
  background-image: url(/cn/static/images_gray/common/qzone.png);
}
.grayscale .social-share .icon-wechat {
  background-image: url(/cn/static/images_gray/common/weixin.jpg);
}