@import "@/assets/bundle.scss";

.waterfalls-flow {
    overflow: hidden;
    padding: 10rpx;
	/* #ifdef MP-ALIPAY */
	background-color: #f4f4f4;
	/* #endif */
    &-column {
        float: left;
    }
}

.column-value {
    width: 100%;
    font-size: 0;
    overflow: hidden;
    transition: opacity .4s;
    opacity: 0;
    border:1rpx solid #e6e1e1;
    // box-shadow: 1rpx 1rpx 1rpx 1rpx #8c8c8c;
    padding: 20rpx;
    box-sizing: border-box;
    &-show {
        opacity: 1;
    }

    .inner {
        font-size: 30rpx;
    }

    .img {
        width: 100%;

        &-hide {
            display: none;
        }

        &-error {
            background: #f2f2f2 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAiAQMAAAAatXkPAAAABlBMVEUAAADMzMzIT8AyAAAAAXRSTlMAQObYZgAAAIZJREFUCNdlzjEKwkAUBNAfEGyCuYBkLyLuxRYW2SKlV1JSeA2tUiZg4YrLjv9PGsHqNTPMSAQuyAJgRDHSyvBPwtZoSJXakeJI9iuRLGDygdl6V0yKDtyMAeMPZySj8yfD+UapvRPj2JOwkyAooSV5IwdDjPdCPspe8LyTl9IKJvDETKKRv6vnlUasgg0fAAAAAElFTkSuQmCC) no-repeat center center;
        }
    }

    .good-name {
        font-size: 28rpx;
        margin-top: 20rpx;
        color: #333;
        overflow: hidden;
        text-align: justify;
        line-height: 1.2;
        margin-bottom: 10rpx;
    }
    
    .good-price {
        // border:1rpx solid red;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin:10rpx 0;
        font-weight: 500;
        color: $strong;
    }

    .price {
        display: flex;
        align-items: baseline;

        .price-text{
            font-size: 28rpx;
        }
    
        .price-text::before{
            content: "￥";
            font-size: 28rpx;
        }

        .unit{
            font-size:28rpx;
        }
    }

    .ori-price {
        font-size: 20rpx;
        color: $gray;
        margin-left: 10rpx;
        text-decoration: line-through;
        &:before {
          content: "￥";
        }
    }

    .act-type-wrapper {
        height: 20rpx;
        overflow: hidden;
      }

    .act-type {
        @extend %act-type-text;
    }
      
    .countTime-wrap{
        height: 17rpx;
        width: 100%;
        margin-bottom: 5rpx;
    }

    .countTime{
        color: #E6A23C;
        font-size: 26rpx;
    }

    .priceStyle{
        color: rgb(149, 209,131);
        font-size: 25rpx;
        margin-bottom:10rpx;
    }

    .priceColor{
        color:$strong;
    }
}