.list-group{margin-left:-40px;font-size:0}.list-group:after,.list-group:before{content:" ";display:table}.list-group:after{clear:both}.list-group .ul{width:24.3333%;vertical-align:top;display:inline-block;font-size:14px}.list-group li{margin-top:40px;margin-left:40px}.list-group li .pic{display:inline-block;position:relative}.list-group li .pic img{max-width:300px;width:100%}.list-group li .pic .hover-img{position:absolute;left:0;bottom:0;opacity:0;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.list-group li .pic:hover img{visibility:hidden}.list-group li .pic:hover .hover-img{opacity:1;visibility:visible}.list-group li .name{font-size:30px;color:#000;margin-top:10px}.list-group li .price{margin-top:6px;font-size:18px}.list-group li .price span{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px}.list-group li .price small{font-size:12px;color:#838383}.list-group li .link-box{margin-top:6px;margin-right:20px}.list-group li .link-box i{margin-left:8px}.list-group li .link-box a:first-child{margin-right:0}.list-group li .remark{margin-top:6px;color:#00894e;height:16px;line-height:16px;cursor:pointer}@media (max-width:767px){.list-group .ul{width:50%}.list-group li .name{font-size:20px}.list-group li .link-box{font-size:calc(11/375*100vw)}.list-group li .link-box i{margin-left:4px}.list-group li .link-box a:first-child{margin-right:10px}}