@font-face{font-family:socialshare;src:url(../fonts/share/iconfont.eot);src:url(../fonts/share/iconfont.eot?#iefix) format("embedded-opentype"),url(../fonts/share/iconfont.woff) format("woff"),url(../fonts/share/iconfont.ttf) format("truetype"),url(../fonts/share/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:.2px;-moz-osx-font-smoothing:grayscale}
.social-share *{font-family:socialshare!important}
.social-share .icon-tencent:before{content:"\f07a"}
.social-share .icon-qq:before{content:"\f11a"}
.social-share .icon-weibo:before{content:"\f12a"}
.social-share .icon-wechat:before{content:"\f09a"}
.social-share .icon-douban:before{content:"\f10a"}
.social-share .icon-heart:before{content:"\f20a"}
.social-share .icon-like:before{content:"\f00a"}
.social-share .icon-qzone:before{content:"\f08a"}
.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:7px 0;display:inline-block;outline:0;width:50px;height:50px;border-radius:50%;background:#bfbfc2;color:#fff;line-height:50px}
.social-share .social-share-icon{position:relative;display:inline-block;font-size:26px;color:#666;text-align:center;vertical-align:middle;transition:background .6s ease-out 0s}
.social-share .icon-weibo{color:#fff;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:#fff;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:#fff;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:50%;left:calc(100% + 15px);width:200px;height:230px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all .2s;-webkit-tansition:all 350ms;-moz-transition:all 350ms;margin-top:-115px}
.social-share .icon-wechat .wechat-qrcode h4{font-weight:400;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:120px;margin:20px auto 10px}
.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0!important}
.social-share .icon-wechat .wechat-qrcode .help p{font-weight:400;line-height:16px;padding:0;margin:0;font-size:12px}
.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:-18px;margin-top:-6px;top:50%;width:0;height:0;border-width:10px;border-style:solid;border-color:transparent #fff transparent transparent}
.social-share .icon-wechat:hover .wechat-qrcode{display:block}
@media screen and (max-width:1024px){
.social-share .icon-wechat .wechat-qrcode{left:50%;margin-left:-100px;top:calc(100% + 15px);margin-top:-305px}
.social-share .icon-wechat .wechat-qrcode:after{border-color:transparent transparent #f3f3f3;left:50%;margin-left:-6px;top:-18px;margin-top:0}
}