/* pages/my/coupon/coupon.wxss */ page { width: 750rpx; height: 100vh; background: #F6F6F6; } .topBoxs { width: 750rpx; height: 140rpx; background: #FFFFFF; padding: 30rpx 25rpx; } .topBoxs .input { width: 470rpx; height: 80rpx; background: #F6F6F6; border-radius: 8rpx; padding:0 25rpx; box-sizing: border-box; color: #999; font-size: 30rpx; } .topBoxs .now { width: 210rpx; height: 80rpx; border-radius: 8rpx; font-size: 30rpx; line-height: 80rpx; text-align: center; } .gray { color: #FFFFFF; background: #CCCCCC; } .skyBlue { color: #FFFFFF; background: linear-gradient(270deg, #467FFF 0%, #4699FF 100%); } .listBoxs { padding: 25rpx; } .listBoxs .itemBoxs { width: 702rpx; background: #FFFFFF; border-radius: 12rpx; margin: auto; margin-bottom: 25rpx; padding:50rpx 25rpx 32rpx; position: relative; } .opct{ opacity: .75; } .top .le { line-height: 45rpx; } .top .tit { font-size: 32rpx; font-weight: 500; color: #191C27; } .top .time { font-size: 24rpx; color: #666666; } .top .lr { text-align: center; } .top .num .logo { font-size: 32rpx; font-weight: normal; } .top .num { font-size: 55rpx; font-weight: bold; color: #FF663D; } .top .old { font-size: 24rpx; color: #666666; } .itemBoxs .line { width: 100%; height: 2rpx; background-image: linear-gradient(to right, #EDEDED 0%, #EDEDED 50%, transparent 50%); background-size: 20rpx 20rpx; background-repeat: repeat-x; margin: 20rpx 0; } .footer { align-items: flex-start; } .footer .lr { width: 136rpx; height: 48rpx; background: linear-gradient(360deg, #FE425D 0%, #FE7011 100%); border-radius: 30rpx; font-size: 24rpx; color: #FFFFFF; line-height: 48rpx; text-align: center; } .footerTips { font-size: 24rpx; color: #666666; position: absolute; left: 50%; bottom: 2%; width: 60%; transform: translate(-50%, 0); } .footerTips .line { width: 1px; height: 20rpx; background: #BDBDBD; } .guoqi{ width: 90rpx; height: 90rpx; position: absolute; right: 0; bottom: 0; z-index: 10; } .custom-image .van-empty__image{ width: 690rpx; }