.left-border-title-container {
    background-color: #ffffff;
}

.left-border-title-container .title-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-left: 5px solid var(--global-primary-color);
    padding: 10px;
    box-sizing: border-box;
    background-color: #f0f0f0;
}

.left-border-title-container .title-box .title {
    font-size: 1.1rem;
    font-weight: bold;
}

.left-border-title-container .title-box .more {
    font-size: 0.8rem;
    color: #999999;
    cursor: pointer;
}

.left-border-title-container .title-box .more::after {
    content: " >";
}

.left-border-title-container .content-box {
    padding: 10px;
    height: 262px;
}

.news-tabs {
    width: 100%;
}

.news-tabs .layui-tabs-header li {
    width: 25%;
}


.project-tabs .layui-tabs-header li {
    width: 16%;
    min-width: 200px;
}

.news-tabs .layui-tabs-header .layui-this, .layui-tabs-header li:hover,
.project-tabs .layui-tabs-header .layui-this, .layui-tabs-header li:hover {
    color: #333333 !important;
}

.news-tabs .layui-tabs-header .layui-this,
.project-tabs .layui-tabs-header .layui-this {
    background-color: var(--global-primary-light-color);
}

.news-tabs .layui-tabs-header li {
    font-size: 1rem;
    font-weight: bold;
}

.news-tabs .layui-tabs-header .layui-this:after,
.project-tabs .layui-tabs-header .layui-this:after {
    border: none;
}

.news-tabs .layui-tabs-body {
    padding: 10px;
}


.news-tabs .layui-tabs-bar i {
    background-color: #f0f0f0;
}

.news-tabs .layui-tabs-body .news-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 18px 0;
}

.news-tabs .layui-tabs-body .news-list .title {
    flex: 1;
}

.news-tabs .layui-tabs-body .news-list .time {
    width: 92px;
    text-align: center;
    font-size: 0.9rem;
    color: #999999;
}

.news-tabs .layui-tabs-body .news-list .time::before, .information-content .list .information-list .time::before {
    content: "[ ";
    color: #999999;
}

.news-tabs .layui-tabs-body .news-list .time::after, .information-content .list .information-list .time::after {
    content: " ]";
    color: #999999;
}


.news-tabs .layui-tabs-body .layui-tabs-item {
    height: 245px;
    overflow-y: auto;
}