/* pages/luckDraw/profile.wxss */ page{ background: #F7F7F7; display:flex; flex-flow: column nowrap; justify-content: left; align-items: center; box-sizing: border-box; } /* 垂直方向布局,水平居中 **/ .flex-column{ display: flex; flex-flow: column nowrap; align-items: center; justify-content: left; } /* 水平方向布局,垂直居中 **/ .flex-row{ display: flex; flex-flow: row nowrap; align-items: center; justify-content: center; } .check-in-content{ margin: 22rpx; } .explain{ width: 750rpx; height: 98rpx; background: #FFFFFF; justify-content: space-between !important; } .explain-left,.explain-center,.explain-right{ width: 50%; text-align: center; } .explain-text{ font-size: 18px; font-weight: 600; color: #BF2637; } .explain-discount,.explain-utility{ font-size: 28rpx; font-weight: 500; color: #000000; } .explain-column{ width: 90rpx; height: 4rpx; background: #EA443A; border-radius: 2rpx; margin-top: 8rpx; } .explain-columnNo{ width: 90rpx; height: 4rpx; border-radius: 2rpx; margin-top: 8rpx; } .coupon,.prize-content{ width: 707rpx; height: 203rpx; background-image: url(https://dy.shpr.top/welfareGo/luck-draw.png); background-size: 100% 100%; justify-content: space-between; margin-bottom: 19rpx; } .coupon-title,.coupon-data{ padding-left: 49rpx; } .coupon-data{ width: 400rpx; justify-content: space-between; margin-top: 45rpx; } .coupon-title{ width: 400rpx; height: 40rpx; font-size: 34rpx; font-weight: bold; color: #000000; line-height: 30rpx; } .coupon-data-time{ font-size: 26rpx; font-weight: 400; color: #000000; line-height: 30rpx; } .coupon-img{ width: 202rpx; height: 203rpx; justify-content: center; } .coupon-img-url{ width: 178rpx; height: 166rpx; } .coupon-refund{ width: 139rpx; height: 40rpx; border: 1px solid #B01717; border-radius: 50rpx; } .lower-coupon-text{ font-size: 22rpx; font-weight: 500; color: #B01717; } .no_result { font-size: 24rpx; color: #B1B1B1; line-height: 100rpx; font-weight: 1000; text-align: center; } .coupon-wrap-list { width: 100vw; padding: 0 30rpx 20rpx 30rpx; box-sizing: border-box; } .coupon_wrap { width: 690rpx; } .coupon-item-style { background: #fff !important; } .coupon-circule-style { background: #FFF6F5 !important; }