page { background: #FFFFFF; } .info { padding: 20rpx; width: 100%; } .info-one { position: relative; width: 100%; margin-bottom: 30rpx; z-index: 10; } .info-one .bga { width: 100%; height: 160rpx; position: absolute; left: 0; top: 0; z-index: 0; } .info-content { height: 160rpx; width: 100%; color: #fff; padding: 0 24rpx; line-height: 1; position: relative; } .info-btn { background-color: #fff; width: 160rpx; height: 56rpx; border-radius: 28rpx; } .info-footer { background-color: #fff; padding: 24rpx 24rpx 32rpx 24rpx; border-radius: 0 0 16rpx 16rpx; border: 1rpx solid #cfcfcf; border-top: none; color: #666; font-size: 28rpx; } .more-down { width: 33rpx; height: 33rpx; } .more-down-deg { transform: rotate(180deg); animation: showPopUp 0.2s; animation-fill-mode: forwards; } @keyframes showPopUp { 0% { transform: rotate(0deg); } 100% { transform: rotate(180deg); } } .CouponContentC { color: #999999; } .coupon-foot{ padding: 20rpx; font-size: 28rpx; border-bottom: 1rpx solid #F1F1F1; }