.new-info .new-info__header {
    padding-top: calc(120 * var(--rpx));
    background-color: #EDF2F2;
}

.new-info .new-info__inner-text {
    text-align: center;
    padding: calc(100 * var(--rpx)) 0;
}

.new-info .new-info__inner-text .title {
    font-size: calc(48 * var(--rpx));
    font-weight: 500;
}

.new-info .new-info__inner-text .time {
    font-size: 1.125em;
    margin-top: calc(22 * var(--rpx));
}

.new-info .new-info__main {
    padding-top: calc(100 * var(--rpx));
    padding-bottom: calc(100 * var(--rpx));
}

.new-info .new-info__wrap {
    position: relative;
}

.new-info .new-info__wrap img {
    width: auto !important;
    height: auto !important;
}

.new-info .new-info__wrap p {
    font-size: calc(16em / 12);
}

.new-info .new-info__wrap::after {
    content: '';
    width: 100%;
    height: 1px;
    left: 0;
    bottom: calc(-70 * var(--rpx));
    position: absolute;
    background-color: #cecece;
}

.new-info .new-info__wrap p+p,
.new-info .new-info__wrap img,
.new-info .new-info__wrap img~p {
    margin-top: calc(30 * var(--rpx));
}

.new-info .back-btn {
    color: var(--primary);
    border: 1px solid var(--primary);
    padding: 0 calc(40 * var(--rpx));
    line-height: calc(50 * var(--rpx));
    border-radius: 999px;
    background-color: transparent;
    display: block;
    margin: calc(140 * var(--rpx)) auto 0;
    transition: all .5s linear;
    cursor: pointer;
}
.new-info .back-btn:hover {
    color: #fff;
    background-color: var(--primary-foreground);
}

.layer-new {
    background: linear-gradient(180.00deg, rgba(247, 247, 247, 1), rgba(247, 247, 247, 0) 100%);
    padding-bottom: calc(120 * var(--rpx));
}

.layer-new .layer-main {
    gap: calc(40 * var(--rpx)) calc(60 * var(--rpx));
}

.layer-new .new-wrap .title {
    display: inline;
    display: inline;
    background: linear-gradient(to right, var(--primary-foreground), var(--primary-foreground)) no-repeat right bottom / 0 2px;
    background-size: 0 2px;
    background-repeat: no-repeat;
    transition: background-size .5s linear .3s;
}
.layer-new .new-wrap:hover .title {
    background-size: 100% 2px;
    background-position-x: left;
}

@media screen and (max-width: 1200px) {
    .layer-new .layer-main {
        gap: calc(40 * var(--rpx));
    }
}

@media screen and (max-width: 750px) {
    .layer-new {
        padding-bottom: calc(60 * var(--rpx));
    }
    .new-info .new-info__inner-text {
        padding: calc(40 * var(--rpx)) 0;
    }
    .layer-new .layer-main {
        grid-template-columns: repeat(1, 1fr);
        gap: calc(30 * var(--rpx));
    }
    .new-info .new-info__inner-text .title {
        font-size: calc(32 * var(--rpx));
    }
}