/* components/diy-coupon/coupon.wxss */ .one_index { .one_info { display: flex; color: #ffffff; justify-content: center; margin: 10rpx 0; .one_left { display: flex; align-items: center; justify-content: space-around; width: 500rpx; height: 180rpx; .price { font-size: 44rpx; font-weight: 700; .text { font-size: 28rpx; } } .price_right { .right_title { font-size: 28rpx; font-weight: 700; } .desc { margin-top: 10rpx; font-size: 26rpx; color: #f4f4f5; } } } .one_right { margin-left: 3rpx; width: 180rpx; height: 180rpx; font-size: 28rpx; display: flex; align-items: center; justify-content: center; } } } .two_index { display: flex; flex-direction: column; align-items: center; .two_info { width: 90%; display: flex; color: #ffffff; align-items: center; justify-content: space-around; margin: 10rpx 0; height: 160rpx; .two_left { display: flex; align-items: center; .price { font-size: 44rpx; font-weight: 700; .text { font-size: 28rpx; } } .price_right { margin-left: 40rpx; .right_title { font-size: 28rpx; font-weight: 700; } .desc { margin-top: 10rpx; font-size: 26rpx; color: #f4f4f5; } } } .two_right { font-size: 28rpx; } } } .slid_index { .slid { display: flex; white-space: nowrap; .slid_info { margin-left: 20rpx; padding: 35rpx 15rpx; text-align: center; width: 100%; .slid_price { font-size: 44rpx; font-weight: 700; color: #ffffff; .slid_text { font-size: 28rpx; } } .slid_desc { margin-top: 10rpx; font-size: 24rpx; color: #f4f4f5; } } } } .slid_index4 { .slid4 { display: flex; white-space: nowrap; .slid_info4 { margin-left: 20rpx; padding: 35rpx 15rpx; text-align: center; width: 100%; .slid_price4 { font-size: 44rpx; font-weight: 700; color: #ffffff; .slid_text4 { font-size: 28rpx; } } .slid_desc4 { margin-top: 10rpx; font-size: 24rpx; color: #f4f4f5; } } } }