goodList.wxss 3.3 KB

1
  1. .text-add{display:flex;flex-direction:column;justify-content:space-between}.listBig{padding:1px 20rpx 20rpx 20rpx}.listBig .borderRadius15 image{border-radius:10px 10px 0 0}.listBig .itemBig{width:100%;margin-top:20rpx;background-color:#fff;padding-bottom:15rpx}.listBig .itemBig .img-box{width:100%;height:284rpx;position:relative}.listBig .itemBig .img-box .pictrue_log_big{border-radius:10px 0 10px 0}.listBig .itemBig .img-box image{width:100%;height:100%}.listBig .itemBig .name{font-size:28rpx;font-weight:700;margin-top:16rpx;padding:0 8px}.listBig .itemBig .name .coupon{display:inline-block;text-align:center;width:32rpx;border-radius:4rpx;font-size:20rpx;font-weight:400;margin-right:10rpx}.listBig .itemBig .price{font-weight:700;font-size:12px;margin-top:10rpx;padding:0 8px}.listBig .itemBig .price .num{font-size:32rpx;margin-right:10rpx}.listBig .itemBig .price .old-price{color:#aaa;font-weight:400;text-decoration:line-through}.index-product-wrapper .list-box{display:flex;flex-wrap:wrap;justify-content:space-between;padding:20rpx 20rpx 0}.index-product-wrapper .list-box .item{width:345rpx;margin-bottom:20rpx;background-color:#fff;overflow:hidden;position:relative}.index-product-wrapper .list-box .item.on{border-radius:0}.index-product-wrapper .list-box .item .pictrue{width:347rpx;height:347rpx;position:relative}.index-product-wrapper .list-box .item .pictrue_log{width:92rpx;height:44rpx;font-size:26rpx;line-height:44rpx;border-radius:0 0 10px 0!important}.index-product-wrapper .list-box .item image{width:100%;height:100%;display:block}.index-product-wrapper .list-box .item .text-info{padding:10rpx 20rpx 15rpx}.index-product-wrapper .list-box .item .text-info .title{color:#222}.index-product-wrapper .list-box .item .text-info .old-price{margin-top:4rpx;font-size:26rpx;color:#aaa;text-decoration:line-through}.index-product-wrapper .list-box .item .text-info .old-price text{margin-right:2px;font-size:20rpx}.index-product-wrapper .list-box .item .text-info .price{display:flex;align-items:flex-end;font-size:36rpx;font-weight:550}.index-product-wrapper .list-box .item .text-info .price text{padding-bottom:4rpx;font-size:26rpx;font-weight:400}.index-product-wrapper .list-box .item .text-info .price .txt{display:flex;align-items:center;justify-content:center;width:28rpx;height:28rpx;margin-left:15rpx;margin-bottom:10rpx;border-radius:4rpx;font-size:20rpx;font-weight:400}.index-product-wrapper .list-box .item .text-info .price .txt.on{margin-left:0}.index-product-wrapper .list-box.on{display:flex}.index-product-wrapper .list-box.listA .item{display:flex;width:100%}.index-product-wrapper .list-box.listA .item .pictrue{width:220rpx;height:220rpx}.index-product-wrapper .list-box.listA .item .text-info{flex:1}.index-product-wrapper .list-box.listC .item{width:48.5%}.index-product-wrapper .list-box.listC .pictrue{width:100%;height:345rpx}.index-product-wrapper .list-box.listC .video{position:absolute;top:0;left:0;width:100%;height:345rpx;border-radius:10px 10px 0 0}.index-product-wrapper .list-box.listC .activityFrame{border-radius:10px 10px 0 0}.index-product-wrapper .list-box.listB{justify-content:inherit}.index-product-wrapper .list-box.listB .item{width:31.6%;margin-right:16rpx}.index-product-wrapper .list-box.listB .item .pictrue{width:100%;height:220rpx}.index-product-wrapper .list-box.listB .item:nth-child(3n){margin-right:0}