H5_module/mine/shop/shop.css

/* mine/shop/shop.wxss */
.top{background: var(--mina);padding: 30rpx 20rpx 0;height: 170rpx;}
.topc{align-items: center;}
.userimg{width: 80rpx;height: 80rpx;border-radius: 50%;margin-right: 20rpx;}
.username{font-size: 30rpx;color: #fff;}
.userinfo text{display: block;font-size: 24rpx;color: #fff;margin-top: 8rpx;}
.share{width: 146rpx !important;height: 62rpx !important;background: #fff;border-radius: 32rpx !important;font-size: 24rpx;color: #EA6739;margin-left: 20rpx;align-items: center;justify-content: center;}
.share image{width: 27rpx;height: 27rpx;margin-right: 12rpx;}
.box1{border-radius: 50rpx 50rpx 0 0;padding: 26rpx 20rpx;margin-top: -52rpx;background: #fff;}
.search{background: #F0F2F3;height: 70rpx;border-radius: 35rpx;padding: 0 15rpx 0 30rpx;align-items: center;font-size: 26rpx;color: #666;}
.search image{width: 30rpx;height: 30rpx;margin-right: 13rpx;}
.search image.sao{width: 42rpx;height: 42rpx;}
.con{padding: 28rpx 20rpx;}
.box{background: #fff;border-radius: 12rpx;overflow: hidden;}
.mstit{margin: 32rpx 18rpx;align-items: center;}
.msico{width: 21rpx;height: 34rpx;}
.xsms{width: 161rpx;height: 32rpx;margin: 0 30rpx 0 10rpx;}
.countdown{align-items: center;font-size: 24rpx;color: #333;}
.countdown text{display: block;background: #333;border-radius: 3rpx;width: 32rpx;height: 28rpx;font-size: 24rpx;color: #fff;text-align: center;line-height: 28rpx;margin: 0 5rpx;}
.times{margin-bottom: 30rpx;}
.times .li{width: 20%;text-align: center;font-size: 20rpx;color: #999;position: relative;}
.times .li::before{content: '';display: block;width: 2rpx;height: 61rpx;background: #D2D2D2;position: absolute;left: 0;bottom: 5rpx;}
.times .li:first-child::before{display: none;}
.times .li text{display: block;font-size: 33rpx;color: #333;margin-bottom: 5rpx;}
.times .li.active,.times .li.active text{color: #FE0419;}
.msinfos{padding: 20rpx 20rpx 32rpx}
.msinfos image{width: 100%;height: 390rpx;}
.msinfo{padding: 0 9rpx}
.msname{font-size: 30rpx;line-height: 36rpx;margin: 20rpx 0 10rpx}
.qgsta{align-items: center;justify-content: space-between;}
.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;}
.qiang{width: 180rpx;height: 70rpx;border-radius: 35rpx;text-align: center;line-height: 70rpx;font-size: 30rpx;color: #fff;}
.title{justify-content: space-between;align-items: center;font-size: 36rpx;font-weight: bold;padding-top: 30rpx;padding-bottom: 30rpx;}
.title text{font-size: 24rpx;color: #666;margin-left: 10rpx;font-weight: normal;}
.more{width: 16rpx;height: 27rpx;}
.shequ .li{border-bottom: 2rpx solid #eee;padding: 0 20rpx 38rpx;margin-bottom: 38rpx;overflow: hidden;}
.shequ .li:last-child{border-bottom: none;margin-bottom: 0;}
.shequ .li .flex{overflow: hidden;}
.proimg{box-sizing: border-box;width: 210rpx;height: 210rpx;border-radius: 10rpx;margin-right: 20rpx;border: 2rpx solid #E5E5E5;}
.proname{font-size: 28rpx;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.endtime{display: inline-block;height: 32rpx;line-height: 32rpx;border: 2rpx solid #FE0419;border-radius: 6rpx;padding: 0 8rpx;font-size: 24rpx;color: #FE0419;margin: 15rpx 0 65rpx;}
.operate{justify-content: space-between;align-items: center;}
.price .del{font-weight: normal;font-size: 24rpx;color: #999;margin-left: 12rpx;text-decoration: line-through;}
.add-cart image{width: 42rpx;height: 42rpx;}
.nums{align-items: center;}
.num{font-size: 30rpx;width: 50rpx;text-align: center;line-height: 42rpx;}
.remind{width: 150rpx;height: 50rpx;border-radius: 25rpx;font-size: 24rpx;color: #fff;text-align: center;line-height: 50rpx;justify-content: center;}
.datas{justify-content: space-between;align-items: center;font-size: 24rpx;color: #666;padding: 20rpx 0 0}
.yigou{margin-left: 6rpx;align-items: center;}
.yigou image{width: 40rpx;height: 40rpx;border-radius: 50%;margin-left: -6rpx;border: 2rpx solid #fff;}
.yigou image.more1{border: none;width: 46rpx;height: 46rpx;}
.yigou text{margin-left: 12rpx;}
.xiaoliang{color: #999;}
.pintuan{padding-bottom: 50rpx;}
.pintuan .li{margin-bottom: 50rpx;}
.pintuan .li:last-child{margin-bottom: 0;}
.pinimgs{box-sizing: border-box;width: 210rpx;height: 210rpx;border-radius: 10rpx;margin-right: 20rpx;border: 2rpx solid #E5E5E5;position: relative;}
.pinimg{display: block;width: 100%;height: 100%;}
.tuan{display: block;width: 87rpx;height: 44rpx;font-size: 22rpx;color: #fff;text-align: center;line-height: 34rpx;position: absolute;top: 21rpx;left: -10rpx;}
.tuan image{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.tuan text{position: relative;z-index: 2;display: block;}
.pininfo{overflow: hidden;}
.pininfo .endtime{margin-bottom: 45rpx;}
.pininfo .del{font-size: 24rpx;color: #999;text-decoration: line-through;}
.tuijian{font-size: 36rpx;color: #333;font-weight: bold;align-items: center;justify-content: center;margin: 35rpx 0 25rpx;}
.tuijian image{width: 28rpx;height: 18rpx;}
.tuijian text{margin: 0 10rpx;}
.tjlist .msinfos{margin-bottom: 20rpx;}