/*@font-face {*/ /* font-family: "socialshare";*/ /* src: url("../fonts/iconfont.eot");*/ /* src: url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"), url("../fonts/iconfont.woff") format("woff"), url("../fonts/iconfont.ttf") format("truetype"), url("../fonts/iconfont.svg#iconfont") format("svg")*/ /*}*/ .social-share { font-family: "socialshare" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale } /*.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: 4px; display: inline-block; outline: none } .share__title{ font-size: 20px; margin-bottom: 20px; } .social-share .social-share-icon { position: relative; display: inline-block; /*width: 32px;*/ /*height: 32px;*/ /*font-size: 20px;*/ border-radius: 50%; /*line-height: 32px;*/ /*border: 1px solid #666;*/ color: #666; opacity: 1; top: 0; text-align: center; vertical-align: middle; transition: background 0.6s ease-out 0s } .social-share .social-share-icon:not(:first-child){ margin-top: 4px; } .social-share .social-share-icon:nth-child(3){ margin: 4px; } /*.social-share .social-share-icon:hover {*/ /* background: #666;*/ /* color: #fff*/ /*}*/ .social-share .icon-weibo { color: #ff763b; border-color: #ff763b; margin-left: 0; } /*.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-qq:hover {*/ /* background: #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; margin: 0; } /*.social-share .icon-wechat:hover {*/ /* background: #7bc549*/ /*}*/ .social-share .icon-wechat .wechat-qrcode { opacity: 0; filter: alpha(opacity=0); visibility: hidden; 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; transform: none; } .social-share .icon-wechat .wechat-qrcode .qrcode img{ width: auto; height: auto; } .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 .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 { opacity: 1; filter: alpha(opacity=100); visibility: visible }