.art_left{float: left; width: 140px;border: 1px solid #ccc;border-top: 2px solid #608ce3;text-align: center;}
.art_right{margin-left: 166px;}
.help_side dt{line-height: 40px;height: 40px;background-color: #ebebeb;font-size: 16px;color: #3c3c3c;}
.help_side dd > a{
    display: block;
    line-height: 32px;
    height: 40px;
    border-bottom: 1px solid #ccc;
    padding: 4px 0;
    font-size: 14px;
    color: #444;
}
.help_side dd:last-child > a{border-bottom: none;}
.art_list_ul{
    height: 38px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    background: #fafafa;
}
.art_list_ul > li{display: inline-block;width: 15%;
    border-right: 1px solid #ccc;
    text-align: center;
    font-size: 14px;
    line-height: 38px;
}
.art_list_ul > li.cur > a{color: #608ce3;}
.help_side_cat dt{border-top: 1px solid #608ce3;}

/* 文章列表start */
.news_li{padding: 14px;border-bottom: 1px dashed #cfcfcf;}
.news_li:first-child{padding-top: 0;}
.news_li > a{display: block;}
.news_img{display: inline-block;float: left;}
.news_img_wrapper {display: inline-block;width: 220px;padding-bottom: 60%;background-position: center center;}
.news_li_hasImg{margin-left: 250px;}
.news_title_wrapper{position: relative;line-height: 36px;}
.news_title{line-height: 36px;padding-right: 76px;font-size: 16px;font-weight: bold;}
.news_time{position: absolute;display: inline-block;top: 0px;right: 8px; font-size: 12px;color: #999;}
/* 文章列表end */
.pagebar{margin-top: 12px;text-align: center;}
.pagebar > a{display: inline-block;line-height: 28px;padding: 0 10px;margin: 0 2px;border: 1px solid #cfcfcf;}
.page_now{color: #f76500;}

/* 文章内页start */
.inner_news_title{text-align: center;font-size: 18px;font-weight: bold;padding-bottom: 14px;}
.news_public{text-align: center;font-size: 12px;color: #999;padding-bottom: 18px;}
.art_content{line-height: 1.8;}
/* 文章内页end */

@media screen and (max-width: 768px) {
    .art_left{display: none;}
    .art_right{margin-left: 0;}
    .art_list_ul{display: flex;}
    .art_list_ul > li{flex: 1;}

    .news_img{display: none;}
    .news_li{position: relative;padding: 12px 0 28px;}
    .news_li_hasImg{margin: 0;}
    .news_title{line-height: 22px;margin-bottom: 6px;padding-right: 0;font-size: 14px;}
    .news_title_wrapper{position: initial;}
    .news_time{top: auto;bottom: 3px;left: 0;line-height: 28px;}
}