//css for ProductInfo
.hairlines {
    .product-number,
    .productor-recommend__tag {
        border-width: 0.5px !important;
    }
}

.groupon-product-info {
    background: #fff;
    border-radius: 0.5rem 0.5rem 0 0;
    padding: 0.6rem 0;
    margin-top: -0.5rem;
    position: relative;
    z-index: 50;
    color: #000;
    .groupon-product-live {
        margin-top: 0.75rem;
    }
    .groupon-product-section {
        padding: 0 0.75rem;
    }
    .activity-double-twelve {
        padding-top: 0.75rem;
        .activity-label {
            display: flex;
            justify-content: space-between;
            padding: 1.15rem 0.5rem 1.15rem 3.6rem;
            border-radius: 0.2rem;
            font-size: 0.65rem;
            color: #C720E0;
            line-height: 1;
            font-weight: 400;
            background: url("https://static.caibeike.com/i/1245ce3640e8c9af044ba6081bd3e3d2-rHbegh") 0.5rem center no-repeat, linear-gradient(133deg, rgba(243, 43, 96, 0.08) 0%, rgba(199, 32, 224, 0.08) 100%);
            background-size: 2.6rem auto, 100% 100%;
        }
        .activity-label-icon {
            margin-left: 0.3rem;
            font-size: 0.55rem;
            color: #C720E0;
        }
    }
}

.productInfo-brand {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    .productInfo-brand__icon {
        flex-shrink: 0;
        width: 0.65rem;
        height: 0.65rem;
        margin-right: 0.3rem;
    }
    .productInfo-brand__append {
        color: #FF9933;
        font-size: 0.7rem;
        font-weight: 400;
        flex-shrink: 0;
    }
    .productInfo-brand__names {
        color: #FF9933;
        font-size: 0.7rem;
        font-weight: 400;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        .productInfo-brand__name {
            &:not(:last-child) {
                &:after {
                    content: ' | ';
                    font-size: 0.6rem;
                }
            }
        }
    }
}

.groupon-product__name {
    display: -webkit-box;
    font-size: 0.9rem;
    line-height: 1.3rem;
    font-weight: 500;
    margin-top: 0.15rem;
    overflow: hidden;
    -webkit-line-clamp: 3;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    /* autoprefixer: ignore next */
    text-overflow: ellipsis;
}

.groupon-product__subTitle {
    display: -webkit-box;
    font-size: 0.75rem;
    font-weight: 400;
    color: rgba(68, 68, 68, 1);
    line-height: 1.15rem;
    margin-top: 0.1rem;
    overflow: hidden;
    -webkit-line-clamp: 2;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    /* autoprefixer: ignore next */
    text-overflow: ellipsis;
}

.productInfo-timerAndPrice {
    background: #F9F9F9;
    border-radius: 0.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.5rem;
    overflow: hidden;
    height: 2.3rem;
    .productInfo--price {
        flex: 1;
        display: flex;
        align-items: center;
        padding-left: 0.5rem;
        padding-top: 0.3rem;
        .product--soldPrice--unit {
            font-size: 0.7rem;
            margin-right: 2px;
            font-weight: 500;
            color: rgba(255, 34, 68, 1);
            line-height: 1rem;
        }
        .product--soldPrice--priceTag {
            font-size: 0.6rem;
            font-weight: 400;
            color: rgba(255, 34, 68, 1);
            line-height: 0.8rem;
        }
        .product--soldPrice {
            font-size: 1.4rem;
            line-height: 100%;
            font-weight: 500;
            color: rgba(255, 34, 68, 1);
            margin-right: 0.3rem;
            display: flex;
            align-items: flex-end;
        }
    }
    .number-content {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        .roduct-marketPrice {
            margin-top: 0.15rem;
        }
    }
    .product-number {
        display: inline-flex;
        align-items: center;
        border: 1px solid rgba(255, 34, 68, 1);
        color: rgba(255, 34, 68, 1);
        border-radius: 0.2rem 0.2rem 0.2rem 0;
        font-size: 0.5rem;
        line-height: .65rem;
        font-weight: 400;
        padding: 0 0.25rem;
        transform: translateY(-0.1rem);
    }
    .product-marketPrice {
        font-weight: 300;
        font-size: 0.6rem;
        margin-top: 0.15rem;
        line-height: 0.6rem;
        color: rgba(157, 157, 157, 1);
        transform: translateY(-0.1rem);
    }
    .groupon-countDown {
        flex-shrink: 0;
    }
}

/* 价格的单行样式 */

