pika_shangjia/components/goodsList/goodsList.css

/* components/topicList/topicList.wxss */
/* 分块一 */
.list1 {
	/* padding: 0 20rpx 20rpx; */
}
.list1 .li {background: #fff;border-radius: 12rpx;padding: 20rpx;overflow: hidden;align-items: center;margin-top: 20rpx;}
.list1 .li:nth-child(1) {margin-top: 0rpx;}
.list1 .li .title {font-size: 28rpx;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.liimg {width: 100%;height: 100%;border-radius: 12rpx;}
.list1 .li .info {overflow: hidden;
	/* height: 200rpx; */
}
.list1 .li .proname {font-size: 28rpx;color: #333;}
.yushou{display: inline-block;border: 2rpx solid #FE0419;border-radius: 6rpx;font-size: 22rpx;color: #FE0419;height: 28rpx;line-height: 29rpx;padding: 0 10rpx;vertical-align: top;margin-right: 15rpx;}
.list1 .li .infos {font-size: 24rpx;color: #999;margin: 0 0 10rpx;
	/* height: 20rpx; */
	text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
/* .Ninfos {padding: 16rpx 0;} */
.operate {justify-content: space-between;align-items: center;clear: both;overflow: hidden;margin-top: 15rpx;}
.price {font-size: 25rpx;color: #FE0419;align-items: center;flex-wrap: nowrap;}
.price text {font-size: 36rpx;font-weight: bold;}
.price text.del {font-size: 24rpx !important;color: #999;text-decoration: line-through;margin-left: 15rpx;font-weight: normal !important;}
.show-vip{margin-bottom: 10rpx;}
.price .vip,.show-vip .vip {font-size: 24rpx;margin-left: 12rpx;color: var(--vip);border: 1rpx solid;padding: 0 8rpx 2rpx 8rpx;border-radius: 5px;font-weight: normal;}
.btn {width: 150rpx;height: 50rpx;background: linear-gradient(90deg, rgba(254, 147, 76, 1) 0%, rgba(253, 58, 49, 1) 100%);font-size: 24rpx;color: #fff;text-align: center;line-height: 50rpx;border-radius: 25rpx;}
/* yml */
.jsdimgs1 {position: relative;width: 200rpx;height: 200rpx;border-radius: 12rpx;margin-right: 20rpx;overflow: hidden;}
.jsdimg1 {position: absolute;top: 5rpx;left: 0rpx;width: 82rpx;height: 36rpx;}
/* 分块二 */
.list2 {flex-wrap: wrap;
	/* padding: 0 20rpx 20rpx; */
}
.list2 .li {background: #fff;border-radius: 10rpx;width: 345rpx;margin: 20rpx 20rpx 0 0;overflow: hidden;}
.list2 .li:nth-child(2n) {margin-right: 0;}
.jsdimgs {width: 345rpx;height: 345rpx;position: relative;overflow: hidden;}
.jsdpro {width: 100%;height: 100%;border-radius: 10rpx 10rpx 0 0;}
.proname {font-size: 28rpx;color: #333;}
.jsdimg {width: 82rpx;height: 36rpx;position: absolute;top: 20rpx;left: 20rpx;z-index: 1;}
.shouqing{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;}
.jsdinfo {padding: 15rpx 20rpx 30rpx;}
.add-cart image {width: 42rpx;height: 42rpx;}
.list2 .li .price {display: flex;font-size: 24rpx;}
.list2 .li .price text {font-size: 36rpx;font-weight: bold;}
.list2 .li .price .vip,.list2 .li .show-vip .vip {font-size: 24rpx;margin-left: 12rpx;color: var(--vip);border: 1rpx solid;padding: 0 8rpx 2rpx 8rpx;border-radius: 5px;font-weight: normal;}
.list2 .li .show-vip .vip{margin-left: 0;}
.price .vip .members,.show-vip .vip {font-size: 24rpx !important;font-weight: normal !important;margin-left: 2rpx;}
.price .vip .sale,.show-vip .vip {font-size: 24rpx !important;font-weight: normal !important;}
/* 分块三 */
.list3 {flex-wrap: wrap;
	/* padding: 0 20rpx 20rpx; */
}
.list3 .li {background: #fff;border-radius: 10rpx;width: 220rpx;margin: 20rpx 25rpx 0 0;}
.list3 .li:nth-child(3n) {margin-right: 0;}
.list3 .jsdimgs {width: 100%;height: 220rpx;}
.list3 .li .jsdinfo {padding: 10px 14px 15rpx;}
.list3 .li .proname {margin-bottom: 10rpx;}
.list3 .li .price {font-size: 20rpx;}
.list3 .li .price text {font-size: 28rpx;}
.list3 .li .jsdimg {top: 0;left: 0;}
/* 分隔线一 */
.list4 {padding: 0 20rpx;background: #fff;}
.list4 .li {border-radius: 0;background-color: none;border-bottom: 2rpx solid #f4f1f4;padding: 20rpx 0;margin-top: 0;}
.list4 .li:first-child {padding: 0 0 20rpx 0;}
.list4 .li:last-child {border-bottom: none;}
/* 分隔线二 */
.list5 {
	/* padding: 20rpx; */
	background: #fff;}
.list5 .li {width: 355rpx;border-radius: 0;background-color: none;border-top: 2rpx solid #f4f1f4;border-right: 2rpx solid #f4f1f4;margin: 0;box-sizing: border-box;padding-top: 20rpx;}
.list5 .li:nth-child(2n) {padding-left: 10rpx;border-right: none;}
.list5 .li:nth-child(3n) {padding-right: 10rpx;}
.list5 .li:first-child {padding-right: 10rpx;}
.list5 .li:first-child, .list5 .li:nth-child(2) {padding-top: 0;border-top: none;}
/* .list5 .li:nth-last-child(2), */
.list5 .li:last-child {border-bottom: none;}
.list5 .li .jsdinfo {padding-bottom: 20rpx;}
.list5 .li:nth-last-child(2) .jsdinfo, .list5 .li:last-child .jsdinfo {padding-bottom: 10rpx;}
/* 分隔线三 */
.list6 {
	/* padding: 20rpx; */
	background: #fff;}
.list6 .li {width: 237rpx;border-radius: 0;background-color: none;border-bottom: 2rpx solid #f4f1f4;border-right: 2rpx solid #f4f1f4;margin: 0;box-sizing: border-box;padding: 20rpx 10rpx 0;}
.list6 .li:nth-child(3n) {padding-right: 0;border-right: none;}
.list6 .li:first-child, .list6 .li:nth-child(3n+1) {padding-left: 0;}
.list6 .li:first-child, .list6 .li:nth-child(2), .list6 .li:nth-child(3) {padding-top: 0;}
/* .list6 .li:nth-last-child(3),
.list6 .li:nth-last-child(2), */
.list6 .li:last-child {border-bottom: none;}
.list6 .li .jsdinfo {padding: 10rpx 10rpx 15rpx;}
/* 无分隔线 */
.list7 {background: #fff;margin: 20rpx;border-radius: 12rpx;padding: 0 20rpx 15rpx;}
.list7 .li {width: 210rpx;margin-right: 22rpx;}
.list7 .li:nth-child(3n) {margin-right: 0;}
.list7 .li .jsdinfo {padding: 10rpx 0 15rpx;}
/* yml  banner图 */
.banner {margin-bottom: 20rpx;height: 300rpx;overflow: hidden;position: relative;}
.banner2 {padding: 20rpx;height: 300rpx;overflow: hidden;position: relative;}
.banner .swiper, .banner .swiper image {width: 100%;height: 300rpx;}
.banner2 .swiper, .banner2 .swiper image {width: 100%;height: 300rpx;border-radius: 20rpx;}
.dots {position: absolute;left: 0;right: 0;bottom: 20rpx;align-items: center;justify-content: center;}
.dot {background: #fff;width: 10rpx;height: 10rpx;border-radius: 5rpx;margin: 0 3rpx;}
.dot.active {width: 30rpx;}
.endtimes {display: inline-block;height: 32rpx;line-height: 32rpx;border-radius: 6rpx;padding: 0 8rpx;font-size: 24rpx;color: #FE0419;margin: 15rpx 0 65rpx;}
.remind {width: 150rpx;height: 50rpx;border-radius: 25rpx;font-size: 24rpx;color: #fff;text-align: center;justify-content: center;line-height: 50rpx;}
.xiaol {margin-top: 15rpx;line-height: 32rpx;flex-wrap: nowrap;}
.xiaoll{margin-bottom: 0;}
.zhuan {float: left;height: 32rpx;font-size: 20rpx;color: #fff;box-sizing: border-box;align-items: center;margin-right: 15rpx;}
.zhuan text {padding: 0 6rpx;border-radius: 2rpx 0 0 2rpx;background: #C28A4F;height: 32rpx;line-height: 32rpx;}
.zhuan view {font-size: 22rpx;color: #BF7A40;padding: 0 5rpx 0 2rpx;background: #fff;height: 28rpx;border: 2rpx solid #C08046;border-radius: 0 2rpx 2rpx 0;border-left: none;}
.yishou {font-size: 24rpx;color: #999;clear: both;overflow: hidden;white-space: nowrap;}

.list-tag{margin-top: 15rpx;height: 32rpx;}
.list-tag view {height: 30rpx;border: 1px solid var(--main);border-radius: 6rpx;padding: 0 7rpx;font-size: 20rpx;color: var(--main);margin-right: 10rpx;}
.vip-news{height: 36rpx;background: #222222;border-radius: 8rpx;line-height: 36rpx;flex-wrap: nowrap;margin-right: 12rpx;font-weight: bold;}
.vip-sale{background: linear-gradient(to right,#f9e0bc,#d9a168);font-size: 20rpx !important;color: #222;height: 36rpx;border-radius: 8rpx 0 0 8rpx;white-space: nowrap;width: 70rpx;text-align: center;}
.vip-members{padding: 0 8rpx 0 5rpx;font-size: 22rpx !important;color: #fde9cd !important;white-space: nowrap;}
.list1 .vip-news{margin-right: 0;margin-left: 12rpx;}