.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(../img/ico_wx.svg);
}

.social-share .icon-wechat:hover:after {
	background-image: url(../img/ico_wxon.svg);
}

.social-share .icon-linkedin:after {
	background-image: url(../img/ico_in.svg);
}

.social-share .icon-linkedin:hover:after {
	background-image: url(../img/ico_inon.svg);
}

.social-share .icon-facebook:after {
	background-image: url(../img/ico_f.svg);
}

.social-share .icon-facebook:hover:after {
	background-image: url(../img/ico_fon.svg);
}

.social-share .icon-twitter:after {
	background-image: url(../img/ico_tw.svg);
}

.social-share .icon-twitter:hover:after {
	background-image: url(../img/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;
	}
}