@media only screen and (min-width:320px) and (max-width:740px){.product li{width:100%}}@media only screen and (min-width:741px) and (max-width:1200px){.product li{width:50%}}@media only screen and (min-width:1200px){.product li{width:20%}}.product li{float:left;overflow:hidden;position:relative}.product li img{width:100%;margin-bottom:-4px}.product li .zz{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center}.product li .zz h1{font-size:.3rem;color:#fff;margin-top:54%;font-weight:400;line-height:37px;height:74px}.product li .zz p{font-size:.14rem;color:rgba(255,255,255,.5);margin:1% 0 13% 0}.product li .zz .jiantou{width:42%}.product li:hover .zz{background:rgba(51,179,113,.8)}