renshou/integralshop/integralDetailed/index.css

/* pages/integralshop/integralDetailed/index.wxss */
.banner{height: 180rpx;width: 100%;position:absolute;
/*  #ifndef  H5  */
z-index: -1;
 /* #endif */
 background-size:100% 100%;overflow: hidden;}
.banner image{width: 100%;height: 180rpx}
.banner::after{content: '';display: block;width: 110%;background: linear-gradient(#FD3A31,#FE934C);height: 180rpx;position: absolute;top: 0;left: -5%;border-radius: 0 0 10% 10%;}
.nav{margin: 0 30rpx 0;position: relative;z-index: 3;padding: 50rpx 0 0;}
.nav .item{padding: 44rpx 40rpx;justify-content: space-between;background: #fff;border-radius: 20rpx;}
.nav .item .li{border-right: 1rpx solid rgba(232,232,232,.4);margin-right: 40rpx;}
.nav .item .li .count{font-size: 28rpx;color: #666;}
.nav .item .li .integral{font-size: 24rpx; color: #999999;}
.nav .item .li .num{font-size: 56rpx; font-weight: bold;color: #333;margin-bottom: 10rpx; }
.nav .item .li .num1{font-size: 56rpx; font-weight: bold;margin-bottom: 10rpx;}
.nav .item .li .dflex{align-items: center;}
.nav .item .li image{width: 29rpx;height: 27rpx;margin-right: 9rpx;}
.duihuan{background: linear-gradient(90deg, #FF6070 0%, #FE0419 100%);font-size: 30rpx;color: #fff;width: 200rpx;height: 60rpx;line-height: 60rpx;border-radius: 30rpx;text-align: center;}
.leiji{font-size: 26rpx;color: #999;margin-top: 20rpx;text-align: center;}
.leiji text{color: #FD3A31;}

/* 筛选 */
.cont{padding: 0 30rpx 0;}
.cont .top{padding: 40rpx 0 30rpx 0;font-size: 26rpx;color: #999999;}
.filter{padding: 0 20rpx; border-bottom:2rpx solid #E8E8E8 ;}
.filter1{position: relative;z-index: 100;}
.filter .li{width: 33.33%;display: flex;display: -webkit-flex;align-items: center;justify-content: center;padding: 25rpx 0;font-size: 30rpx;color: #333;}
.filter .li.active{color: #FE0419}
.updown{width: 14rpx;height: 8rpx;margin-left: 9rpx;}
.cont .pop .item{position: absolute;z-index: 100;background: #fff;width: 100%; border-radius: 0 0 30rpx 30rpx;}
.cont .pop .item view{padding: 30rpx; justify-content: space-between; align-items: center; font-size: 28rpx;}
.cont .pop .item image{width: 30rpx;height: 20rpx;}
.cont .brbtm{border-bottom: 2rpx solid #E8E8E8;}
.cont .pop .active{color: #FE0419;}
/* 产品展示 */
/* .pintuan .li:last-child{margin-bottom: 0;margin-top: 24rpx;} */
.pintuan{background: #fff;border-radius: 12rpx;}
.pinimgs{width: 70rpx;height:70rpx;position: relative;padding: 0 20rpx 0 0;}
.pinimg{display: block;width: 100%;height: 100%;border-radius: 10rpx;}
.pininfo{flex: 1;}
.pininfo .proname{font-size: 30rpx;color: #333;}
/* .pininfo .operate{margin-bottom: 66rpx;} */
.pininfo .operate .introduce{color: #999999;font-size: 24rpx;margin-top:18rpx}
.pintuan .li{border-bottom: 1rpx solid rgba(232,232,232,.4);padding: 0 30rpx;}
.pintuan .li:last-child{border-bottom: none;}
.pintuan .li .item{align-items: center;padding: 26rpx 0;}
.yhq{width: 56rpx;height: 56rpx;}
.pintuan .li .price{text-align: right;}
.pintuan .li .price .prc{font-size: 36rpx;color: #FE0419;}
.pintuan .li .price .prc1{font-size: 36rpx;}
.pintuan .li .price .num{font-size: 24rpx;color: #999999;}

/* 优惠券 */
.coupon{margin-top: 40rpx; margin-left: 20rpx;}
.coupon .proname{font-size: 30rpx;color: #333;}
.coupon .operate{margin-bottom: 66rpx;}
.coupon .operate .introduce{color: #999999;font-size: 24rpx;margin-top:18rpx}
.pintuan .li .price .jian {font-size: 34rpx;color: #333333;font-weight: bold;}