H5_module/integralshop/cart/cart.css

/* pages/cart/cart.wxss */
.page{padding: 0 20rpx 105rpx;}
.cart{margin: 20rpx 0 0;background: #fff;border-radius: 10rpx;}
.dian{height: 99rpx;border-bottom: 2rpx solid #E5E5E5;padding: 0 20rpx;align-items: center;}
.dian view{font-size: 30rpx;color: #333;font-weight: bold;}
.list .li{display: flex;display: -webkit-flex;align-items: center;background: #fff;border-radius: 10rpx;padding: 0 20rpx 20rpx 14rpx;}
.info{border-bottom: 2rpx solid #efefef;padding: 20rpx 0;overflow: hidden;}
.checkbox{width: 54rpx;height: 180rpx;}
.check{display: block;width: 34rpx;height: 34rpx;margin-top: 73rpx;}
.dian .check{margin-top: 0;margin-right: 20rpx;}
.cimgs{position: relative;width: 180rpx;height: 180rpx;box-sizing: border-box;border: 2rpx solid #E5E5E5;border-radius: 10rpx;margin-right: 20rpx;}
.type{width: 82rpx;height: 36rpx;position: absolute;top: 10rpx;left: 10rpx;}
.cimg{width: 100%;height: 100%;}
.gys{text-align: center;position: absolute;top: 137rpx;background: rgba(0,0,0,.6);width: 179rpx;color: white;}
.zhinfo{flex:1;-webkit-flex: 1;overflow: hidden;position: relative;}
.list .li:last-child .info{border-bottom: none;}
.zhtit{font-size: 30rpx;color: #212121;line-height: 34rpx;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.guigecontent{  
  margin-top: 5rpx;
  font-size: 22rpx;color: #999;
  display: flex;  
  flex-direction: row;  
}
.guige{font-size: 22rpx;color: #999;}
.jiage{display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;margin-top: 45rpx;}
.zhjia{font-size: 36rpx;color: #FE0419;}
.zhjia text{font-size: 28rpx;}
.num{height: 44rpx;box-sizing: border-box;display: flex;display: -webkit-flex;align-items: center;text-align: center;}
.jian{display: block;width: 56rpx;height: 44rpx;font-size: 30rpx;color: #333;}
.nums{display: block;line-height: 44rpx;font-size: 28rpx;color: #333;width: 66rpx;background: #F0F0F0;border-radius: 6rpx;}
.bot{background: #fff;height: 85rpx;position: fixed;left: 0;right: 0;bottom: 0;z-index: 80;display: flex;display: -webkit-flex;align-items: center;border-bottom: 1rpx solid #fafafa;}
.botl{flex: 1;-webkit-flex: 1;display: flex;display: -webkit-flex;padding: 0 0 0 20rpx;}
.botl .check{margin-top: 0;margin-right: 20rpx;}
.all{display: flex;display: -webkit-flex;align-items: center;font-size: 24rpx;color: #6a6a6a;}
.heji{line-height: 85rpx;font-size: 28rpx;color: #333;margin-left: 20rpx;}
.heji text{color: #e80113;}
.editc{height: 85rpx;line-height: 85rpx;padding: 0 30rpx;background: #EA452E;}
.edit{font-size: 26rpx;color: #fff;}
.jiesuan{width: 172rpx;height: 85rpx;line-height: 85rpx;background: var(--mina);font-size: 26rpx;color: #fff;text-align: center;}

.putong{margin-top: 30rpx;}

/* 猜你喜欢 */
.cai{padding-bottom: 30rpx;}
.cai-tit{align-items: center;justify-content: center;font-size: 30rpx;color: #EA6730;font-weight: bold;margin-bottom: 30rpx;}
.cai-tit image{width: 63rpx;height: 5rpx;}
.cai-tit image:first-child{margin-right: 20rpx;}
.cai-tit image:last-child{margin-left: 20rpx;}
.tabcon{flex-wrap: wrap;}
.tabcon .li{background: #fff;border-radius: 10rpx;width: 345rpx;margin: 20rpx 20rpx 0 0;}
.tabcon .li:nth-child(2n){margin-right: 0;}
.jsdimgs{width: 345rpx;height: 345rpx;position: relative;}
.jsdpro{width: 100%;height: 100%;}
.jsdimg{width: 82rpx;height: 36rpx;position: absolute;top: 20rpx;left: 20rpx;}
.jsdinfo{padding: 15rpx 20rpx 30rpx;}
.proname{font-size: 28rpx;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 20rpx;}
.operate{justify-content: space-between;align-items: center;}
.price{font-size: 24rpx;color: #FE0419;}
.price text{font-size: 36rpx;font-weight: bold;}
.price .del{font-weight: normal;font-size: 24rpx;color: #999;margin-left: 12rpx;text-decoration: line-through;}
.add-cart image{width: 42rpx;height: 42rpx;}

.integral{color: #FE0419;}
.integral .intnum{font-size: 36rpx;}
.integral .money{font-size: 28rpx;}