renshou/template/coupons/index.css

.coupon-box{background-color: #f5f6f7;padding: 0 20rpx 20rpx;overflow: hidden;}
.copons-view{border-radius: 20rpx;padding-bottom: 40rpx;}
.head .titleNav{justify-content: space-between;align-items: center;font-size: 36rpx;font-weight: bold;padding-bottom: 20rpx;padding-top: 20rpx;}
.head .titleNav text{font-size: 24rpx;color: #666;margin-left: 10rpx;font-weight: normal;}
.head .titleNav .quan-tits{color: #FD3E33;font-size: 36rpx;font-weight: bold;margin-left: 0;}
.more{width: 16rpx;height: 27rpx;}
.imgtit{width: 100%; margin-bottom:20rpx; }
.coupons-list{justify-content: center;height: 202rpx;overflow: hidden;}
.coupons-lists{white-space: nowrap;height: 230rpx;}
.coupons-list .li{display: inline-block;width: 148rpx;text-align: center;margin-right: 19rpx;position: relative;}
.coupons-list .li:first-child{margin-left: 20rpx;}
.coupons-list .li:last-child{margin-right: 20rpx;}
.coupons-list .yi-li{opacity: .6;}
.li-c{height: 184rpx;background: linear-gradient(180deg, #FF6525 0%, #FA6025 100%);border-radius: 10rpx;margin-top: 18rpx;}
.coupons-top{width: 136rpx;height: 136rpx;position: relative;padding-top: 15rpx;box-sizing: border-box;background: #FFF5EB;margin: 0 6rpx;border-radius: 20rpx 20rpx 0 0;position: relative;top: -18rpx;z-index: 1;}
.coupons-type{font-size: 20rpx;color: #F73C27;}
.coupons-money{font-size: 56rpx;color: #F73C27;font-weight: bold;}
.coupons-money text{font-size: 32rpx;font-weight: normal;}
.coupons-man{font-size: 20rpx;color: #F73C27;}
.coupons-btn{font-size: 24rpx;color: #FFEFC5;position: relative;z-index: 5;margin-top: -5rpx;}
.coupons-bg{position: absolute;bottom: 0;left: 0;right: 0;width: 148rpx;height: 85rpx;z-index: 1;}