H5_module/mine/coupons/coupons.css

/* mine/coupons/coupons.wxss */
page{padding-bottom: 100rpx;}
.tab{line-height: 100rpx;font-size: 30rpx;color: #999;text-align: center;}
.tab .li{width: 50%;position: relative;}
.tab .li.active{color: #222;font-weight: bold;}
.tab .li.active::after{content: '';display: block;width: 38rpx;height: 7rpx;background:var(--mina);border-radius: 4rpx;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
/* .list{padding: 30rpx 20rpx 10rpx;overflow: hidden;}
.list .li{background: #fff;border-radius: 10rpx;overflow: hidden;border:1px solid rgba(222,222,222,1);margin-bottom: 20rpx;position: relative;}
.lit{height: 187rpx;position: relative;}
.lqbg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;}
.lits{position: relative;z-index: 2;padding: 30rpx 40rpx 0;}
.left{font-weight: bold;font-size: 24rpx;color: #fff;font-weight: bold;margin-right: 20rpx;}
.left text{font-size: 36rpx;font-weight: normal;}
.left text.jine{font-size: 88rpx;font-weight: bold;}
.tong{margin-top: 25rpx;}
.tong view{font-size: 28rpx;color: #fff;margin-bottom: 5rpx;}
.tong text{font-size: 24rpx;color: #fff;}
.lqbtn{width: 180rpx;height: 69rpx;background: #fff;border-radius: 35rpx;line-height: 69rpx;font-size: 24rpx;color: #FF6008;text-align: center;margin-top: 25rpx;}
.right{padding: 15rpx 35rpx 10rpx;font-size: 24rpx;color: #9A9A9A;overflow: hidden;}
.right view{position: relative;margin-bottom: 10rpx;}
.right view::before{content: '';display: block;width: 8rpx;height: 8rpx;border-radius: 50%;background: #888;position: absolute;left: -20rpx;top: 50%;transform: translateY(-50%);}
.list .li.fail .lqbtn{background: #A6A6A6;color: #333;}
.guoqi{width: 187rpx;height: 165rpx;position: absolute;right: 50rpx;top: 6rpx;z-index: 1;} */

.dflex{align-items: center;}
.list{padding: 31rpx 30rpx 20rpx;}
.list .li{background: #fff;box-shadow: 0 0 32rpx rgba(0, 0, 0, 0.04);border-radius: 15rpx;padding: 0 22rpx;color: #999;margin-bottom: 24rpx;position: relative;}
.info{border-bottom: 1rpx dashed #E9E9E9;padding: 20rpx 22rpx 29rpx 9rpx;position: relative;}
.info::before,.info::after{content: '';display: block;width: 20rpx;height: 20rpx;background: #f6f6f6;border-radius: 50%;position: absolute;bottom: -10rpx;}
.info::before{left: -34rpx;}
.info::after{right: -34rpx;}
.info-img{width: 80rpx;height: 80rpx;border-radius: 8rpx;margin-right: 15rpx;}
.title{font-size: 32rpx;color: #222;font-weight: bold;}
.time{font-size: 22rpx;margin-top: 15rpx;}
.info-r{text-align: right;margin-left: 20rpx;width: 200rpx;}
.money{font-size: 60rpx;color: #EB0000;}
.money text{font-size: 30rpx;}
.man{font-size: 22rpx;}
.li-bot{padding: 15rpx 15rpx 15rpx 7rpx;height: 50rpx;}
.check{font-size: 24rpx;color: #666;}
.xian{height: 27rpx;background: linear-gradient(90deg, #F9E1B7 0%, #FBDBA4 100%);border-radius: 50rpx;font-size: 18rpx;color: #8A5203;line-height: 27rpx;padding: 0 10rpx;}
.check image{width: 17rpx;height: 11rpx;margin-left: 8rpx;}
.ma{width: 38rpx;height: 38rpx;margin-right: 60rpx;}
.yong{width: 130rpx;height: 50rpx;background: linear-gradient(90deg, #FE934C 0%, #FD3A31 100%);border-radius: 28rpx;font-size: 24rpx;color: #fff;justify-content: center;}
.yong::after{content: '';display: block;width: 0;height: 0;border: 10rpx solid transparent;border-right: none;border-left-color: #fff;border-radius: 5rpx;margin-left: 8rpx;}
.infos{font-size: 20rpx;padding: 15rpx 0 30rpx;}
.infos view{padding: 5rpx 0;}
.list .li.tong{background: #FF243D;color: #fff;}
.list .li.tong .info{border-bottom-color: rgba(255,255,255,.3);}
.list .li.tong .title,.list .li.tong .check,.list .li.tong .money{color: #fff;}
.list .li.tong .yong{background: linear-gradient(90deg, #FFECD9 0%, #FFB164 100%);color: #D88636;}
.list .li.tong .yong::after{border-left-color: #D88636;}
.yi{width: 130rpx;}
.yipic{width: 144rpx;height: 103rpx;position: absolute;right: 20rpx;bottom: 0;z-index: 2;}
.list .li.hui{opacity: .7;}
.i-pro text{margin-right: 20rpx;color: #333;}

.show{display: block;}
.hide{display: none;}
.erweima{width: 50rpx; height: 50rpx;}
.bot{justify-content: space-between;padding: 0 30rpx;align-items: center;}
.ygq{width: 180rpx;height: 69rpx;background: #A6A6A6;border-radius: 35rpx;line-height: 69rpx;font-size: 24rpx;color: #323232;text-align: center;margin-top: 25rpx;}

.ling{height: 100rpx;background: #FFFFFF;font-size: 30rpx;color: #222;align-items: center;border-radius: 16rpx;margin: 30rpx 30rpx 0;padding: 0 27rpx;}
.quan-img{width: 40rpx;height: 34rpx;margin-right: 9rpx;}
.rico{width: 14rpx;height: 21rpx;}