//css for FitStoreCard
@import 'cbkfe-assets/dist/css/control.less';
@color_e9 : #E9E9E9;
@color_f9: #F9F9F9;
@color_00: #000000;
@color_44: #444444;
@color_ff: #FFFFFF;

.fitStoreCard-container {
    width: 100%;
    background: @color_ff;
    border-radius: 0 0 0.2rem 0.2rem;

    .product-wrap {
        z-index: 2;
        display: flex;
        align-items: center; // padding: 0.5rem 0 0.5rem 0.5rem;
        padding: 0 0 0 0.5rem;
        background: @color_ff;
        border-radius: 0.2rem;
        box-shadow: 0rem 0.2rem 0.6rem 0rem @color_e9;

        .product-img {
            width: 3rem;
            height: 3rem;
            margin: 0.5rem 0;
            border-radius: 0.2rem;
            overflow: hidden;
            border: 0.05rem solid rgba(233, 233, 233, 1);
        }

        .product-detail {
            position: relative;
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: space-between; // height: 3rem;
            min-height: 3rem;
            margin-left: 0.5rem;
            padding-right: 0.5rem;
            overflow-x: hidden;
        }

        .product-detail-title {
            .font(0.7rem, @color_00, 0.9rem);
            font-weight: 500; // transform: translateY(-0.1rem);
            .text-overflow();
        }

        .product-detail-classify {
            // padding-top: 0.2rem;
            // padding-bottom: 0.6rem;
            .font(0.6rem, @color_44, 0.8rem);
            font-weight: 400;
            .text-overflow();
        }

        .product-detail-distance {
            // position: absolute;
            // bottom: 0;
            // left: 0;
            display: flex;
            align-items: center;
            .font(0.6rem, @color_44, 0.6rem);
            font-weight: 400;
            .text-overflow();

            .address-icon {
                padding-right: 0.25rem;
                font-size: 0.45rem;
            }
        }

        .product-tel {
            margin: auto;
            color: rgb(255, 34, 68);
            padding: 0.55rem 1rem;
            font-size: 0.9rem;
            border-left: 1px #e9e9e9 solid;
        }
    }

    .info-wrap {
        width: 100%;
        padding: 0 0.5rem 0.6rem;
        background: @color_f9;
        border-radius: 0rem 0rem 0.2rem 0.2rem;
    }

    .info-title-wrap {
        display: flex;
        align-items: flex-start;
        padding-top: 0.45rem;
        border-radius: 0 0 0.2rem 0.2rem;

        &:nth-child(1) {
            padding-top: 0.6rem;
        }

        .info-title {
            position: relative;
            flex-shrink: 0;
            display: inline-block;
            height: 1rem;
            padding-left: 1rem;
            .font(0.7rem, @color_00, 1rem);
            background-repeat: no-repeat;
            background-size: auto 0.7rem;
            background-position: 0 50%;
            white-space: nowrap;
            font-weight: 400;
        }

        .info-desc-item {
            .font(0.6rem, @color_44, 1rem);
            .line-clamp(2);
            font-weight: 300;
            word-break: break-all;
        }

        .info-desc-gather{
            .line-clamp(5);   
        }

        .info-desc__resetTime {
            .font(0.6rem, @color_44, 1rem);
            font-weight: 300;
            word-break: break-all;
        }

        .resetTime__image {
            height: 0.7rem;
            transform: translateY(0.1rem);
            margin-right: 0.25rem;
        }

        .info-desc-item-address {
            padding-top: 0.05rem;
            .font(0.6rem, @color_44, 0.95rem);
        }

        .info-desc-item-address2 {
            margin-top: 0.05rem; // padding-top: 0.05rem;
            .font(0.6rem, @color_44, 0.95rem);
        }
    }

    .info-title-wrap-address {
        padding-bottom: 0.05rem;
    }
}