H5_module/pages/cart/cart.css

/* pages/cart/cart.wxss */
.page{padding: 0 20rpx 105rpx;}
.cartPage{
	background-color: #f5f5f5;
	min-height: 100vh;
}
.top-fixed{position: fixed;left: 0;top: 0;right: 0;z-index: 50;background-color: #fff;}
.bgcolor {background: #fff;position: absolute;top: 0;left: 0;right: 0;transition: .3s all ease;opacity: 0;}
.opacity{opacity: 1;}
.top-fixed-c{position: relative;}
.back{position: absolute;top: 50%;transform: translateY(-50%);left: 0;padding-left: 30rpx;}
.back image{width: 24rpx;height: 39rpx;}
.top-title{font-size: 34rpx;color: #000;font-weight: bold;padding-left: 75rpx;max-width: 60%;}
.top{background: #fff;padding: 20rpx 30rpx;}

.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;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.dian .merchantName{width: 300rpx;}
.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: 2rpx;left:2rpx;}
.cimg{width: 100%;height: 100%;}
.gys{text-align: center;position: absolute;top: 140rpx;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;  
  /* width: 58%; */
}
.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: 55rpx;border: 1rpx solid #E5E5E5;border-radius: 8rpx;box-sizing: border-box;display: flex;display: -webkit-flex;align-items: center;text-align: center;}
.jian{display: block;width: 53rpx;height: 53rpx;line-height: 45rpx;font-size: 30rpx;color: #333;font-weight: bold;}
.nums{display: block;height: 52rpx;line-height: 53rpx;font-size: 28rpx;color: #333;width: 66rpx;background: #fff;border-left: 1rpx solid #E5E5E5;border-right: 1rpx solid #E5E5E5;border-radius: 6rpx;}
.bot{background: #fff;height: 85rpx;position: fixed;left: 0;right: 0;bottom: -1rpx;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;align-items: center;}
.botl .check{margin-top: 0;margin-right: 10rpx;}
.all{display: flex;display: -webkit-flex;align-items: center;font-size: 24rpx;color: #6a6a6a;}
.heji{line-height: 85rpx;font-size: 27rpx;color: #333;margin-left: 20rpx;}
.heji text{color: #e80113;font-size: 40rpx;font-weight: bold;}
.editc{height: 85rpx;line-height: 85rpx;padding: 0 30rpx;background: #fc9816;}
.edit{font-size: 26rpx;color: #fff;}
.jiesuan{width: 172rpx;height: 85rpx;line-height: 85rpx;background: #ff2900;font-size: 26rpx;color: #fff;text-align: center;}
.top{justify-content: space-between;align-items: center;}
.more{width: 16rpx;height: 25rpx; margin-left: 7rpx;}
.gocou{margin-left: 10rpx; color:#333 !important ;font-size: 26rpx !important;align-items: center;}
.tbg{font-size: 26rpx !important; font-weight: normal !important; align-items: center; color: #999 !important;}
.putong{margin-top: 30rpx;}

.price .vip {
  font-size: 24rpx;
  margin-left: 12rpx;
    color: var(--vip);
	border: 1rpx solid;
	padding: 0 8rpx 2rpx 8rpx;
	border-radius: 5px;
    font-weight: normal;
}
.price .vip .members{
	font-size: 24rpx !important;
	font-weight: normal !important;
	margin-left: 2rpx;
}
.price .vip .sale{
	font-size: 24rpx !important; 
	font-weight: normal !important;
}
.mbggrays {
  background: linear-gradient(0deg, #e0e0e0, #c4c4c4) !important;
}
.tabe{
  font-size: 24rpx;
  color: #999;
  line-height: 40rpx;
  margin-top: 15rpx;
}
.tabe text{margin-left: 20rpx;}
.tabe text:first-child{margin-left:0rpx}

/* 猜你喜欢 */
.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; */line-height: 36rpx;height: 72rpx;overflow: hidden;margin-bottom: 20rpx;}
.operate{justify-content: space-between;align-items: center;}
.price{font-size: 24rpx;color: #FE0419;  align-items: center;
  display: flex;}
  
.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;}

.cart-login{background: var(--mina);font-size: 30rpx;color: #fff;font-weight: bold;height: 80rpx;line-height: 80rpx;border-radius: 40rpx;padding: 0 30rpx;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);white-space: nowrap;}