.news-article {
    position: relative;
    background: #f2f6fb;
    padding: 0 0 calc(72 * var(--rpx));
}

.news-article > .crumb {
    position: absolute;
    top: calc(14 * var(--rpx));
    right: var(--wrapper-margin);
    z-index: 2;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    gap: calc(8 * var(--rpx));
    font-size: calc(14 * var(--fpx));
    color: var(--text);
}

.news-article > .crumb .is-current {
    max-width: calc(420 * var(--rpx));
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--brand);
}

.news-article-head {
    padding: calc(48 * var(--rpx)) 0 calc(40 * var(--rpx));
    border-bottom: calc(1 * var(--rpx)) solid rgba(0, 0, 0, 0.15);
}

.news-article-main {
    padding-top: calc(48 * var(--rpx));
}

.news-article-inner {
    max-width: calc(1280 * var(--rpx));
    margin: 0 auto;
}

.news-article-head .tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: calc(125 * var(--rpx));
    height: calc(40 * var(--rpx));
    padding: 0 calc(20 * var(--rpx));
    border-radius: calc(300 * var(--rpx));
    background: var(--brand);
    color: #fff;
    font-size: calc(18 * var(--fpx));
    font-weight: 500;
}

.news-article-head .date {
    display: inline-flex;
    align-items: center;
    gap: calc(12 * var(--rpx));
    margin-top: calc(24 * var(--rpx));
    color: #252525;
    font-size: calc(18 * var(--fpx));
    font-weight: 300;
    line-height: calc(20 * var(--rpx));
}

.news-article-head .date::before {
    content: "";
    width: calc(18 * var(--rpx));
    height: calc(20 * var(--rpx));
    background: url("../images/news/icon_date.svg?v=1.0") no-repeat center / contain;
}

.news-article-title {
    margin-top: calc(28 * var(--rpx));
    font-size: calc(58 * var(--fpx-50));
    font-weight: 400;
    line-height: calc(68 * var(--rpx));
    color: #000;
}

.news-article-body {
    margin-top: calc(36 * var(--rpx));
    font-size: calc(18 * var(--fpx));
    font-weight: 300;
    line-height: calc(30 * var(--rpx));
    color: #2c2c2c;
    text-align: justify;
}

.news-article-body p + p {
    margin-top: calc(30 * var(--rpx));
}

.news-article-pic {
    width: calc(800 * var(--rpx));
    height: calc(450 * var(--rpx));
    margin: calc(48 * var(--rpx)) auto 0;
    overflow: hidden;
}

.news-article-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.news-article-pager {
    position: relative;
    display: flex;
    align-items: stretch;
    margin-top: calc(88 * var(--rpx));
    border-top: calc(1 * var(--rpx)) solid rgba(0, 0, 0, 0.15);
}

.news-article-pager::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: calc(1 * var(--rpx));
    background: rgba(0, 0, 0, 0.15);
    transform: translateX(-50%);
}

.news-article-pager a {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 50%;
    gap: calc(16 * var(--rpx));
    color: var(--text-2);
    font-size: calc(18 * var(--fpx));
    line-height: calc(30 * var(--rpx));
}

.pager-prev {
    padding: calc(40 * var(--rpx)) calc(146 * var(--rpx)) calc(40 * var(--rpx)) 0;
}

.pager-next {
    padding: calc(40 * var(--rpx)) 0 calc(40 * var(--rpx)) calc(146 * var(--rpx));
    text-align: right;
    justify-content: flex-end;
}

.news-article-pager a span {
    flex: 1;
    min-width: 0;
}

.news-article-pager a em {
    display: block;
    font-style: normal;
}

.pager-prev .ico,
.pager-next .ico {
    width: calc(21 * var(--rpx));
    height: calc(40 * var(--rpx));
    flex-shrink: 0;
    background: no-repeat center / contain;
}

.pager-prev .ico {
    background-image: url("../images/news/icon_prev_news.svg?v=1.0");
}

.pager-next .ico {
    background-image: url("../images/news/icon_next_news.svg?v=1.0");
}

.back-news {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(14 * var(--rpx));
    margin: calc(40 * var(--rpx)) auto 0;
    color: var(--text-2);
    font-size: calc(18 * var(--fpx));
    font-weight: 500;
    line-height: calc(30 * var(--rpx));
}

.back-news .ico {
    width: calc(35 * var(--rpx));
    height: calc(35 * var(--rpx));
    border-radius: 50%;
    background: var(--brand) url("../images/news/icon_arr_left.svg?v=1.0") no-repeat center / calc(11 * var(--rpx)) calc(11 * var(--rpx));
}

.news-related {
    background: #fff;
    padding: calc(72 * var(--rpx)) 0 calc(120 * var(--rpx));
}

.news-related-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(24 * var(--rpx));
}

.news-related-title {
    font-size: calc(48 * var(--fpx-50));
    font-weight: 700;
    line-height: calc(72 * var(--rpx));
    color: #000;
}

.news-related-head .btn-more {
    width: calc(160 * var(--rpx));
    height: calc(50 * var(--rpx));
    justify-content: center;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: calc(5 * var(--rpx));
}

.news-related .news-list {
    margin-top: calc(40 * var(--rpx));
}

.news-related .more-arr {
    width: calc(12 * var(--rpx));
    height: calc(10 * var(--rpx));
    border: 0;
    border-radius: 0;
    background-size: contain;
}