.social-share { margin-left: 20px; display: inline-block; z-index: 1;}
.social-share a { display: inline-block; width: 36px; height: 24px; background: #999; color: #fff; border-radius: 3px; text-align: center; cursor: pointer; margin-left: 10px; position: relative; overflow: hidden; }
.social-share a i { color: #fff; font-size: 22px; z-index: 2; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.social-share a.share-weixin { background: #2da032; }
.social-share a.share-weibo { background: #d64e4d; }
.social-share a.share-qq { background: #0fa8e2; }
.social-share a.share-kongjian { background: #e8ac03; }
.social-share a:before { content: ""; position: absolute; width: 50px; height: 50px; border-radius: 50%; transition: all .5s; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); z-index: 1; }
.social-share a.share-weixin:before { background: #49c14f; }
.social-share a.share-weibo:before { background: #f96564; }
.social-share a.share-qq:before { background: #1bc1ff; }
.social-share a.share-kongjian:before { background: #fdc014; }
.social-share a:hover:before { content: ""; position: absolute; width: 50px; height: 50px; border-radius: 50%; transition: all .3s; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1); z-index: 1; }
.share-weixin-qrcode { position: absolute; width: 150px; border: 1px solid #0064a7; background-color: #fff; color: #666; text-align: center; font-size: 12px; top: 35px; right: 0px; display: none; }
.share-weixin-qrcode p { margin: 10px 0 0 0; padding: 0; height: 20px; font-weight: normal; font-size: 12px; line-height: 20px; color: #333; }
.share-weixin-qrcode .codeqr { margin: 10px auto; width: 110px; }

/*´¹Ö±ÅÅÁÐ*/
.social-share.vtl { text-align: center; margin-left: 0; border: 1px solid #e6e6e6; padding-top: 7px; font-size: 12px; color: #999; }
.social-share.vtl a { display: block; margin: 6px auto 8px auto; width: 40px; height: 25px; }
.social-share.vtl span { display: block; text-align: center; padding: 0 12px 5px 12px; margin-bottom: 7px; border-bottom: 1px solid #e6e6e6; cursor: pointer;}
.social-share.vtl span:hover{color:#dd001a;}
.social-share.vtl span i { font-size: 30px; }
.social-share.vtl i.icon-sc {color:#dd001a; }
.social-share.vtl .share-weixin-qrcode { top: 42px; left: 60px; }