.PhotoList_i1 ul{display: block;}
.PhotoList_i1 li{margin-bottom: 2vw;padding-bottom: 1vw;width: 30.3%;margin: 0 1.44% 15px 1.44%;float: left;}
.PhotoList_i1 li:nth-child(3n){margin-right: 0;}
.PhotoList_i1 li a{display: block;overflow: hidden;position: relative;height: 11.2vw;border-radius: 5px;border: 1px solid #ff931f;background-color: #f6f6f6;
padding: 3px 0;margin-bottom: 20px;}
.PhotoList_i1 li a img{display: block;height: 100%;max-width: none;width: auto;position: absolute;top: 50%;left: 50%;transition:.4s all ease;
     transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
.PhotoList_i1 li span{color: #000000;text-align: center;font-size: 16px;line-height: 1.5;margin-top: 18px;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}
.PhotoList_i1 li h4{display: none;}
.PhotoList_i1 li:hover a{border-color: #0b53a2;}
.PhotoList_i1 li:hover span{color: #0b53a2;}
.PhotoList_i1 li a:hover img{transform: scale(1.1) translate(-45%, -45%);-webkit-transform: scale(1.1) translate(-45%, -45%);}

@media screen and (max-width: 1024px) {
    .PhotoList_i1 li a{height: 19vw;}  
    .PhotoList_i1 li span{font-size: 16px;margin-top: 1vw;}
}
@media screen and (max-width: 640px){
    .PhotoList_i1 li a {height: 31.25vw;margin-bottom: 10px;}
    .PhotoList_i1 li{display: block;float: left; width: 48.5%;margin: 0 3% 4vw 0;}
    .PhotoList_i1 li:nth-child(3n){margin-right: 3%;}
    .PhotoList_i1 li:nth-child(4n){margin-right: 0;}
    .PhotoList_i1 li:nth-child(2n){margin-right: 0;}
    .PhotoList_i1 li span{margin-top: 1.5vw;font-size: 3.8vw;}
}