.toolbar{display: none;}

.interactive_info{

    width: 60px;
    height: 190px;
    position:fixed;
    top:230px;
    margin-left: -60px;
    z-index: 1;

}
.interactive_info .like_bt{
    width: 40px;height: 40px;border-radius: 20px;border: 1px solid #eee;text-align: center;line-height: 40px;
    box-shadow: 1px 6px 6px #ccc;
    margin-top: 5px;
    margin-bottom: 25px;
}
.interactive_info .interactive_num{
    width: 60px;height: 20px;border:0px solid #ddd;text-align: center;margin-left: -10px;color: #999;
}


.share_qrcode{
    width: 150px;height: 150px;border-radius: 10px;padding: 30px;background: #ffffff;
    position: absolute;left: 60px;top: 120px;
    z-index: 9999;
    box-shadow: -3px 4px 27px #a4a3a3;display: none;
}

.share_qrcode:before{

    content: "";
    position: absolute;
    right: 100%;
    top: 72px;
    border-top: 8px solid transparent;
    border-right: 12px solid #ffffff;
    border-bottom: 8px solid transparent;


}



.share_qrcode canvas{width: 150px;height: 150px;}

/*濯掍綋鏌ヨ*/
/*褰撻〉闈㈠ぇ浜�1200px 鏃讹紝澶у睆骞曪紝涓昏鏄疨C 绔�*/
@media (min-width: 1160px) {
    .mobile_header{display: none;}
    .top-bar-head{display: block;}
    .top-bar-full-nav{display: block;}
    .bottom-bar{display: block;}


    .article_main{width: 1160px;height:auto;margin:0 auto;margin-top: 15px;position: relative;margin-bottom: 30px;}
    .article_box{width: 770px;height: auto;float: left;border:1px solid #eee;background: #fff;border-radius: 10px;padding: 28px;margin-top:10px;}
    .article_right{width:305px;height:auto;float: right;border: 0px solid #eee;display: block;}



    .article_box .article_channel{width: 750px;height: 45px;border: 0px solid #eee;border-left: 0;border-right: 0;border-bottom:1px dotted #ddd;background: #fff;}
    .article_box .article_channel .channel_top_line{width: 720px;height:3px;}
    .article_box .article_channel .channel_top_line .cn_t_l{width: 720px;height: 3px;border-top:0px solid #666;float: left}
    .article_box .article_channel .channel_top_line .cn_t_r{width: 0px;height: 3px;border-top:0px solid #eee;float: right}
    .article_box .article_channel .article_channel_info{width: 720px;height:35px;line-height: 35px;margin: 0 auto;font-size: 13px;font-family: "Microsoft Yahei";color: #999999;}
    .article_box .article_channel .article_channel_info a{font-size: 13px;font-family: "Microsoft Yahei";line-height: 35px;color: #999999;}


    .article_box .article_title{width: 740px;height: auto;margin:0 auto;margin-top: 35px;padding-bottom: 10px;}
    .article_box .article_title h1{width:100%;height:auto;color: #333333;
        font-family: "Microsoft Yahei";
        font-size: 30px;
        line-height: 40px;
        font-weight: bold;
    }

    .article_box .article_intro{width: 720px;height:auto;color: #666;
        font-family: "Microsoft Yahei";
        margin:0 auto;
        font-size: 14px;
        line-height: 26px;
        border: 0px dashed #eee;
        padding: 15px;
        background: #f6f6f6;
        margin-top: 20px;
        border-radius: 10px;
    }

    .article_box .article_info{width: 740px;height: 30px;color: #999;
        margin:0 auto;
        font-family: "Microsoft Yahei";
        font-size: 12px;
        line-height: 26px;
        border-bottom: 1px dashed #ddd;margin-top: 5px;
    }
    .article_box .article_info .article_c_info{float: left;width:500px;height:30px;line-height: 26px;border: 0px solid #ddd;}
    .article_box .article_info .article_click{float: right;height: 30px;width: 100px;line-height: 26px;text-align: right;}


    .article_box .article_content{width: 750px;height:auto;color: #333333;
        margin:0 auto;
        font-family: "Microsoft Yahei";
        font-size: 15px;
        text-align: justify;
        line-height: 35px;
        word-wrap: break-word;
        margin-top: 50px;
        min-height: 600px;
        padding-bottom: 50px;
        word-break:break-all;
        word-wrap: break-word;
        word-break: normal;
        line-height: 1.8;
    }

    .article_box .article_content p{margin-top: 15px;word-break:break-all; }
    .article_box .article_content img{mix-width:600px;max-width: 680px;margin: 10px;}

}
/*鍦�992 鍜�1199 鍍忕礌涔嬮棿鐨勫睆骞曢噷锛屼腑绛夊睆骞曪紝鍒嗚鲸鐜囦綆鐨凱C*/
@media (min-width: 300px) and (max-width: 1159px) {

    .mobile_header{display: block;height: auto;width: 100%;}
    .top-bar-head{display: none;}
    .top-bar-full-nav{display: none;}
    .bottom-bar{display: none;}
    .interactive_info{display: none;}
    .article_main{width: 96%;height:auto;margin:0 auto;margin-top: 15px;position: relative;margin-bottom: 30px;}
    .article_box{width: calc(100% - 20px);height: auto;border:1px solid #eee;background: #fff;border-radius: 10px;padding: 10px;margin-top:10px;}
    .article_right{width:100%;height:auto;border: 0px solid #eee;display: none;}



    .article_box .article_channel{width: 96%;height: 45px;border: 0px solid #eee;border-left: 0;border-right: 0;border-bottom:1px dotted #ddd;background: #fff;}
    .article_box .article_channel .channel_top_line{width:96%;height:3px;}
    .article_box .article_channel .channel_top_line .cn_t_l{width: 96%;height: 3px;border-top:0px solid #666;float: left}
    .article_box .article_channel .channel_top_line .cn_t_r{width: 0px;height: 3px;border-top:0px solid #eee;float: right}
    .article_box .article_channel .article_channel_info{width: 96%;height:35px;line-height: 35px;margin: 0 auto;font-size: 13px;font-family: "Microsoft Yahei";color: #999999;}
    .article_box .article_channel .article_channel_info a{font-size: 13px;font-family: "Microsoft Yahei";line-height: 35px;color: #999999;}


    .article_box .article_title{width: 96%;height: auto;margin:0 auto;margin-top: 35px;padding-bottom: 10px;}
    .article_box .article_title h1{width:100%;height:auto;color: #333333;
        font-family: "Microsoft Yahei";
        font-size: 30px;
        line-height: 40px;
        font-weight: bold;
    }

    .article_box .article_intro{width: calc(96% - 30px);height:auto;color: #666;
        font-family: "Microsoft Yahei";
        margin:0 auto;
        font-size: 14px;
        line-height: 26px;
        border: 0px dashed #eee;
        padding: 15px;
        background: #f6f6f6;
        margin-top: 20px;
        border-radius: 10px;
    }

    .article_box .article_info{width: 96%;height: 30px;color: #999;
        margin:0 auto;
        font-family: "Microsoft Yahei";
        font-size: 12px;
        line-height: 26px;
        border-bottom: 1px dashed #ddd;margin-top: 5px;
    }
    .article_box .article_info .article_c_info{float: left;width:500px;height:30px;line-height: 26px;border: 0px solid #ddd;}
    .article_box .article_info .article_click{float: right;height: 30px;width: 100px;line-height: 26px;text-align: right;}


    .article_box .article_content{width: 96%;height:auto;color: #333333;
        margin:0 auto;
        font-family: "Microsoft Yahei";
        font-size: 15px;
        text-align: justify;
        line-height: 35px;
        word-wrap: break-word;
        margin-top: 50px;
        min-height: 600px;
        padding-bottom: 50px;
        word-break:break-all;
        word-wrap: break-word;
        word-break: normal;
        line-height: 1.8;
    }

    .article_box .article_content p{margin-top: 15px;word-break:break-all; }
    .article_box .article_content img{width: calc(100% - 20px);margin: 10px;}
    .blog_tags  li{margin-top: 10px;}


}




.article_box .blog_tags{width: 100%;height: 80px;margin: 0 auto;}
.article_box .blog_tags ul{width: 100%;height: 30px;}
.article_box .blog_tags ul li {height: 25px;float: left;margin-left: 10px;background: #00965e1a;color: #00965e;padding-left: 10px;padding-right: 10px;border-radius: 5px;line-height: 23px;}
.article_box .blog_tags ul li a{color: #00965e;}

.article_box .article_cmnt{width: 700px;height:auto;border: 0px solid #ddd;padding-bottom: 20px;}
.article_box .article_cmnt .cmnt_title{width: 700px;height: 40px;font-size: 20px;color: #d00;}
.article_box .article_cmnt .cmnt_text{width: 690px;height:70px;border: 1px solid #ddd;border-radius: 5px;padding: 5px;}
.article_box .article_cmnt .cmnt_text textarea{width: 670px;height: 55px;border: 0px solid #ddd;padding: 10px;line-height: 20px;color: #999;margin: 0 auto;}
.article_box .article_cmnt .cmnt_cmt{width: 700px;height: 50px;margin-top: 6px;}
.article_box .article_cmnt .cmnt_cmt .cmnt_login_box{width: 300px;height: 30px;float:left;margin-top: 6px;}
.article_box .article_cmnt .cmnt_cmt .cmnt_login_box a{font-size: 14px;color: #666;}
.article_box .article_cmnt .cmnt_cmt .cmnt_login_box img{width: 22px;height: 22px;border-radius: 10px;border: 1px solid #ddd;padding: 2px;background: #f0f0f0;}
.article_box .article_cmnt .cmnt_cmt .post_cmnt{width: 100px;height: 30px;float:right;margin-top: 6px;}


.article_box .article_cmnt .cmnt_cmt .post_cmnt input{width: 100px;height: 30px;background: #c00;border: 0;color: #fff;text-align: center;border-radius: 5px;}

.article_box .article_cmnt .cmnt_list{width: 700px;height:auto;border-top: 1px solid #ddd;padding-bottom: 10px;margin-top: 15px;}
.article_box .article_cmnt .cmnt_list ul{width: 700px;height:auto;}
.article_box .article_cmnt .cmnt_list li{width: 700px;height:auto;margin-top: 15px;border-bottom: 1px dashed #eee;padding-bottom: 10px;}
.article_box .article_cmnt .cmnt_list li .user_face{width: 50px;height:50px;float:left;background: url(https://tva1.sinaimg.cn/default/images/default_avatar_male_50.gif);border-radius: 20px;margin-top: 1px;}
.article_box .article_cmnt .cmnt_list li .cmnt_info{width: 630px;height:auto;min-height:60px;float: right;border: 0px solid #ddd;}
.article_box .article_cmnt .cmnt_list li .cmnt_creat_info{width: 630px;height:30px;border: 0px solid #ddd;color: #999;line-height: 25px;}
.article_box .article_cmnt .cmnt_list li .cmnt_content{width: 600px;height:auto;line-height:25px;border: 0px solid #ddd;color: #666;}

.article_recommend{width: 96%;height: auto;margin: 0 auto;}

.article_recommend .list_top {
    width: 100%;height: 30px;border-bottom: 1px solid #ddd;
    font-size: 18px;font-weight: bold;
    font-family: Microsoft YaHei, 鐎甸偊鍠涢拏瀣⒖閸涘鎷�, Verdana, sans-serif, 閻庣懓顑勭紞锟�;
    line-height: 20px;
}

.article_recommend .ListItems ul{width: 100%;height:auto;}
.article_recommend .ListItems ul li{width: 100%;height: auto;border-bottom: 1px #ddd dashed;padding-bottom: 15px;}


.article_recommend .ListItems ul li .NewTitle{width: 100%;height:30px;margin: 0 auto;margin-top: 15px;padding-top: 6px;overflow: hidden;}
.article_recommend .ListItems ul li .NewTitle .cat {
    color: #fff;
    background-color: #a4a4a4;
    padding: 1px 6px;
    font-size: 11px;
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right: 10px;
    border-radius: 3px;
}
.article_recommend .ListItems ul li .NewTitle .cat  i {
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: -4px;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-left: 4px solid #a4a4a4;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}
.article_recommend .ListItems ul li .NewTitle h2 {
    display: inline;
    font-size: 18px;
    line-height: 26px;
    margin-top: 0;
    font-weight: bold;
}
.article_recommend .ListItems ul li .NewTitle h2 a {
    color: #555; font-size: 20px;font-weight: bold;font-family:寰蒋闆呴粦, Arial;
}

.article_recommend .ListItems ul li .NewsInfo{width: 100%;height:auto;margin: 0 auto;margin-top: 2px;padding-top:8px;padding-bottom:2px;font-size: 12px;color: #999;word-wrap: break-word;line-height: 20px;}

.article_recommend .ListItems ul li .NewsInfo .NewsImg{width: 120px;height:70px;float: left;border:1px solid #ddd;}
.article_recommend .ListItems ul li .NewsInfo .NewsDesc{width: 100%;height:auto;float: left;font-size: 14px;line-height: 25px;color: #888;max-height: 70px;overflow: hidden;}

.article_recommend .ListItems ul li .NewsExt{width: 100%;height:20px;margin: 0 auto;margin-top: 2px;font-size: 12px;color: #999;
    word-wrap: break-word;line-height: 20px;text-align: left;color: #d2d2d2;
}







.article_right .profile{width:305px;height:auto;border:0px solid #ddd;overflow:hidden;margin-top:10px;background: #ffffff;border-radius: 10px;padding-bottom: 30px;}

.article_right .profile .author{width:280px;height:auto;margin: 0 auto;margin-top: 20px;border:0px solid #f00000;}
.article_right .profile .author .author-avatar{width:90px;height:90px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 45px;
    border: 1px solid  #eee;
    box-shadow: 1px 6px 6px #ccc;

}
.article_right .profile .author .author-avatar img {
    display: block;
    width: 100%;
    height: 100%;
}

.article_right .profile .author .author-name{
    margin: 0 auto;
    width:280px;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    color: #333333;
    vertical-align: middle;
    font-size: 20px;
    font-family: Arial,Helvetica,"Hiragino Sans GB","SimSun","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
    overflow: hidden;
    margin-top: 15px;
    border:0px solid #4da4df;
    text-align: center;
}

.article_right .profile .author .author-intro{
    width:280px;
    line-height: 22px;
    color: #999;
    vertical-align: middle;
    font-size: 13px;
    font-family: Arial,Helvetica,"Hiragino Sans GB","SimSun","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
    margin-top: 8px;
    text-align: center;
    overflow: hidden;
}

.article_right .profile .author .author-ext-info{
    width:280px;
    line-height: 22px;
    color: #666666;
    vertical-align: middle;
    font-size: 15px;
    font-weight: bold;
    font-family: Arial,Helvetica,"Hiragino Sans GB","SimSun","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
    margin-top: 10px;
    text-align: center;
}

.article_right .profile .author .author-bt {
    width:225px;
    margin: 0 auto;
    height: 32px;margin-top: 20px;

}

.article_right .profile .author .author-bt a{color: #fff;}
.skins-btn {
    display: block;
    margin: 0 auto;
    width: 220px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #ef6d53;
    border: 1px solid #ef6d53;
    vertical-align: top;
    cursor: pointer;
    border-radius: 3px;
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 20px;
}



.article_right .tags{width:320px;height:auto;border:0px solid #ddd;overflow:hidden;margin-top:5px;}
.article_right .tags .tags_top{padding-left:0px;width:365px;background:#fff;height:35px;border-bottom:4px solid #ddd;font-size:20px;font-family:  'Microsoft YaHei', SimHei ,SimSun, 'Arial Narrow';font-weight:bold;color:#d00;}

.article_right .tags ul{width:320px;height:auto;overflow:hidden;margin-top: 8px;}
.article_right .tags li{width:104%;height:25px;margin-top:4px;}
.article_right .tags li .item{width:auto;height:25px;float:left;background:#C53827;margin-right:1%;text-align:center;}
.article_right .tags li .item a{color:#fff;font-size:10pt;font-family:寰蒋闆呴粦;}

.article_right .rank{width: 305px;height: auto;border: 1px solid #eee;border-top:0px;background: #ffffff;margin-top: 25px;border-radius: 10px;padding-bottom: 30px;border-radius: 10px;overflow: hidden;}
.article_right .rank .rank_top_line{width: 305px;height:1px;}
.article_right .rank .rank_top_line .rank_t_l{width: 100px;height: 4px;border-top:6px solid #ed6149;float: left}
.article_right .rank .rank_top_line .rank_t_r{width: 205px;height: 4px;border-top:6px solid #ddd;float: right}
.article_right .rank .rank_top {width: 270px;height: 35px;margin: 0 auto;font-size: 18px;color:#7f988d;margin-top: 15px;}
.article_right .rank .rank_box {width: 295px;height: auto;margin: 0 auto;}
.article_right .rank .rank_box ul {width: 270px;height: auto;margin: 0 auto;margin-top: 5px;}
.article_right .rank .rank_box li {width: 270px;height: 34px;margin: 0 auto;line-height: 34px;border-bottom: 1px dotted #CCC;overflow: hidden;}
.article_right .rank .rank_box li a{font-size: 15px;font-family: "Microsoft Yahei";display: block;float: right;width: 244px;}
.article_right .rank .rank_box li b{float: left;background: #ff7d7d;width: 16px;height: 20px;line-height: 20px;text-align: center;margin-top: 8px;color: #fff;font-weight: 100;font-size: 12px;}
.article_right .rank .rank_box li .black{background: #666;}

.article_right .tools{width: 305px;height: auto;border: 1px solid #eee;border-top:0px;background: #ffffff;margin-top: 25px;border-radius: 10px;padding-bottom: 30px;}
.article_right .tools .tools_top {width: 270px;height: 35px;margin: 0 auto;font-size: 16px;color:#7f988d;line-height: 40px;padding-top: 5px;}
.article_right .tools .tools_box {width: 280px;height: auto;margin: 0 auto;}
.article_right .tools .tools_box ul {width: 280px;height: auto;margin: 0 auto;margin-top: 5px;}
.article_right .tools .tools_box li {
    width:auto;height: 20px;line-height: 18px;border: 1px solid #d1ded9;float: left;margin-top: 8px;
    padding-left: 5px;padding-right:5px;margin-left: 5px;margin-right: 5px;
    background: #aab7b2;border-radius:5px;background: #00965e1a;color: #00965e;
}
.article_right .tools .tools_box li a{font-size: 13px;font-family: "Microsoft Yahei";color: #fff;color: #00965e;}