@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;margin:7px;display:inline-block;outline:0;width: 0.45rem;line-height: 0.43rem;height: 0.45rem;border: 1px solid;border-radius: 50%;}
.social-share .social-share-icon{position:relative;display:inline-block;font-size:.25rem;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: 9999;
    top: -80px;
    right: -220px;
    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:120px;margin:20px auto 10px}
.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: '';
    position: absolute;
    top: 50%;
    margin-left: -6px;
    left: -7px;
    width: 0;
    height: 0;
    border-width: 8px 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    transform: rotate(90deg);
}
.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}	
}