renshou/product/coupon/coupon.css

.new{height: 436rpx;background: linear-gradient(90deg, #FE934C 0%, #FD3A31 100%);border-radius: 15rpx;position: relative;padding: 25rpx 20rpx 0;margin: 30rpx 30rpx 0;}
.new-tits{font-size: 36rpx;color: #fff;font-weight: bold;}
.quan-dai{width: 263rpx;height: 182rpx;position: absolute;top: 0;right: 36rpx;}
.new-list{white-space: nowrap;margin-top: 25rpx;}
.new-list .li{display: inline-block;width: 210rpx;background: #fff;border-radius: 16rpx;padding: 12rpx;color: #FD4534;box-sizing: border-box;margin-right: 15rpx;height: 335rpx;}
.new-list .li:last-child{margin-right: 0;}
.new-img{width: 185rpx;height: 185rpx;border-radius: 16rpx;}
.new-info{justify-content: center;border-bottom: 1rpx dashed #E9E9E9;padding: 10rpx 0;flex-wrap: nowrap;}
.new-money{font-size: 36rpx;font-weight: bold;margin-right: 10rpx;}
.new-money text{font-size: 24rpx;font-weight: normal;}
.new-man{font-size: 20rpx;}
.new-btn{padding: 15rpx 0 0;text-align: center;font-size: 24rpx;font-weight: bold;}
.coupons{height: 362rpx;background: #fff;border-radius: 15rpx;position: relative;padding: 25rpx 20rpx 0;margin: 30rpx 30rpx 0;}
.coupons-tits{font-size: 36rpx;color: #FD4534;font-weight: bold;}
.coupons-list{white-space: nowrap;margin-top: 25rpx;}
.coupons-list .li{display: inline-block;width: 210rpx;background: linear-gradient(138deg, #FE934C 0%, #FD3A31 100%);border-radius: 10rpx;text-align: center;margin-right: 15rpx;height: 252rpx;}
.coupons-list .li:last-child{margin-right: 0;}
.coupons-top{height: 165rpx;border-bottom: 1rpx dashed rgba(255,255,255,.5);position: relative;padding-top: 30rpx;box-sizing: border-box;}
.coupons-top:before,.coupons-top::after{content: '';display: block;width: 25rpx;height: 25rpx;background: #fff;position: absolute;bottom: -12rpx;border-radius: 50%;}
.coupons-top:before{left: -12rpx;}
.coupons-top:after{right: -12rpx;}
.coupons-type{height: 28rpx;background: rgba(255,255,255,.3);border-radius: 0 0 10rpx 10rpx;font-size: 18rpx;color: #fff;padding: 0 14rpx;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.coupons-money{font-size: 64rpx;color: #fff;font-weight: bold;}
.coupons-money text{font-size: 30rpx;font-weight: normal;}
.coupons-man{font-size: 22rpx;color: #FFE3C7;}
.coupons-btn{width: 136rpx;height: 45rpx;background: #FFEDC8;border-radius: 50rpx;font-size: 24rpx;color: #FD4534;text-align: center;line-height: 45rpx;margin: 20rpx auto 0;}
.title{font-size: 36rpx;color: #000;font-weight: bold;padding: 35rpx 30rpx 0;justify-content: space-between;}
.rico{width: 15rpx;height: 24rpx;}
.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: 1rpx 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;}