.public-share{display:inline-block;position:relative}.public-share:hover .public-share__icon{background-image:url('../icon/icon-share-active.png')}.public-share__icon{cursor:pointer;width:48px;height:48px;border-radius:50%;background-repeat:no-repeat;background-position:center;background-color:#f5f5f5;background-image:url('../icon/icon-share.png')}.public-share__icon:hover{background-image:url('../icon/icon-share-active.png')}.public-share__bubble{display:none;position:absolute;left:65px;top:4px;min-height:140px;padding:16px;border-radius:4px;box-sizing:border-box;text-align:center;white-space:nowrap;background-color:#ffffff;box-shadow:0 0 16px 0 rgba(0,0,0,0.1)}.public-share__bubble::after{content:'';display:block;position:absolute;top:0;left:-20px;width:20px;height:100%}.public-share__bubble-inner{position:relative}.public-share__bubble-inner::after{content:'';position:absolute;display:block;border-color:transparent #fff transparent transparent;border-width:6px;border-style:solid;top:0;left:-28px}.public-share__bubble-title{font-size:12px;color:#666666;line-height:16px}.public-share__bubble-code{margin:12px 0}.public-share__bubble-copy{cursor:pointer;height:28px;line-height:28px;color:#fff;font-size:12px;border-radius:4px;background-color:#d00000}.public-share.top .public-share__bubble{top:unset;bottom:60px;left:50%;transform:translateX(-50%)}.public-share.top .public-share__bubble::after{width:100%;height:20px;left:0;top:unset;bottom:-20px}.public-share.top .public-share__bubble-inner::after{top:unset;bottom:-28px;left:50%;border-color:#fff transparent transparent transparent;transform:translateX(-50%)}.public-share.bottom .public-share__bubble{top:60px;left:50%;transform:translateX(-50%)}.public-share.bottom .public-share__bubble::after{width:100%;height:20px;left:0;top:-20px}.public-share.bottom .public-share__bubble-inner::after{top:-28px;left:50%;border-color:transparent transparent #fff transparent;transform:translateX(-50%)}.public-share.left .public-share__bubble{left:unset;right:65px}.public-share.left .public-share__bubble::after{left:unset;right:-20px}.public-share.left .public-share__bubble-inner::after{left:unset;right:-28px;border-color:transparent transparent transparent #fff}