@font-face {
    font-family: 'nky-icon';
    src: url('../fonts/fonts/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/fonts/iconfont.woff') format('woff'),
    url('../fonts/fonts/iconfont.woff2') format('woff2'),
    url('../fonts/fonts/iconfont.ttf') format('truetype'),
    url('../fonts/fonts/iconfont.svg#iconfont') format('svg');
}

.share_box {line-height: 7px;text-align: center;color: rgb(1, 88, 156);font-size: 0px;z-index: 100;width: 50px;float: left;margin: 60px 0 0 0px;clear: both;position: relative;z-index: 51;}
.share_box .share_title{display: block;text-align: center;color: rgb(51, 51, 51);font-size: 14px;margin: 0 0 10px;line-height: 20px;position: relative;overflow: hidden;}
.share_box .share_title::before{content: '';display: block;border-top: 1px dashed #e5e5e5;position: absolute;width: 100%;height: 0;top: 50%;left: 0;}
.share_box .share_title span{/* background: #fff; */display: inline-block;position: relative;z-index: 2;font-size: 16px;/* padding: 0 10px; */color: #333;}
.share_box .share_btn, .share_box .share_btn.share_more::after {line-height: 20px;margin: 0px auto 20px;position: relative;width: 50px;height: 50px;background-position: center center;background-repeat: no-repeat;background-size: 100%;cursor: pointer;display: block;border-radius: 50%;}
.share_box .share_btn i{left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);position: absolute;z-index: 2;font-size: 32px;color: #fff;}
.share_box .share_btn.share_wechat { background-image: url("../images/share_wechat.png");background: #7dd43c; }
.share_box .share_btn.share_sina { background-image: url("../images/share_sina.png"); background: #ff5e4d;}
.share_box .share_btn.share_qzone { background-image: url("../images/share_qzone.png"); background: #fece00;}
/* .share_box .share_btn.share_copy { background-image: url("../images/share_copy.png"); background: #7dd43c;} */
.share_box .share_btn.share_more::after { content: ""; background-image: url("../images/share_more.png");background: #a3bfd9; position: absolute; border: 0px; left: 0px; margin: 0px; }
.share_box .share_btn.share_twitter { background-image: url("../images/share_twitter.png"); background: #6babe8;}
.share_box .share_btn.share_facebook { background-image: url("../images/share_facebook.png"); background: #415a94;}
.share_box .share_btn.share_linkedin { background-image: url("../images/shareto_linkedin.png"); background: #3d84c2;}
.share_box .share_btn:last-child { }
.share_box .share_btn .alert_box { position: absolute; top: 100%; left: 0%; padding: 6px; display: none;z-index: 2;padding: 1px;z-index: 10;}
.share_box canvas { display: block;margin: 0 auto;}
.share_box .share_btn .alert_box.on{display: block;}
.share_box .share_more .share_btn {margin: 10px 0 0;border: 0px;/* border-radius: 0px; */}
.share_box .share_btn:hover .alert_box { display: block; }

.share_box .share_btn.share_wechat .alert_box{display: none;position: fixed;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);padding: 10px;border: 1px solid #d8d8d8;background: #fff;width: 210px;bottom: auto;}
.share_box .share_btn.share_wechat .alert_box.on{display: block;}
.share_box .share_btn.share_wechat .close{width: 24px;height: 24px;line-height: 24px;display: block;float: right;font-size: 16px;color: #333;}
.share_box .share_btn.share_wechat .close::before{content: 'x';}
.share_box .share_btn.share_wechat .title{line-height: 24px;font-weight: bold;font-size: 14px;text-align: left;margin: 0 0 10px;color: #333;}
.share_box .share_btn.share_wechat .bottom{color: #666;line-height: 22px;text-align: left;font-size: 12px;margin: 10px 0 0;}