/*为了底部的图片准备的*/
.container {
    max-width: 990px; /* 页面宽度限制为 990px */
    margin: 0 auto; /* 水平居中 */
}

.content-block {
    border: 1px solid #e1e1e1;
    padding: 2px;
    margin-bottom: 2px;
    box-sizing: border-box; /* 让 padding 不会增加宽度 */
    height: 270px;
    overflow: hidden;
    text-align: left;
    line-height: 22px;
    position: relative;
    font-size: 12px;
}

.img_list {
    width: 250px;
    height: 200px;
    overflow: hidden;
    float: left;
    padding: 5px;
    margin: 5px;
}

.img_list img {
    width: 230px;
    height: 180px; /* 自动计算图片高度，保持宽高比 */
    object-fit: cover; /* 裁剪并填充整个容器 */
    padding: 5px;
    overflow: hidden;
    border: 1px solid lightgray;
}

.content-block a {

    right: 0px;
    bottom: 0px;
    display: block;
    position: absolute;
    z-index: 999;
    height: 22px;
    width: 100px;
    text-align: right;
    background: white;
    color: blue;
}

.row::after {
    content: "";
    display: table;
    clear: both;
}

/* 列的样式 */
.col-6 {
    float: left;
    width: 50%;
    padding: 0 2px; /* 调整列之间的间距 */
    box-sizing: border-box; /* 让 padding 不会增加宽度 */
}

.col-3 {
    float: left;
    width: 33.33333333%;
    padding: 0 2px; /* 调整列之间的间距 */
    box-sizing: border-box; /* 让 padding 不会增加宽度 */
}

.col-3 img {
    width: 150px;
    max-height: 115px;
}

.col-7 {
    float: left;
    width: 66.66666667%;
    padding: 0 2px; /* 调整列之间的间距 */
    box-sizing: border-box; /* 让 padding 不会增加宽度 */
    font-size: 14px;
    height: 120px;
    overflow: hidden;
    text-align: left;
}

.col-10 {
    width: 100%;
    padding: 0 2px; /* 调整列之间的间距 */
    box-sizing: border-box; /* 让 padding 不会增加宽度 */
    font-size: 14px;
}

.content-block h5 {
    margin: 3px;
    padding: 0px;
}