/* body{
    width: 100%;
    min-height: 100%;
    padding: 0;
    margin: 0;
    background-color: #eee;
}
.share_btn_container{
    width: 500px;
    position: relative;
    
} */

/* 去除基础样式 */
.share_btn .share_channel_item:hover i{
    color: inherit !important;
}
.btn:hover .share_btn .share_channel_item i{
    color: inherit !important;
}

/* loading样式 */
.share_btn_loading{
    padding: 2% 0;
}

/* 基础颜色 */
.shared_QQ, .shared_QQ i{
    color: #5ebeff !important;
}
.shared_weixin, .shared_weixin i{
    color: #09bb07 !important;
}
.shared_weibo, .shared_weibo i{
    color: #fa6400 !important;
}
.shared_qqzone, .shared_qqzone i{
    color: #fab619 !important;
}
.shared_copy, .shared_copy i{
    color: #32BEFF !important;
}
.shared_QRcode, .shared_QRcode i{
    color: #0C5CA8 !important;
}
/* pc隐藏 */
.share_floating_window .share_channel_item.shared_QRcode{
    display: none;
}
/* 移动端底部 */
.shared_xs_box .share_btn {
    display: flex;
    justify-content: center;
    padding: 0;
    box-sizing: border-box;
    height:2.35rem;
}
.shared_xs_box .share_btn  .share_channel_item{
    padding:0.48rem;
    display: flex!important;
    flex-direction: column;
}
.shared_xs_box .share_btn  .share_channel_item i{
    font-size:0.8rem;
    margin-bottom:0.2rem;
}
.shared_xs_box .share_btn  .share_channel_item span{
    font-size:0.22rem;
    line-height: 0.29rem;
    color:#444;
}

.shared_xs_box .share_btn .shared_weixin{
    display: none!important;
}
/* 移动端底部 end */

.share_floating_window_big-{
    overflow: hidden;
    display: flex;
    /* position: absolute; */
    position: relative;
    width: 2.4rem;
    height: 0.48rem;
    background: #fff;
    top: 0.34rem;
    right: 0;
    box-shadow: -0.09rem 0.06rem 0.28rem 0rem rgba(0,0,0,.2);
    /* display: none; */
    justify-content: space-around;
    border-radius: 0.06rem;
    align-items: center;
    padding: 0 0.1rem;
    box-sizing: border-box;
}
.share_floating_window_big .share_channel_item{
    cursor: pointer;
    padding: 0 0.12rem;
    height: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.share_floating_window_big .share_channel_item i{
    font-size: .36rem;
}
.share_floating_window_big .shared_QQ{
    color: #5ebeff;
}
.share_floating_window_big .shared_weixin{
    color: #09bb07;
}
.share_floating_window_big .shared_weibo{
    color: #fa6400;
}
.share_floating_window_big .shared_qqzone{
    color: #fab619;
}
.share_floating_window_big span{
    display: none;
}


.share_floating_window-{
    overflow: hidden;
    width: fit-content;
    /* position: absolute; */
    background: #FFF;
    white-space: nowrap;
    box-shadow: 0 0.03rem 0.05rem 0 rgba(0,0,0,.05);
    border-radius: 0.04rem;
    left: 0.55rem;
    top: -0.12rem;
    padding: 0.05rem;
    display: flex;
}
.share_floating_window .share_channel_item{
    cursor: pointer;
    margin: 0 0.08rem;
    display: inline-flex;
}
.share_floating_window .share_channel_item i{
    font-size: .25rem;
}
.share_floating_window .shared_QQ{
    color: #5ebeff;
}
.share_floating_window .shared_weixin{
    color: #09bb07;
}
.share_floating_window .shared_weibo{
    color: #fa6400;
}
.share_floating_window .shared_qqzone{
    color: #fab619;
}
.share_floating_window span{
    display: none;
}



.share_bottom_of_article-{
    display: flex;
    width: fit-content;
}
.share_bottom_of_article .share_channel_item{
    cursor: pointer;
    margin-right: 0.08rem;
    display: inline-flex;
}
.share_bottom_of_article .share_channel_item i{
    font-size: .3rem;
}
.share_bottom_of_article .shared_QQ{
    color: #5ebeff;
}
.share_bottom_of_article .shared_weixin{
    color: #09bb07;
}
.share_bottom_of_article .shared_weibo{
    color: #fa6400;
}
.share_bottom_of_article .shared_qqzone{
    color: #fab619;
}
.share_bottom_of_article span{
    display: none;
}



.article_bottom_floating .share_channel_item{
    cursor: pointer;
    margin: 0 0.08rem;
    display: inline-flex;
}
.article_bottom_floating .share_channel_item i{
    font-size: .24rem !important;
}
.article_bottom_floating .shared_QQ{
    color: #5ebeff;
}
.article_bottom_floating .shared_weixin{
    color: #09bb07;
}
.article_bottom_floating .shared_weibo{
    color: #fa6400;
}
.article_bottom_floating .shared_qqzone{
    color: #fab619;
}
.article_bottom_floating span{
    display: none;
}



/* 移动端 */
@media (max-width:751px) {
    .share_floating_window_big-{
        width: 3rem;
        height: 0.7rem;
    }
    .share_floating_window_big .share_channel_item i{
        font-size: .5rem;
    }
    
    .share_floating_window .share_channel_item i{
        font-size: .25rem;
    }
    
    .share_bottom_of_article .share_channel_item i{
        font-size: .3rem;
    }

    .share_bottom_of_article_bottom-{
        display: flex;
    }

    .share_bottom_of_article_bottom .share_channel_item {
         display: inline-block;
         width: 25%;
         text-align: center;
    }
    .share_bottom_of_article_bottom .share_channel_item i{
        margin: 0 auto;
        display: block;
        font-size: .83rem;
    }
    .share_bottom_of_article_bottom .share_channel_item span{
        display: block;
        font-size: .24rem;
        color: #444;
        margin-top: 0.25rem;
        margin-bottom: 0.58rem;
    }
    .share_bottom_of_article_bottom .shared_QQ{
        color: #5ebeff;
    }
    .share_bottom_of_article_bottom .shared_weixin{
        color: #09bb07;
    }
    .share_bottom_of_article_bottom .shared_weibo{
        color: #fa6400;
    }
    .share_bottom_of_article_bottom .shared_qqzone{
        color: #fab619;
    }

    .share_bottom_of_article_xs .share_channel_item {
        flex: 1;
        
    }
    .share_bottom_of_article_xs .share_channel_item i{
        
        font-size: 0.83rem;
        
    }
    .share_bottom_of_article_xs .share_channel_item span{
        font-size: .24rem;
        color: #444;
        margin-top: 0.25rem;
        margin-bottom: 0.58rem;
        display: block;
    }
}
/* 分享按钮基础样式 end */
/* 1. share_bottom_of_article_xs 移动端底部弹层分享 */
/* 2. share_bottom_of_article 底部分享 */
/* 3. share_floating_window_big  hover弹层分享放大 */
/* 4. share_floating_window  hover弹层分享 */
/* 5. article_bottom_floating  新闻浮层分享 */