.search-wrap { background: #fff; padding: 30rpx 30rpx; } .search-con { background: #F8F8F8; border-radius: 25px; height: 54rpx; padding-left: 30rpx; overflow: hidden; padding-right: 30rpx; } .icon-search { display: inline-block; width: 32rpx; height: 32rpx; margin-top: 12rpx; } .search-text { font-size: 24rpx; height: 54rpx; margin-left: 14rpx; } .search-text::placeholder { color: #C9C9C9; } .goods-list { padding: 0 30rpx; clear: both; overflow: hidden; } .list-item { margin-top: 30rpx; float: left; width: 48%; background: #fff; border-radius: 10rpx; } .list-item:nth-child(odd){ margin-right: 4%; } .list-item image { width: 100%; height: 231rpx; } .goods-title { margin-top: 13rpx; font-size: 24rpx; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .price { margin-top: 14rpx; color: #F31717; font-size: 18rpx; } .price .tag { font-size: 20rpx; } .price .money { font-size: 26rpx; margin-right: 7rpx; } .list-item .pepl { display: inline-block; vertical-align: -10rpx; width: 34rpx; height: 35rpx; margin-left: 6rpx; } .name-info { font-size: 20rpx; color: #333; } .pulish{ margin-top: 5rpx; color: #666666; font-size: 16rpx; } .pad12{ padding-left: 12rpx; padding-right: 12rpx; } .name-con{ padding-top: 15rpx; padding-bottom: 27rpx; } .menu-list { padding: 48rpx 0; background: #fff; } .menu-list .flex-col { text-align: center; } .menu-list image { width: 80rpx; height: 80rpx; } .list-name { color: #484848; font-size: 30rpx; margin-top: -10rpx; }