/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
.xytp{}
.xytp ul{    display: flex
;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;}
.xytp ul li{width: 7rem;}
.xytp ul li .pic{    padding-top: 66.67%;}
.xytp ul li .pic img{}
@media screen and (max-width: 1024px) {

.xytp ul li{width: 40%;mragin-top:1rem;}
}
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/