share_activity/components/couponWrap/index.wxss

/* components/couponWrap/index.wxss */

.coupon-list {
    display: block;
    padding-top: 10rpx;
}

.coupon-item {
    display: inline-block;
    margin-bottom: 20rpx;
    background: #FFF6F5;
    font-size: 24rpx;
    border-radius: 12rpx;
    width: 690rpx;
    overflow-x: hidden;
}
.coupon-list .coupon-item:last-child {
    margin-bottom: 0;
}

.coupon-card {
    height: 156rpx;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
}

.coupon-card-left {
    width: 220rpx;
    text-align: center;
}

.coupon-prices {
    width: 100%;
    white-space: nowrap;
}

.coupon-condition {
    font-size: 20rpx;
    color: #F06255;
    display: inline-block;
    vertical-align: middle;
}

.coupon-prices {
    font-size: 70rpx;
    color: #F06255;
    font-weight: 600;
    height: 88rpx;
    vertical-align: baseline;
    box-sizing: border-box;
    padding-top: 6rpx;
}
.coupon-prices._small {
    padding-top: 20rpx;
    font-size: 60rpx;
}

.coupon-prices ._unit {
    font-size: 30rpx;
}
.coupon-condition:before, .coupon-condition:after {
    width: 6px;
    height: 6px;
    background: #F06255;
    transform:rotate(45deg);
    margin: 0 6rpx;
    display: inline-block;
    content: "";
    vertical-align: middle;
    position: relative;
    top: -3rpx;
}

.coupon-card-right {
    padding-left: 4rpx;
}
.coupon-card-right ._title {
    color: #444;
    font-weight: 600;
    font-size: 34rpx;
    padding-top: 32rpx;
    white-space: nowrap;
}
.coupon-card-right ._time_des {
    font-size: 24rpx;
    color: #A0A0A0;
    margin-top: 14rpx;
}

.coupon-card-num {
    position: absolute;
    display: inline-block;
    right: 32rpx;
    top: 38rpx;
    background: #F06255;
    border-radius: 20rpx;
    color: #fff;
    font-size: 26rpx;
    padding: 1rpx 12rpx 2px;
}
.coupon-card-btn {
    position: absolute;
    display: inline-block;
    right: 32rpx;
    top: 38rpx;
    background: #F06255;
    border-radius: 32rpx;
    color: #fff;
    font-size: 26rpx;
    padding: 8rpx 16rpx 10rpx;
}
.coupon-card-btn.gray {
    background:#a0a0a0;
}

.coupon-split {
    border-top: 2rpx dashed  #F06255;
    position: relative;
}
.coupon-circule {
    height: 20rpx;
    width: 20rpx;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: -12rpx;
}
.coupon-circule._left {
    left: -10rpx;
}
.coupon-circule._right {
    right: -10rpx;
}

.coupon-detail {
    padding: 20rpx 50rpx;
}
.fold-title {
    font-size: 24rpx;
    color: #444;
}
.fold-btn {
    width: 26rpx;
    height: 26rpx;
    position: relative;
    display: inline-block;
    left: 18rpx;
    top: 4rpx;
}

.coupon-detail-line {
    margin-top: 12rpx;
    font-size: 24rpx;
    color: #444;
}
.coupon-detail-line ._key{
    color: #A0A0A0;
}

.coupon-detail-des {
    margin-top: 10rpx;
    font-size: 24rpx;
    color: #444;
}

.look_more_txt {
    padding-left: 20rpx;
    color: #F06255;
    font-size: 22rpx;
}