.social-share a {
   position: relative;
   text-decoration: none;
   margin: 4px;
   display: inline-block;
   outline: 0
}

.social-share .social-share-icon {
   position: relative;
   display: inline-block;
   width: 32px;
   height: 32px;
   font-size: 20px;
   border-radius: 5px;
   line-height: 32px;
   border: 1px solid #666;
   color: #666;
   text-align: center;
   vertical-align: middle;
   transition: background .6s ease-out 0s
}

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

.social-share .icon-weibo {
   color: #ff763b;
   border-color: #ff763b
}

.social-share .icon-weibo:hover {
   background: #ff763b
}

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

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

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

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

.social-share .icon-qzone {
   color: #fdbe3d;
   border-color: #fdbe3d
}

.social-share .icon-qzone:hover {
   background: #fdbe3d
}

.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;
   color: #7bc549;
   border-color: #7bc549;
}

.social-share .icon-wechat:hover {
   background: #7bc549
}

.social-share .icon-wechat .wechat-qrcode {
   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-qrcode.bottom {
   top: 40px;
   left: -84px
}

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

.social-share .icon-wechat .wechat-qrcode 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-qrcode .qrcode {
   width: 105px;
   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;
   padding: 0;
   margin: 0
}

.social-share .icon-wechat .wechat-qrcode: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-qrcode {
   display: block
}