.article-list li {
    padding: 18px 0;
    border-bottom: 1px solid #E5E5E5;
}

.article-list .left-img {
    max-width: 192px;
    width: 100%;
    margin-right: 16px;
}

.article-list .left-img img {
    width: 100%;
    aspect-ratio: 192/144;
}

.article-list .right-msg {
    flex-grow: 1;
    overflow: hidden;
}

.article-list .right-msg .title {
    margin-bottom: 14px;
}

.article-list .right-msg .title a {
    color: #333333;
    font-weight: 600;
    font-size: 18px;
    word-wrap: break-word;
    word-break: break-all;
}

.article-list .right-msg .description {
    line-height: 28px;
    font-size: 16px;
    margin-bottom: 20px;
    color: #808080;
}

.article-list .right-msg .detail-msg :where(span, a) {
    font-size: 14px;
    color: #676767;
}

.article-list .right-msg .detail-msg .detail {
    color: #FFFFFF;
    padding: 6px 15px;
    background: #BD0000;
    border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -ms-border-radius: 20px 20px 20px 20px;
    -o-border-radius: 20px 20px 20px 20px;
}

.article-list .right-msg .detail-msg .detail:hover {
    opacity: .7;
}

.article-list .right-msg .detail-msg span {
    margin-right: 12px;
}

.container .them-box .newst {
    padding-top: 10px;
}

.content-right .newst li {
    margin-bottom: 10px;
}

.content-right .newst li a {
    display: block;
    max-width: 100%;
    color: #343434;
}

.container .them-box .hot {
    padding-top: 10px;
}

.container .them-box .hot li {
    margin-bottom: 15px;
}

.container .them-box .hot li a {
    font-size: 16px;
}

.container .them-box .hot li a span {
    display: block;
}

.container .them-box .hot li a span:first-child {
    width: 16px;
    line-height: 16px;
    background: #9A9A9A;
    margin-right: 3px;
    font-size: 16px;
    text-align: center;
    color: #fff;
}

.container .them-box .hot li a span:last-child {
    max-width: 90%;
}

.container .them-box .hot li:first-child a span:first-child {
    background: #BD0000;
}

.container .them-box .hot li:nth-child(2) a span:first-child {
    background: #F88808;
}

.container .them-box .hot li:nth-child(3) a span:first-child {
    background: #EED91E;
}

.container .category-box {
    border: 1px solid #CBCBCB;
    margin-top: 18px;
}

.container .category-box .category:not(:last-child) {
    border-bottom: 1px solid #B4B4B4;
}

.container .category-box .category div:first-child {
    max-width: 148px;
    width: 100%;
    padding: 8px 0;
    border-right: 1px solid #CBCBCB;
    background: #F5F5F5;
}

.container .category-box .category div:last-child {
    padding: 0 20px;
}

.container .category-box .category div:last-child a {
    display: block;
    margin-right: 30px;
    padding: 8px 0;
    font-size: 16px;
}

.container .category-box .category:nth-child(2) div:last-child {
    overflow-x: auto;
}

.container .category-box .category:nth-child(2) div:last-child a {
    display: block;
    text-align: center;
    flex-shrink: 0;
}

.container .category-box .category:nth-child(2) div:last-child a img {
    max-width: 50px;
    width: 100%;
}

.container .category-box .category:nth-child(2) div:last-child a span {
    display: block;
    font-size: 14px;
}

.container .product-list li {
    display: block;
    font-size: 14px;
    max-width: 262px;
    width: 100%;
    margin-top: 15px;
    border: 1px solid #CCCCCC;
    margin-bottom: 15px;
}

.container .product-list li:not(:nth-child(4n)) {
    margin-right: 48px;
}

.container .product-list li a img {
    display: block;
    font-size: 14px;
    width: 100%;
    aspect-ratio: 204/152;
}

.container .product-list li .bottom-msg {
    padding: 7px 10px;
}

.container .product-list li .bottom-msg .title {
    font-size: 16px;
    color: #333333;
    margin-bottom: 15px;
}

.container .product-list li .bottom-msg {
    color: #9A9A9A;
}