@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 {
  font-family: "socialshare" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale
}

.social-share * {
  font-family: "socialshare" !important
}

.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;
  text-decoration: none;
  margin: 0 3px;
  display: inline-block;
  outline: none;
}

.social-share .social-share-icon {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 40px;
  font-size: 16px;
  border-radius: 50%;
  line-height: 40px;
  
  color: #666;
  text-align: center;
  vertical-align: middle;
  transition: background 0.6s ease-out 0s;
  display: block;
  float: left;
}

.social-share .icon-weibo {
  
  
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAUCAMAAACgaw2xAAAAk1BMVEUAAADpXVz2WVTpXVzpXVzqXVzqXlzqXV3tZGToY2PqXV3pXVzpXVzpXFzpXVzqXVzpXlzqXVzqXlzoX1/pXVzpXVzpXVzpXVzpXFzqXVzpXVzqXFzqXVzqXVzqXV3uXV3pXVzpXVzpXFzpXVzqXVzrX13pXVzpXVvqXVzpXVzqXlzpXVzqXV3sXV3oWlrwWlrpXVxvPdSUAAAAMHRSTlMA/AT5zHdNKg4JF+7rw4ZyX1JHIPXy5Ne6sZGOb2pYHeesl347Nd/GvqSf06hCIhGndtv7AAABGUlEQVQY012Rh3LDMAxDIct7b9c7e3Ti/7+utJNzc8Wd1hMlkRD+6Y2B2TuvxDCMpTepSB0bG94CXCepyfe/9dQnnoxzP8zGnkwf4UYSUtGCh3O4jFdGKy+upNLs1hvdlt82g4Wfd1SKikeni8yD53OcGQg/VRQs0ooyS1B3SCbACSnkKa2Zwcoh8iJqsj6k+dcUL1WsVIqyhO9S+GNnFUBaUrePwhuyKTAqigZgouLlByIhJ9hc8w19wGTJbMm75A2407YDKgnBnpr2stHwUzxtpVGVxXJiOSiK2bgYayeryANgU/P4cMCkJduK5N2DcyHbp9XFB3sXfm7P8NKdOO5tjsdKv1lZNuzl/SjHi/whqkhWt+N5+7Nf2LEer39mKjsAAAAASUVORK5CYII=) no-repeat center;
}

.social-share .icon-tencent {
  color: #56b6e7;
  border-color: #56b6e7
}

.social-share .icon-tencent:hover {
  background: #56b6e7
}

.social-share .icon-qq {
  
  
  
}

.social-share .icon-qzone {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAXCAMAAAAm/38fAAAAjVBMVEUAAAD1vj//wED1vj/2vj/1vj/1vj/1vj/1vj71vj/1vz/2vz/3vkD0vkH1vj/2vj/2vz/2vj/2vz72v0D1v0D1wD/1vj/1vj/1vj/1vz/2vT/2v0D1vkD4wT72wD/wvUL5wkP1vj/2vz/2wD/1vz/1vj/2v0D1vj/1vj/1vz/0vz/2vT/3vkH2vkH1vj96uwMSAAAALnRSTlMA+wX48tLMxbKfkHs8FtWkln5xVk4w7efbtohgSSUcEA7kv4lpZCvru66ooUM3aOv8bgAAAPlJREFUKM9tkdeWwyAMRME2uPfe4vTt8/+ft1KO47Cb3AcQoyM0IGFwGsRLdo6ze5k4AYOwnvW4Bdr4SbZEASlR/CvhowKhOGQe+4Qbkykvc1SVLiQBt6yieWE191Qj8QfZKC8XKRinc3vvw9Nvti3BfAmRgcKmcz0/PEdWnHEJAkEEuF91qOmw6kwIghr74pqACe/ORgkJexQFrRReSFozFZBcY40blfH6Gp97EeV5kPlpWu8f/3FGotWxfz+6OnFC46P8zRjIg3GVJlM2CJsSyhiFwxWHsmy5wphjxG4H6rlkbPx7azHCTufVXy9x2ZoU+kdsTF3IiV/mkx8LAP2SRgAAAABJRU5ErkJggg==) no-repeat center;
}

.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 {
  position: relative;
  
  
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAATCAMAAAC9bj0JAAAAjVBMVEUAAAAAsw0AtAAAswwAsw0Asw0AtA0AtQ0AtA4AtA0Asw0AswwAsw0AshIAtQsAsw0Asw0Asw0Asw0Asw0Asw0Asw0Asw0Asw0AtA4Asw8AtRYAsw0Asw0Asw0AswwAsw0AtA4AtA0AtA4Asw4AtA4AtQwAuBQAsg4AtA0AtA8Asg0AtA0Asw4Atg0Asw006/rYAAAALnRSTlMA/AX40eazi27g2sy9HBXy8O3qwaeUenRIMQjGrJqPh4J+UUA2JwwKn51kX1o7aymO2gAAAO1JREFUGNNVkIeOgzAQRNfY9BIgQCC9Xq7O/3/ejTEI8SyPrJ1d7chiGc6mVKVpn7Ki+NJwqCaXhTyBwow/yIy3harOKc06NEBczMYOGqH01KvcqSfZe6Nh2Ot3GTXepTBZY8v2aiwEUXjMstP9TccZSlE2UbhxDUlPx2AmCqCmHnxz+RiWcmyZ9hID21ZDP8e4sHQ1l8gn8CO+fUluOM5kVzaoWHEX66iY6+NgZ/wbdUHb0AmCQ+VHzDft40mZ69G8OFbsU1d21q/I/AXy0C6roobuHyfta0xcZE1xM6XWicEf29Z4+fB6SxeJ9w/ERiUXklSzhAAAAABJRU5ErkJggg==) no-repeat center;
}

.social-share .icon-wechat .wechat-qcode {
  display: none;
  border: 1px solid #eee;
  position: absolute;
  z-index: 9;
  top: -205px;
  left: -84px;
  width: 200px;
  height: 192px;
  color: #666;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 2px 10px #aaa;
  transition: all 200ms;
  -webkit-tansition: all 350ms;
  -moz-transition: all 350ms
}

.social-share .icon-wechat .wechat-qcode.bottom {
  top: 40px;
  left: -84px
}

.social-share .icon-wechat .wechat-qcode.bottom:after {
  display: none
}

.social-share .icon-wechat .wechat-qcode h4 {
  font-weight: normal;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  background-color: #f3f3f3;
  margin: 0;
  padding: 0;
  color: #777
}

.social-share .icon-wechat .wechat-qcode .qcode {
  width: 105px;
  margin: 10px auto
}

.social-share .icon-wechat .wechat-qcode .qcode table {
  margin: 0 !important
}

.social-share .icon-wechat .wechat-qcode .help p {
  font-weight: normal;
  line-height: 16px;
  padding: 0;
  margin: 0
}

.social-share .icon-wechat .wechat-qcode:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -6px;
  bottom: -13px;
  width: 0;
  height: 0;
  border-width: 8px 6px 6px 6px;
  border-style: solid;
  border-color: #fff transparent transparent transparent
}

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

#share-2 {
  padding-left: 20px;
}