@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-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 !important;margin: 6px;display:inline-block;outline:0;width: 0.35rem;line-height: 0.35rem;height: 0.35rem;/* border: 1px solid; */border-radius: 50%;text-decoration: none;}
.social-share .social-share-icon{
	position:relative;
	display:inline-block;
	font-size: .2rem;
	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-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: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: 100px;margin: 10px auto;}
.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0!important}
.social-share .icon-wechat .wechat-qrcode .help {/* display: none; */}
.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: '';
  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}

@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}	
}