.news-content-box {
    display: flex;
    margin: 0 360rem;
    margin-top: -68rem;
    margin-bottom: 85rem;
}

.news-content-html {
    flex: 1;
    background-color: #FFFFFF;
    padding: 35rem 33rem;
}

.news-content-html .content-title-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.news-content-html .content-title-box .content-title{
    text-align: center;
    width: 100%;
}

.news-content-html .content-title-box .content-provide-date{
    display: flex;
    align-items: center;
    font-size: 18rem;
    color: #6E6F71;
    margin-top: 18rem;

    flex-wrap: wrap;
    justify-content: center;

    line-height: 38rem;
}

.news-content-html .content-title-box .content-provide-date .send-date{
    margin-left: 20rem;
}

.news-content-html .content-title-box .content-provide-date .look-count{
    margin-left: 20rem;
}



.news-content-html .content-title-box .content-title {
    font-size: 22rem;
    font-family: PingFang SC;
    font-weight: 600;
    color: #000000;
}

.news-content-html .content-html{
    margin-top: 44rem;
}

.new-news-box {
    height: 100%;
    width: 370rem;
    margin-left: 25rem;
    background-color: #FFFFFF;
    border: 0.5px solid #E5E5E5;
}

.new-news-box .new-news-box-title {
    background: #F2F1F1;
    font-size: 24rem;
    font-family: Source Han Serif SC;
    font-weight: bold;
    color: #000000;
    line-height: 48rem;
    padding-left: 15rem;
    box-sizing: border-box;
}

.new-news-box .new-news-item {
    display: flex;
    align-items: center;
    margin-top: 18rem;
    padding: 0 14rem 17rem 15rem;
    border-bottom: 1px solid #EEEEEE;
    cursor: pointer;
}

.new-news-box .new-news-item .new-news-date {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 70rem;
    height: 70rem;
    border: 1px solid #E5E5E5;
}

.new-news-box .new-news-item .new-news-date .date {
    font-size: 24rem;
    font-family: DIN Alternate;
    font-weight: bold;
    color: #D60010;
    line-height: 26rem;
}

.new-news-box .new-news-item .new-news-date .year-month {
    font-size: 15rem;
    font-family: PingFang SC;
    font-weight: 600;
    color: #000000;
    line-height: 26rem;
}

.new-news-box .new-news-item .new-news-title {
    flex: 1;
    font-size: 16rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #000000;
    line-height: 26rem;
    margin-left: 14rem;

    display: -webkit-box; /* 使用了flex，需要加 */
    overflow: hidden; /* 超出隐藏 */
    word-break: break-all; /* 纯英文、数字、中文 */
    text-overflow: ellipsis; /* 省略号 */
    -webkit-box-orient: vertical; /* 垂直 */
    -webkit-line-clamp: 2; /* 显示4行 */
    white-space: pre-line; /* 合并空白符序列，但是保留换行符。(如果要使用这个垂直和显示几行的代码也要写)；  后来查资料发现应该是我的元素脱离文档流然后定义宽度无效  换行符失效导致的 */
}