/* 分享按钮样式 */ .bdsharebuttonbox .hd { float: left; height: 30px; line-height: 30px; } .bdsharebuttonbox .bd { float: left } .social-share { height: 30px; } .social-share .social-share-icon { width: 30px; height: 30px; float: left; position: relative; background: url(../img/icons-share.png) 0px 0px no-repeat; } .social-share .icon-wechat { background-position: 0 -0px; } .social-share .icon-weibo { background-position: 0 -30px; } .social-share .icon-douban { background-position: 0 -60px; } .social-share .icon-qzone { background-position: 0 -90px; } .social-share .icon-qq { background-position: 0 -120px; } /* 微信二维码弹窗 */ .share-wechat-qrcode { display: none; border: 1px solid #eee; position: fixed; z-index: 9; top: 50%; left: 50%; width: 258px; height: 318px; margin-left: -130px; margin-top: -160px; 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 } .share-wechat-qrcode .close { position: absolute; right: 5px; top: 5px; width: 20px; height: 20px; line-height: 20px; text-align: center; cursor: pointer; } .share-wechat-qrcode.bottom { top: 40px; left: -84px } .share-wechat-qrcode.bottom:after { display: none } .share-wechat-qrcode h4 { font-weight: normal; height: 32px; line-height: 32px; font-size: 14px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777 } .share-wechat-qrcode .qrcode { width: 200px; margin: 15px auto } .share-wechat-qrcode .qrcode table { margin: 0 !important } .share-wechat-qrcode .help p { font-weight: normal; line-height: 20px; padding: 0; margin: 0 }