H5_module/product/couponList/index.css

.list{margin: 0 30rpx;}
.list .li{background: #fff;border-radius: 16rpx;position: relative;margin-top: 20rpx;}
.name{height: 30rpx;background: linear-gradient(90deg, #F9E1B7 0%, #FBDBA4 100%);border-radius: 16rpx 0 16rpx 0;font-size: 20rpx;color: #8A5203;padding: 0 15rpx;position: absolute;top: 0;left: 0;z-index: 10;}
.info{padding: 45rpx 30rpx;align-items: flex-start;}
.info image{width: 128rpx;height: 128rpx;border-radius: 8rpx;margin-right: 17rpx;}
.tit{font-size: 32rpx;color: #222;font-weight: bold;}
.time{font-size: 22rpx;color: #999;margin-top: 8rpx;}
.info-r{flex-direction: column;height: 218rpx;width: 216rpx;border-left: 2rpx dashed #E9E9E9;position: relative;justify-content: center;}
.info-r:before,.info-r::after{content: '';display: block;width: 18rpx;height: 18rpx;background: #f6f6f6;position: absolute;left: -9rpx;border-radius: 50%;}
.info-r:before{top: -9rpx;}
.info-r:after{bottom: -9rpx;}
.money{font-size: 60rpx;color: #FD4534;}
.money text{font-size: 30rpx;}
.man{font-size: 22rpx;color: #999;}
.btn{width: 130rpx;height: 45rpx;background: linear-gradient(90deg, #FE934C 0%, #FD3A31 100%);border-radius: 50rpx;font-size: 24rpx;color: #fff;text-align: center;line-height: 45rpx;margin-top: 15rpx;}
.bot{position: fixed;left: 0;right: 0;bottom: 0;background: #fff;box-shadow: 0 0 6rpx 1rpx rgba(0,0,0,0.16);height: 115rpx;font-size: 32rpx;color: #000;z-index: 50;}
.bot image{width: 57rpx;height: 57rpx;margin-right: 17rpx;}
.bot view{width: 50%;justify-content: center;position: relative;}
.bot view:first-child::before{content: '';display: block;width: 1rpx;height: 45rpx;background: #E1E1E1;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}

.guoqi{width: 187rpx;height: 165rpx;position: absolute;right: 50rpx;top: 6rpx;z-index: 1;}

.no::before{display: none !important;}