@font-face{font-family:socialshare;src:url(/fonts/share/iconfont.woff) format("woff")}
.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;display:inline-block;outline:0}
.social-share .social-share-icon{position:relative;display:inline-block;font-size:50px;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;color:#fff}
.social-share .icon-tencent{color:#56b6e7;border-color:#56b6e7}
.social-share .icon-tencent:hover{background:#56b6e7;color:#fff}
.social-share .icon-qq{color:#56b6e7;border-color:#56b6e7}
.social-share .icon-qq:hover{background:#56b6e7;color:#fff;}
.social-share .icon-qzone{color:#fdbe3d;border-color:#fdbe3d}
.social-share .icon-qzone:hover{background:#fdbe3d;color:#fff}
.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;color:#fff}
.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.bottom{top:40px;left:-84px}*/
/*.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}*/
.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: 640px){
.social-share .icon-wechat .wechat-qrcode{left: 50%;margin-left: -100px;top:calc(100% + 15px);margin-top: 0}
.social-share .icon-wechat .wechat-qrcode:after{border-color: transparent  transparent #f3f3f3 transparent;left:50%;
	margin-left:-6px;top:-18px;margin-top: 0}	
}