.content {
    margin-top: 161px;
    padding: 20px 0;
    flex: 1;
}

.content-left {
    width: 21%;
}

.list-head {
    padding: 15px;
    text-align: center;
    font-size: 20px;
    background: #199670;
    color: #fff;
    margin-bottom: 10px;
}

.list-body {
    border: 1px solid #ccc;
border-bottom:0;
}

.list-body a {
    color: #0a6843;
    font-size: 14px;
    display: block;
    height: 44px;
    line-height: 44px;
    border-bottom: 0;
}

.list-ul-li>a {
    background: #fff;
    padding-left: 16px;
}

.list-ol a {
    background: #fff;
    padding-left: 30px;
}

.content-right {
    width: 77%;
}

.breadcrumb {
    background: #f5f5f5;
    font-size: 14px;
    color: #333;
    padding: 8px 15px;
    margin-bottom: 20px;
    line-height: normal;
}

.breadcrumb a:after{
    color: #777;
    content: "/\00a0";
    padding: 0 7px;
}
.breadcrumb a:last-of-type:after{
    display:none;
}

.breadcrumb a {
    font-size: 14px;
    color: #777;
    position:relative;
}

.breadcrumb i {
    color: #dd723e;
    margin-right: 10px;
}

.breadcrumb .possplit{
    display:none;
}



.wp_article_list .list_item {
    padding: 6px 0 6px 40px;
    position: relative;
    height:auto!important;
    line-height:normal!important;
    display:flex;
    justify-content:space-between;
}

.wp_article_list .list_item::after {
    font: normal normal normal 12px/1 LineAwesome;
    content: "\f112";
    color: #0a6843;
    display: block;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
}



.wp_article_list .Article_Title{
        max-width: calc(100% - 78px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wp_article_list .list_item a {
    font-size: 16px;
    color: #444;

}

.wp_article_list .list_item a:hover {
    color: #0a6843;
}

.wp_article_list .list_item .Article_PublishDate{
    font-size: 12px;
    color: #333;
    display: inline-block;
    min-width: 78px;
}

.wicket-end {
    margin: 10px 0;
    text-align: right;
    color: #333;
}

.wicket-end a {
    color: #333;
}

.wicket-end a:hover {
    color: #0a6843
}

@media screen and (max-width:1023px) {
    .content-body {
        flex-wrap: wrap;
    }

    .content-body>div {
        width: 100%;
    }

    .content-left {
        margin-bottom: 20px;
    }

    .content {
        margin-top: 87px;
    }
}

@media screen and (max-width: 400px) {
    .content {
        margin-top: 60px;
    }
}