/* 分享 */
.HN_PublicShare_shearBox {position: fixed;bottom:-100%;width: 100%;max-width: 750px;left: 50%;transform: translateX(-50%);text-align: center;-webkit-transition: bottom .3s;transition: bottom .3s;z-index: 100001;border-radius: 0;box-shadow: 0 -4px 20px rgba(0,0,0,0.1);}
.HN_PublicShare_shearBox .HN_PublicShare_bg {position: fixed;top:0;left:0;width: 100%;height: 100%;opacity:0;background:rgba(0,0,0,0.5);-webkit-transition:opacity .5s;transition:opacity .5s;z-index: 99999;}
.HN_PublicShare_sheark1 {position: relative;background:#fff;border-bottom: solid 1px #dcdcdc;z-index: 2; padding: 20px;}
#HN_PublicShare_shearBox a, #HN_PublicShare_shearBox button {display: block; height: 50px;}
#HN_PublicShare_shearBox li{width: 25%; text-align: center; font-size: 14px; color: #666; float: left; margin-bottom: 20px; list-style: none;}
#HN_PublicShare_shearBox li span{float: none; display: block; margin-top: 8px;}
#HN_PublicShare_shearBox a:after, #HN_PublicShare_shearBox button:after {display: inline-block;width: 40px;height: 40px;content:"";}
#HN_PublicShare_shearBox .HN_button_qzone:after{background:url(../images/HN_Public_share1.png) center center no-repeat;background-size: 30px auto; display: block; width: 35px; height: 35px;margin: 0 auto;margin-top: 5px;}
#HN_PublicShare_shearBox .HN_button_tsina:after{background:url(../images/HN_Public_share2.png) center center no-repeat;background-size: 30px auto; display: block; width: 35px; height: 35px;margin: 0 auto;margin-top: 5px;}
#HN_PublicShare_shearBox .HN_button_qzone, #HN_PublicShare_shearBox .HN_button_tsina{display: block; width: 44px; height: 44px !important; border: 1px solid #F2F7FC; box-sizing: border-box; border-radius: 100%; line-height: 1 !important; padding: 0 !important; margin: 0 auto 5px;}
#HN_PublicShare_shearBox .HN_button_comment, #HN_PublicShare_shearBox .HN_button_code, #HN_PublicShare_shearBox .HN_button_tweixin, #HN_PublicShare_shearBox .HN_button_ttqq{display: block; width: 44px; height: 44px !important; border: 1px solid #F2F7FC; box-sizing: border-box; border-radius: 100%; line-height: 1 !important; padding: 0 !important; margin: 0 auto 5px;}
#HN_PublicShare_shearBox .HN_button_comment:after{background:url(../images/HN_Public_share5.png) center center no-repeat;background-size: 30px auto; display: block; width: 44px; height: 44px;}
#HN_PublicShare_shearBox .HN_button_code:after{background:url(../images/HN_Public_share6.png) center center no-repeat;background-size: 30px auto; display: block; width: 44px; height: 44px;}
#HN_PublicShare_shearBox .HN_button_tweixin:after{background:url(../images/HN_Public_share3.png) center center no-repeat;background-size: 30px auto; display: block; width: 44px; height: 44px;}
#HN_PublicShare_shearBox .HN_button_ttqq:after{background:url(../images/HN_Public_share4.png) center center no-repeat;background-size: 30px auto; display: block; width: 44px; height: 44px;}
#HN_PublicShare_shearBox .HN_button_link{display: block; width: 44px; height: 44px !important; border: 1px solid #F2F7FC; box-sizing: border-box; border-radius: 100%; line-height: 1 !important; padding: 0 !important; margin: 0 auto 5px; background: none;}
#HN_PublicShare_shearBox .HN_button_link:after{background:url(../images/HN_Public_share8.png) center center no-repeat;background-size: 30px auto; display: block; width: 44px; height: 44px;}
#HN_PublicShare_cancelShear, #HN_PublicShare_cancelcode{padding: 15px 0; background: #F5F5F5; border-bottom: none; margin: 0; font-size: 16px; color: #333; border-radius:0;}
.HN_PublicShare_codeBox {position: fixed;bottom:-100%;width: 100%;max-width: 750px;left: 50%;transform: translateX(-50%);text-align: center;-webkit-transition: bottom .3s;transition: bottom .3s;z-index: 100001;background: #fff;border-radius: 0;box-shadow: 0 -4px 20px rgba(0,0,0,0.1);}
.HN_PublicShare_codeBox p{color: #999; font-size: 14px; margin-bottom: 25px;}
.HN_PublicShare_codeBox img{width: 130px; height: 130px; margin: 20px 0;}

/*分享指引*/
.HN_PublicShare_zhiyin{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100001; text-align: right; display: none;}
.HN_PublicShare_zhiyin .HN_PublicShare_bg{position: fixed;top:0;left:0;width: 100%;height: 0;opacity:0;background:rgba(0,0,0,0.7);-webkit-transition:opacity .3s;transition:opacity .3s;z-index: 1;}
.HN_PublicShare_zhiyin .HN_PublicShare_zhibox{position: fixed; top: 0; right: 0; z-index: 2;}
.HN_PublicShare_zhiyin .HN_PublicShare_zhibox img{width: 100%; max-width: 280px; display: block; margin: 0 auto;}
.HN_PublicShare_zhiyin .HN_PublicShare_zhibox p{display: none;}

.fn-hide {display: none;}
.fn-clear::after {content: ''; display: table; clear: both;}