.social-share{display: inline-block;vertical-align: middle;}
.social-share .social-share-icon {
	position: relative;display: inline-block;vertical-align: middle;width: 0.45rem;height: 0.45rem;text-align: center;line-height: 0.43rem;border:1px solid rgba(255,255,255,0.3);margin-left: 0.18rem;border-radius: 50%;transition: all 0.5s;}
.social-share .social-share-icon:after{width: 23px;height: 23px;position: absolute;left: 50%;top: 50%;content: "";position: absolute;transform: translate(-50%,-50%);background-position: center center;background-repeat: no-repeat;}
.social-share .social-share-icon:hover {background-color: #fff;border: 1px solid #fff;}
.social-share .social-share-icon:hover:after{opacity: 1;}

.social-share .icon-wechat:after{background-image: url(../../images/ico_wx.svg);}
.social-share .icon-wechat:hover:after{background-image: url(../../images/ico_wxon.svg);}
.social-share .icon-linkedin:after{background-image: url(../../images/ico_in.svg);}
.social-share .icon-linkedin:hover:after{background-image: url(../../images/ico_inon.svg);}
.social-share .icon-facebook:after{background-image: url(../../images/ico_f.svg);}
.social-share .icon-facebook:hover:after{background-image: url(../../images/ico_fon.svg);}
.social-share .icon-twitter:after{background-image: url(../../images/ico_tw.svg);}
.social-share .icon-twitter:hover:after{background-image: url(../../images/ico_twon.svg);}

.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;
}

@media(max-width:640px){
	.social-share .social-share-icon{width: 30px;height: 30px;line-height: 30px;}
}