@media (max-width: 768px) {
    .imgBox{
        width: 49% !important;
    }
}
@media (max-width: 375px) {
    .imgBox{
        width: 100% !important;
    }
}
@media (min-width: 1440px) {
    .imgBox{
        width: 24% !important;
    }
}



.container {
    min-height: 100vh;
    padding: .48rem .12rem;
    background: #f9f9f9;
}

.content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.imgBox {
    width: 49%;
    text-align: center;
    margin-bottom: .24rem;
    border-radius: .08rem;
    /*box-shadow: 0 0 .08rem rgba(0, 0, 0, .1);*/
    background: #fff;
    overflow: hidden;
}

.imgBox .img {
    width: 100%;
    height: 4.2rem;
    background: url("https://img1.baidu.com/it/u=1211526031,3482273924&fm=253&fmt=auto&app=138&f=JPEG?w=1422&h=800");
    background-size: cover;
}
.v-info{
    padding: .2rem;
    height: 2rem;
}
.v-title{
    font-size: .28rem;
    color: #333;
    line-height: .36rem;
    overflow: hidden;
    text-overflow: ellipsis;
    /*超过两排变省略号*/
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
    height: .7rem;
}
.v-time{
    font-size: .24rem;
    color: #999;
    line-height: .24rem;
}
button {
    border-radius: .08rem;
    padding: .08rem .16rem;
    background: #fff;
    border: 1px solid #3574F0;
    color: #3574F0;
    font-size: .24rem;
}

button:active {
    background: #3574F0;
    color: #fff;
}