@media (max-width: 1200px) {
    .main-content {
        width: 100%;
        padding: 12px;
    }

    ul.pagination li a {
        color: black;
        float: left;
        padding: 9px 12px;
        text-decoration: none;
        border: 1px solid #ddd;
        font-size: 2px;
    }

    ul.pagination {
        display: flex;
        justify-content: center;
        padding: 0;
        margin-bottom: 15px;
    }

    .content-box {
        /* border: 1px solid red; */
        margin-top: 20px;
        width: 100%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .cards {
        width: 351px;
        height: 130px;
        margin: 0 3px 10px 3px;
        background: #FFFFFF;
    }
    .card_top_l {
        position: absolute;
        left: 18px;
        top: 15px;
        width: 50px;
        height: 53px;
    }
    .card_top_l_t {
        width: 50px;
        height: 30px;
        font-size: 20px;
        color: #333333;
    }
    .card_top_l_b {
        font-size: 12px;
        color: #999999;
    }
    .card_top_r {
        position: absolute;
        left: 104px;
        top: 15px;
        width: 229px;
        height: 48px;
        font-size: 14px;
        line-height: 170%;
    }
    .card_bottom_l {
        position: absolute;
        width: 49px;
        height: 1px;
        left: 19px;
        top: 96px;
    }
    .card_bottom_r {
        position: absolute;
        width: 229px;
        height: 38px;
        left: 104px;
        top: 76px;
        font-size: 12px;
        /* color: #999999; */
        line-height: 150%;
    }
}