.picture1 {display: flex;flex-wrap: wrap;}
.picture1 li {width: 20%;padding: 0 .1rem; margin: 0 0 .3rem;}
.picture1 .img-zoom {     box-shadow: 0 0.02rem 0.08rem 0 rgba(0, 0, 0, 0.11);
    border-radius: .41rem;
    background: #fff;
    overflow: hidden;
    cursor: pointer;}
.picture1 .img-frame {height: .8rem;display: flex;justify-content: center;align-items: center;}
.picture1 .img-frame img {object-fit: initial;max-width: 86%;max-height: 70%;width: auto;height: auto;position: static; min-height: auto !important;}
@media screen and (max-width: 1024px) {
.picture1 { margin-top: .3rem;}
.picture1 li { width: 25%;}
}
@media screen and (max-width: 768px) {
.picture1 li { width: 33.33%; margin: 0 0 .2rem;}
}
@media screen and (max-width: 520px) {
.picture1 li { width: 50%; margin: 0 0 .2rem;}
}
/* style */