img {
    vertical-align: middle;
}
/* 内容大框 */
#content_section_article{
    /*width: 96.8%;*/
    padding: 10px;
    background: #ffffff;
}

/* 头条 */
.article-content-top{
    display: flex;
    width: 99.9%;
    height: 80px;
    border: 1px solid #e80002;
    overflow: hidden;
}
.article-content-top-left{
    width: 130px;
}
.article-content-top-right{
    width: 80%;
    text-align: center;
}
.article-content-top-right>h1{
    white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
}
.article-content-top-right>h1>a{
    line-height: 80px;
    color:#e80002;
}
/* 面包屑 */
.article-content-center{
    margin-top: 10px;
}
/* 内容部分 */
.article-content-bottom{
    width: 100%;
    /*height: 500px;*/
    margin-top: 10px;
    overflow: hidden;
    /*background: #f3f3f3;*/
}
.article-content-bottom-left,.article-content-bottom-right{
    height: 99.5%;
    background: #f3f3f3;
    border: 1px solid #dbd8d8;
}
/* 文章左部分 */
.article-content-bottom-left{
    width: 25%;

}



.article-nav-top{
    padding: 8px;
    height: 30px;
    border-bottom: 3px solid #0068db;
    display: flex;
    align-items: center;
}

.article-nav-top-span{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.article-nav-top-span>span{
    display: none;
}


.article-nav-top>img{
    width: 18px;
    height: 16px;

}
/*导航下部分*/
.article-nav-bottom{
    width: 94%;
    height: 82.5%;
    padding: 0;
    overflow: auto;
}

.zhedie_li{
    /*height: 35px;*/
    margin: 10px 0;
    line-height: 35px;
    overflow: hidden;
    padding-left: 10px;
    /*background: url("../img/article/list-icon.png") no-repeat;*/
    /*background-position: left center;*/
}
.zhedie_li li{
    margin: 10px 0;
    padding-left: 10px;
    line-height: 35px;
    overflow: hidden;
}
.zhedie_hover{
    width: 100%;
    height: 35px;
}
.zhedie_li a{
    font-size: 16px;
    font-weight: bold;
    color: #333;
    text-align: left;
}

.zhedie_li span{
    font-weight: bold;
    margin-right: 6px;
    float: right;
}
/*.article-nav-bottom li:hover .zhedie_hover{*/
    /*background: #0068db;*/
/*}*/
/*.article-nav-bottom>ul>li:hover img{*/
    /*opacity: 1;*/
/*}*/
.article-nav-bottom>ul>li:hover a{
    color: #0068db;
}
.article-nav-bottom>ul>li:hover span{
    color: #0068db;
}

#article_list>li a{
    font-size:12px ;
}

#article_list>li a span:first-child{
    width: 60%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media  screen and (max-width: 310px){
    #article_list>li a span:first-child{
        width: 90%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    #article_list>li a span:last-child{
        display: none;
    }

    .layui-laypage .layui-laypage-count {
        display: none;
    }
}

/* 文章右部分 */
.article-content-bottom-right{
    width: 73%;

}
.article-top{
    width: 93%;
    padding: 8px;
    height: 30px;
    border-bottom: 3px solid #0068db;
    overflow: hidden;
}
.article-top>.article-top-title{
    line-height: 30px;
    color:#0068db;
    font-size: 18px;
    font-weight: bold;
}
.article-top-img{
    display: none;
    /*margin-top: 10px;*/
}
.article-bottom{
    width: 100%;
    height: 90%;
}
.article-bottom>ul{
    display: block;
    width: 98%;
    height: 86%;
    padding: 10px;
}
.article-bottom>ul>li{
    height: 30px;
    line-height: 30px;
    padding: 5px 10px;
    border-bottom: 1px #333 dashed;
}

/*
文章部分
*/

.article-page{
    text-align: center;
}
.article-page span{
    font-size: 14px;
    color:#9aa4ac;
}

.pull-right {
    /*float: left!important;*/
}


.clear{
    clear: both;
}

/*
详情页
*/
.article-content{
    width: 97%;
    padding: 10px;
    overflow: auto;
}
.article-content>h2{
    text-align: center;
    margin: 10px 0;
}
.article-time{
    width: 100%;
    height: 30px;
    background: #Ffff;
    display: flex;
    align-items: center;
}

.article-time>span{
    color:#999;
}
.article-content>article{
    margin-top: 20px;
}

article img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
/*分页总页数*/
layui-laypage-1 .layui-laypage-count{
    border: 1px solid #e2e2e2;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em{
    background-color: #0068db;
}
.layui-laypage a:hover{
    color:#0068db;
}
/* 鼠标滑过变色 */
.article-bottom>ul>li>a:hover span{
    color:#0068db;
}

/*
侧边导航重写
*/
.layui-nav {
    position: relative;
    width: 100%;
    padding: 0;
    background: #f3f3f3;
    color: #333;
    border-radius: 2px;
    font-size: 0;
    box-sizing: border-box;
}

.layui-nav-itemed>a, .layui-nav-tree .layui-nav-title a, .layui-nav-tree .layui-nav-title a:hover {
    color: #333!important;
    font-size: 16px;
    font-weight: bold;
}

.layui-nav-tree .layui-nav-bar{
    width: 0;
}
.layui-nav-itemed>.layui-nav-child {
    background-color: rgba(0,0,0,0)!important;
}

.layui-nav-tree .layui-nav-child a {
    height: 40px;
    line-height: 40px;
    color: #333;
    font-size: 16px;
}

.layui-nav .layui-nav-mored, .layui-nav-itemed>a .layui-nav-more {
    margin-top: -9px;
    border-style: dashed dashed solid;
    border-color: transparent transparent #333;
}

.layui-nav-tree .layui-nav-child, .layui-nav-tree .layui-nav-child a:hover {
    background: 0 0;
    color:#333;
}

.layui-nav-tree .layui-nav-item a:hover {
    background-color: #F3F3F3;
}

.layui-nav .layui-nav-item a {
    display: block;
    padding: 0 5px;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    transition: all .3s;
    -webkit-transition: all .3s;
}



.layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a {
    color: #0068db;
}

.layui-nav .layui-nav-more {
    border-top-color: rgba(0,0,0,.7);
}

.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover{
    background: #0068db;
    color:#fff
}

/*
文章详情页底部按钮
*/
.article-button{
    margin: 50px 0;
    text-align: center;
}
/*办事*/
.lt1200{
    display: none;
}