@font-face {font-family: "shareFont";
    src: url('../fonts/iconfont.eot?t=1497334669856'); /* IE9*/
    src: url('../fonts/iconfont.eot?t=1497334669856#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/iconfont.woff?t=1497334669856') format('woff'), /* chrome, firefox */
    url('../fonts/iconfont.ttf?t=1497334669856') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../fonts/iconfont.svg?t=1497334669856#iconfont') format('svg'); /* iOS 4.1- */
}

.shareFont {
    font-family:"shareFont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
}
.shareFont:before{
    position: relative;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}
/************如果需要添加新的图标  替换如下****************/
.icon-kongjian:before { content: "\e661"; }

.icon-qq:before { content: "\e616"; }

.icon-weixin:before { content: "\e68b"; }

.icon-weibo:before { content: "\e620";top: 2px; }

.icon-pinglun:before { content: "\e614"; }

.icon-shang:before { content: "\e607"; top:2px;}

.icon-guanzhu:before { content: "\e691";top: 1px; }

.icon-fanhuidingbu:before { content: "\e6c7"; }

.icon-shoucang:before { content: "\e601"; }
/********************替换结束*********************/
.icon-qq:hover:before{
    color:#3299dc!important;
}
.icon-weibo:hover:before{
    color: #e12221!important;
}
.icon-weixin:hover:before{
    color: #1fa93a!important;
}
.icon-shang:hover:before{
    color: #96663d!important;
}
.icon-fanhuidingbu:hover:before{
    color: #4f93d0!important;
}
.icon-pinglun:hover:before{
    color:#3299dc!important;
}
/*********************手机端适应***********************/
@media screen and (max-width: 769px){
   .icon-qq,.icon-weibo,.icon-weixin{
        display: none!important;
   }
}

/*文章定位的菜单*/
.article_fixed_menu{
    /*position: fixed;*/
    bottom:0;
    height: 60px;
    background-color: hsla(0,0%,100%,.92);
    width: 760px;
    border-top: 1px solid #d3d7db;
    border-bottom: 1px solid #d3d7db;
    line-height: 40px;
    padding: 10px 0 10px 20px;
    margin-top: 15px;
}
.article_fixed_menu .afm_item{
    height: 40px;
    width: 14%;
    position: relative;
    color: #d3d7db;
    cursor:pointer;
}
.article_fixed_menu .afm_item .afm_icon{
    display: block;
    width: 40px;
    height: 40px;
}
.article_fixed_menu .afm_item .afm_icon:before{
    font-family: "shareFont"!important;
    font-size: 28px;
    transition: all .3s;
}
.article_fixed_menu .afm_item1_active .afm_icon:before,
.afm_item1_active:before{
    color:red!important;
}
.afm_num{
    position: absolute;
    right: 50%;
    bottom: -8px;
    font-size: 14px;
    display: none;
}
.QR_show_box{
    display: none;
    position:absolute;
    width: 200px;
    height: 200px;
    border:1px solid #ddd;
    bottom: 60px;
    right: -66px;
    background-color: #fff;
    text-align: center;
    padding-top:20px;
}
.QR_show_box canvas{

}
.QR_show_box:before,
.QR_show_box:after{
    content: "";
    position: absolute;
    display: block;
    border-width: 15px;
    border-style: solid;
    left: 24px;
}
.QR_show_box:before{
    border-color: #ddd transparent transparent transparent;
    bottom: -30px;
}
.QR_show_box:after{
    border-color: #fff transparent transparent transparent;
    bottom: -28px;
}
.share_box_ul .QR_show_box{
    left: -24px;
    bottom: 46px;
}