.banner {
    .title {
        text-shadow: 3px 3px 5px rgba(0,0,0,0.149);
    }
}

.cate {
    width: 345px;
    margin-top: 22px;
    flex: 0 0 auto;
}

.card {
    display: flex;
    max-width: 1055px;
    box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.1608);
    border-radius: 5px 34px 5px 34px;

    img {
        flex: 0 0 auto;
    }

    & > div {
        display: flex;
        flex-direction: column;
        flex: 1;

        .title {
            color: #7E7E7E;
            line-height: 35px;
            margin-left: -14px;
            padding-left: 14px;
            display: inline-block;
            margin-bottom: 27px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: normal;
            max-height: 70px; /* 或者任何你想要的高度 */
            display: -webkit-box;
            -webkit-line-clamp: 2; /* 控制显示的行数 */
            -webkit-box-orient: vertical;
        }

        p {
            color: #7E7E7E;
            display: -webkit-box;
            overflow: hidden;
            word-break: break-word;
            text-overflow: ellipsis;
            -webkit-line-clamp: 10; /* 控制显示的行数 */
            -webkit-box-orient: vertical;
        }

        .read-more {
            margin-top: 30px;
            font-weight: 700;
            color: #17598F;
            line-height: 21px;
            display: inline-block;
        }

        .date {
            font-weight: 700;
            color: #838B9A;
            line-height: 21px;
            text-align: right;
            margin-top: -3px;
            display: inline-block;
        }
    }
}