.consume{ border-radius: 18rpx; background: linear-gradient(270deg, #3566FF 0%, #1A4DEB 60%); box-shadow: 0 10rpx 10rpx 0 rgba(54, 98, 236, 0.2); margin:20rpx; padding:40rpx 30rpx; color:#fff; position:relative; } .consume .title{ font-size: 32rpx; } .consume .money{ font-size: 70rpx; font-weight: 600; margin-top:40rpx; } .consume .tips{ position:absolute; right:0;top:32rpx; border-radius: 60rpx 0 0 60rpx; background-color: #1A4DEB; line-height: 40rpx; font-size: 22rpx; padding:0 16rpx; } .btns{ display: flex; justify-content: space-between; margin:24rpx; } .btns .item{ font-weight: normal; border-radius: 12rpx; font-size: 26rpx; margin:0; padding:18rpx 34rpx; line-height: 1; } .btns .item:not([type=primary]){ background-color: #fff; } .shop-list .item{ display: flex; } .shop-list .item .logo{ width:180rpx;height:180rpx; } .shop-list .item .content{ flex:1; margin-left:18rpx; } .shop-list .item .line1{ font-size:34rpx; font-weight: 600; } .shop-list .item .line2{ font-size: 26rpx; display: flex; color:#888888; margin-top:26rpx; padding-bottom:16rpx; } .shop-list .item .line2-1{ flex:1; } .shop-list .item .line-coupon{ font-size: 26rpx; margin-top: 20rpx; position: relative; } .shop-list .item .line-coupon::before{ content: '惠'; width:34rpx;height:34rpx; font-size:22rpx; border-radius: 8rpx; background-color: #FF8400; color: #fff; display: inline-block; text-align: center; line-height: 34rpx; vertical-align: top; margin-right: 8rpx; } .shop-list .item .money{ font-size: 32rpx; color:#EB0000; font-weight:500 } .shop-list .item .money-disable{ font-size: 28rpx; color: #888888; text-decoration: line-through; }