H5_module/merchant/writeDetail/index.css

/* detail.css */
.info{padding: 50rpx 30rpx 0;position: relative;}
.info::before{content: '';display: block;position: absolute;top: 0;left: 0;right: 0;height: 400rpx;background: linear-gradient(180deg, #1A83FF 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: 35rpx 30rpx 0;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;}
.det{margin: 20rpx 30rpx 0;background: #fff;padding: 0 30rpx;border-radius: 16rpx;}
.det .li{padding: 32rpx 0;font-size: 28rpx;border-bottom: 1rpx solid #EEEEEE;}
.det .li:last-child{border-bottom: none;}
.label{color: #666;}
.item{color: #333;text-align: right;}
.tk-btn{width: 136rpx;height: 56rpx;border-radius: 10rpx;border: 1rpx solid #333333;font-size: 24rpx;color: #333;font-weight: bold;text-align: center;line-height: 56rpx;}

.btn{height: 80rpx;background: var(--mina);border-radius: 40rpx;font-size: 34rpx;color: #fff;text-align: center;line-height: 80rpx;position: fixed;left: 30rpx;bottom: 30rpx;right: 30rpx;z-index: 50;}