/* 新闻整体容器 */
.news-container {
    width: 1200px;
    margin: 0 auto; /* 居中显示 */
    padding-bottom: 60px; /* 底部留白 */
}

/*新闻列表单项 */
.news-item {
    width: 1200px;
    height: 225px;
    display: flex;
    margin-bottom: 64px; /* 每条数据直接下间隔64px */
    background-color: #fff; /* 可选：背景色 */
    /* 如果需要边框或阴影可在此添加 */
    cursor: pointer;
}

.news-item:last-child {
    margin-bottom: 0; /* 最后一项不需要底部间距，或者保留看设计需求，通常分页后每页最后一条也需要间距 */
}

/* 左侧图片区域 */
.news-img-wrapper {
    width: 400px;
    height: 225px;
    flex-shrink: 0; /* 防止图片被压缩 */
    overflow: hidden;
}

.news-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 保持图片比例填充 */
    display: block;
}

/* 右侧文字区域 */
.news-content {
    flex: 1; /* 占据剩余空间 */
    height: 225px;
    padding: 24px; /* 文字部分padding:24px */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* 上下分布：上部分来源标题，下部分日期 */
    margin-left: 80px; /* 图片和文字之间间隔80px */
}

/* 上部分：来源和标题 */
.news-header {
    display: flex;
    flex-direction: column;
    gap: 12px; /* 来源和标题之间的间距，可根据需要调整 */
}

.news-source {
    font-size: 16px;
    color: rgba(84, 200, 232, 1); /* 示例颜色 */
    margin-right: 6px;
}

.news-title {
    font-weight: 500;
    font-size: 16px;
    color: rgba(31, 31, 31, 1);
    text-align: left;
    font-style: normal;
    text-transform: none;
}

/* 下部分：日期贴底 */
.news-date {
    font-size: 14px;
    color: #666;
    align-self: flex-start; /* 左对齐 */
}

/* 分页样式 */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-top: 64px;
}

.page-btn {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 12px;
    color: #6C6D6D;;
    transition: all 0.3s;
}

.page-btn:hover {/
    color: #ff6b00;
}

.page-btn.active {
    background-color: rgba(84, 200, 232, 0.06);
    color: #54C8E8;
}

.page-btn.disabled {
    cursor: not-allowed;
    color: #ccc;
    border-color: #eee;
}
.prevBtn{
    width: 32px;
    height: 32px;
    background: url("https://simlove-sdk.oss-cn-shenzhen.aliyuncs.com/img/jianai-website/arrow-left-mini.png") no-repeat center;
    background-size: cover;
}
.nextBtn{
    width: 32px;
    height: 32px;
    background: url("https://simlove-sdk.oss-cn-shenzhen.aliyuncs.com/img/jianai-website/arrow-right-mini.png") no-repeat center;
    background-size: cover;
}