.picture {
    margin:30px;
    overflow: hidden; /* 隐藏超出容器的部分 */
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* 图片之间的间距 */
    flex-grow: 1;
}

/*.picture ul{
    display: flex;
    justify-content: space-around;
    width: 100%;
    flex-grow: 1;
}*/

.picture ul li{
    flex: 1;
    display:flex;
    justify-content: center;
    height :100%;
    padding: 30px;
    text-align: center;
}

.picture li img{
     transition: transform 0.3s ease; /* 添加过渡效果，使放大平滑 */
     width: 90%; /* 可以根据需要设置图片的初始宽度 */
     height: 400px; /* 保持图片的宽高比 */
}

.picture li img:hover{
     transform: scale(1.1); /* 鼠标滑过时放大10% */
}

.picture ul li:last-child{
    border:none;
}


.parent {
    background-image:url('../img/background2.png');
}

.more {
    color: #009ef9;
    text-decoration:underline;
}

.picture {
    list-style-type: none;
}

body.Mobile .picture li {
    flex-direction: column;
}

body.Mobile .picture li img{
    height: 200px;
}

@media (min-width: 900px) {
    .picture li {
        width: calc(33.333% - 10px);
    }
}

@media (max-width: 900px) {

    .picture li img{
        height: 200px;
    }
}