card-mini/pages/mine/product/coupon/couponlist.wxss

/* pages/mine/product/coupon/couponlist.wxss */
page {
    background: #f2f2f2;
}

.right-box {
    width: 100%;
    position: relative;
    min-height: 140rpx;
    flex: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0rpx 10rpx 10rpx 0rpx;
    flex-direction: column;
    padding: 10rpx;
    background-image: radial-gradient(circle at left top, #f2f2f2, #f2f2f2 10rpx, transparent 11rpx),
        radial-gradient(circle at left bottom, #f2f2f2, #f2f2f2 10rpx, transparent 11rpx);
    background-color: #E6B980;
}

.left-box {
    width: 100%;
    flex: 7;
    position: relative;
    min-height: 140rpx;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    padding: 10rpx 15rpx;
    position: relative;
    border-radius: 10rpx 0rpx 0rpx 10rpx;
    background-image: radial-gradient(circle at right top, #f2f2f2, #f2f2f2 10rpx, transparent 11rpx),
        radial-gradient(circle at right bottom, #f2f2f2, #f2f2f2 10rpx, transparent 11rpx);
    background-color: #ffffff;
}

.price {
    color: #ffffff;
    font-size: 48rpx;
}

.price-icon {
    color: #ffffff;
    font-size: 28rpx;
}

.price-term {
    font-size: 24rpx;
    color: #ffffff;
}



.btn-box {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 10rpx 20rpx;
}

.btn {
    padding: 10rpx 40rpx;
}

.coupon-name {
    font-size: 32rpx;
    font-weight: bold;
    color: black;
    flex: 1;
}

.coupon-desc {
    font-size: 24rpx;
    color: #797979;
}

.coupon-type-yellow {
    font-size: 24rpx;
    color: #ffffff;
    background: #ff9800;
    padding: 0rpx 10rpx;
    border-radius: 5rpx;
}

.coupon-type-blue {
    font-size: 24rpx;
    color: #ffffff;
    background: #0471ff;
    padding: 0rpx 10rpx;
    border-radius: 5rpx;
}