H5_module/service/cardDetail/index.css

.top-fixed{position: fixed;left: 0;top: 0;right: 0;z-index: 50;background-color: var(--main);}
.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: #fff;font-weight: bold;padding-left: 75rpx;max-width: 60%;}
.info{padding: 50rpx 30rpx;position: relative;}
.info::before{content: '';display: block;position: absolute;top: 0;left: 0;right: 0;height: 400rpx;background: linear-gradient(180deg, var(--mina) 0%, #F5F5F5 100%);z-index: 2;}
.info-c{position: relative;z-index: 5;}
.status{font-size: 48rpx;color: #fff;font-weight: bold;}
.status image{width: 50rpx;height: 50rpx;margin-right: 13rpx;}
.infos{background: #fff;border-radius: 16rpx;margin-top: 50rpx;padding-bottom: 50rpx;}
.shop{background: #F5F5F5;border-radius: 16rpx 16rpx 0 0;padding: 30rpx;font-size: 28rpx;color: #333;font-weight: bold;}
.shop image{width: 32rpx;height: 32rpx;margin-right: 7rpx;}
.product{padding: 40rpx 30rpx;border-bottom: 1rpx dashed #EEEEEE;align-items: flex-start;position: relative;}
.product:before,.product::after{content: '';display: block;width: 21rpx;height: 21rpx;background: #F5F5F5;border-radius: 50%;position: absolute;bottom: -10rpx;}
.product:before{left: -10rpx;}
.product:after{right: -10rpx;}
.product image{width: 150rpx;height: 150rpx;margin-right: 28rpx;border-radius: 20rpx;}
.pro-tit{font-size: 32rpx;color: #333;}
.specs{font-size: 24rpx;color: #999;margin-top: 10rpx;}
.specs text{color: #676F77;margin-left: 20rpx;}
.pro-opt{margin-top: 30rpx;justify-content: space-between;}
.price{font-size: 36rpx;color: #FF0000;}
.price text{font-size: 24rpx;}
.count{font-size: 24rpx;color: #999;}
.code{margin: 35rpx auto;width: 180px;height: 180px;}
.u-qrcode{margin: 0 auto !important;}
.code-info{padding: 0 30rpx;font-size: 24rpx;color: #999;}
.code-sta text{font-size: 28rpx;color: #333;font-weight: bold;margin-right: 12rpx;}
.code-ma{font-size: 28rpx;color: #333;font-weight: bold;margin-top: 10rpx;}