.article-content .list-sub-container:after { content: ''; display: block; clear: both; }
.article-content .list-sub-container {
	margin: 10px 0 0;
    background-color: #f5f5f5;
    border: 1px solid var(--color-line);
}
.article-content .list-sub-container ul li {
    float: left; width: calc(100% / 6 - 1px);
    border-right: 1px solid var(--color-line);
}

.article-content .list-sub-container ul li:last-child {
    width: calc(100% / 6); border-right: none;
}

.article-content .list-sub-container ul li a {
    display: block; position: relative; padding: 20px 0;
    font-size: 14px; text-align: center;
}
.article-content .list-sub-container ul li a:hover {
    background-color: #fff;
}
.article-content .list-sub-container ul li a.active {
    
}

.article-content .list-sub-container ul li a .hbox {
    display: none; position: absolute; top: -1px; left: -1px;
    width: 100%; height: 100%; z-index: 0;
}

.article-content .list-sub-container ul li a.active { background-color: #1ba9de; color: #fff; }
.article-content .list-sub-container ul li a.active .hbox {
    display: block; border: 1px solid #1787b0;
}