.pic_list {
    height: 200px;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.pic_list ul {
    position: absolute;
}

.pic_list ul li {
    width: 300px;
    float: left;
}

.pic_list ul li img {
    padding: 5px;
    margin: 5px 0;
    width: 280px;
    height: 180px;
    border: 1px solid rgb(238, 238, 238);
}



@media screen and (min-width: 375px) and (max-width: 1023px) {
    .pic_list {
        height: 35vw;
        overflow: hidden;
        position: relative;
        width: 95%;
    }

    .pic_list ul {
        position: absolute;
    }

    .pic_list ul li {
        width: 50vw;
        float: left;
    }

    .pic_list ul li img {
        padding: 1vw;
        margin: 1vw 0;
        width: 45vw;
        height: 32vw;
        border: 1px solid rgb(238, 238, 238);
    }
}