.fwitem{float:left;width:18%;margin:0; margin-right:2%;} .lastfitem{float:right;margin:0; } .fwitem a{text-decoration:none;color:#333;outline:0} .fwitem a .item{border:1px solid #ddd;background:#fff;border-radius:4px;padding:30px 15px;margin:15px 0;text-align:center;transition:background .3s;cursor:pointer} .fwitem a .item:hover{border:1px solid #eee;background:#f8f8f8;transition:background .7s} .fwitem a .item h4{font-size:18px; line-height:35px; margin-top:5px;} .fwitem a .item img{width:50%;margin:10px auto; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;} .fwitem a:hover .item img{ -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg);filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;} .fwitem a .item .desc{height:30%;text-align:center;line-height:22px;font-size:14px;margin-bottom:10px;color:#666} .fwitem a .item span.more{text-align:center;text-decoration:none;font-size:12px;} .fwitem a .item span.more:hover{border-bottom:1px solid #fd4f00} @media (max-width: 767px) { .fwitem{width:100%; margin-right:0;} .fwitem a .item{border:0px solid #ddd;border-radius:0px;padding:30px 0px;border-bottom:1px solid #ddd;margin:0;} .fwitem a .item:hover{border:0px solid #eee;border-bottom:1px solid #ddd;} .fwitem a .item img{height:auto;} }

解决方案