.productInfo--price--row {
    background: #fff;
    height: auto;
    .productInfo--price {
        align-items: baseline;
        .number-content {
            flex-direction: row-reverse;
            justify-content: flex-start;
            align-items: flex-end;
            .product-marketPrice {
                margin-right: 0.25rem;
                transform: translateY(1px);
            }
            .product-number {
                transform: translateY(-1px);
            }
        }
    }
    .productInfo--price {
        padding-left: 0;
        padding-top: 0;
    }
}

// 预约打卡
.product-appoint {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-height: 1.7rem;
    box-sizing: border-box;
    padding: 0.55rem 0.5rem;
    box-shadow: 0rem 0.2rem 0.6rem 0rem rgba(233, 233, 233, 1);
    border-radius: 0.2rem;
    margin-top: 0.75rem; // background: gray;
    .product-appoint__icon {
        &:before {
            content: '\e614'
        }
    }
    .product-appoint__title {
        position: relative;
        font-size: 0.7rem;
        line-height: 1;
        font-weight: 500;
        color: rgba(255, 153, 51, 1);
        margin-left: 0.33rem;
        padding-left: 0.9rem;
        transform: translateY(1px); // background: red;
        &:before {
            content: '';
            position: absolute;
            left: 0;
            top: -1px;
            background: url('https://static.caibeike.com/i/eb8d451688bb37923a8f46e1060dc4ec-81NsTn') no-repeat;
            background-size: 100%;
            width: 0.65rem;
            height: 0.65rem;
        }
    }
    .product-appoint__date {
        font-size: 0.6rem;
        font-weight: 400;
        color: rgba(255, 153, 51, 1);
        line-height: 1;
        transform: translateY(1px); // background: yellowgreen;
    }
    .product-appoint__arrowText {
        position: absolute;
        top: 50%;
        right: 0.5rem;
        transform: translateY(-50%);
        font-size: 0.6rem;
        font-weight: 400;
        color: rgba(68, 68, 68, 1);
        .product-appoint__arrow {
            &:before {
                content: '\e615';
                padding-left: 0.4rem;
            }
        }
    }
}

.product-recommend {
    padding: 0.35rem 0.5rem 0.5rem 0.5rem;
    margin-top: 0.75rem;
    background: rgba(249, 249, 249, 1);
    border-radius: 0.2rem;
    .productor-recommend__tags {
        font-size: 0;
        line-height: 0;
    }
    .recommend__text--first {
        margin-top: 0.3rem;
    }
    .product-recommend__text {
        position: relative;
        font-size: 0.65rem;
        line-height: 1.05rem;
        font-weight: 300;
        color: rgba(68, 68, 68, 1);
        padding-left: 0.5rem;
        &:before {
            content: '';
            position: absolute;
            top: 0.2rem;
            left: 0;
            background: url('https://static.caibeike.com/i/b5e0234f77e98b6918372125e97508d8-P7UGqp') no-repeat;
            background-size: 100%;
            width: 0.3rem;
            height: 0.3rem;
        }
    }
    .productor-recommend__tag {
        margin-top: 0.4rem;
    }
}

.productor-recommend__tags {
    overflow: hidden;
    padding-bottom: 0.5px;
    .productor-recommend__tag {
        // 修改高度
        position: relative;
        display: inline-flex;
        align-items: center;
        flex-shrink: 0;
        border-radius: 0.1rem;
        padding: 0 0.3rem;
        margin-right: 0.3rem;
        margin-top:0.3rem;
        height: 0.9rem;
        &:before{
            content: "";
            position: absolute;
            width: 200%;
            height: 200%;
            border: 1px solid #f24;
            left: 0;
            top: 0;
            transform: scale(0.5);
            transform-origin: 0 0;
            box-sizing: border-box;
            border-radius: 0.2rem;
        }
        .productor-recommend__tagText {
            font-size: 0.6rem;
            font-weight: 300;
            color: rgba(255, 34, 68, 1);
            line-height: 0.6rem;
        }
        .recommend__tagText--and {
            transform: translateY(1px);
        }
    }
}

.recommend-tags--only {
    // 只有推荐标签
    font-size: 0;
    line-height: 0;
    .productor-recommend__tags {
        // margin-top: 0.3rem;
    }
}

.product-store-adjustList {
    margin-top: 0.75rem;
    .product-store-adjust {
        position: relative;
        font-size: 0.6rem;
        line-height: 0.8rem;
        font-weight: 300;
        color: rgba(255, 109, 93, 1);
        margin-top: 0.25rem;
        padding-left: 0.8rem;
        &:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0.14rem;
            background: url('https://static.caibeike.com/i/625c9fa6aa59c588841dce473180df13-uzAhnh') no-repeat;
            background-size: 100%;
            height: 0.55rem;
            width: 0.55rem;
        }
    }
}