.hairlines {
    .cbkfe-bottom-bar {
        .bottom-bar__label {
            border-width: 0.5px !important;
        }
    }
}

//css for FooterBar
.cbkfe-bottom-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    overflow: hidden;
    background: #fff;
    box-shadow: 0rem 0rem 0.4rem 0rem rgba(221, 221, 221, 0.6);
    padding-left: 0.75rem;
    &--fixed,
    &--absolute {
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 100;
    }
    &--circle {
        .cbkfe-bottom-bar {
            height: 3rem;
            padding-right: 0.75rem;
        }
        .bottom-bar__grouponBtn {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 9rem;
            height: 2.2rem;
            background: rgba(255, 34, 68, 1);
            border-radius: 1.1rem;
            font-size: 0.75rem;
            font-weight: 500;
            color: rgba(255, 255, 255, 1);
        }

        .bottom-bar__memberfree {
            color: #ffede2;
            background: -webkit-linear-gradient(206deg,#444,#000);
        }
    }
    &--square {
        .cbkfe-bottom-bar {
            height: 2.45rem;
        }
        .cbkfe-bottom-btnbox {
            max-width: 9.5rem;
            flex: 1;
            display: flex;
            justify-content: flex-start;
            align-content: center;
            .cbkfe-footBar-wxBtn {
                flex-shrink: 0;
                width: 3.5rem;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                background: #fee8ec;
            }
            .footBar-wxBtn__img {
                width: 1.1rem;
            }
            .footBar-wxBtn__wechatText {
                font-size: .5rem;
                font-weight: 400;
                color: #f24;
                margin-top: .2rem;
            }
            .bottom-bar__grouponBtn {
                display: flex;
                flex: 1;
                justify-content: center;
                align-items: center;
                height: 2.45rem;
                font-size: 0.75rem;
                font-weight: 500;
                color: rgba(255, 255, 255, 1);
                background: rgba(255, 34, 68, 1);
            }

            .bottom-bar__memberfree {
                color: #ffede2;
                background: -webkit-linear-gradient(206deg,#444,#000);
            }
        }
    }
    &--disable {
        .cbkfe-bottom-btnbox {
            .bottom-bar__grouponBtn {
                background-color: #C9C9C9;
            }
            .grouponBtn--rob {
                background: #FFE8EC;
                color: #FF2244;
                font-size: 0.9rem;
            }
            .grouponBtn--rob-wx {
                border-left: 0.05rem solid #fff;
            }
        }
    }
    .bottom-bar__grouponText {
        display: flex;
        align-items: center;
        justify-content: center;
        &--col {
            flex-direction: column;
        }
        &--row {
            .bottom-bar__subTitle {
                margin-left: 0.3rem;
            }
        }
    }
    .cbkfe-bottom-barPrice {
        // flex: 1;
        flex-shrink: 0;
    }
}

.cbkfe-bottom-bar_grouponBuyType{
    height:3rem !important;
    padding-left: 0;
    .cbkfe-bottom-btnbox{
        max-width: 100%;
        padding: 0.4rem 0.75rem;
        .cbkfe-footBar-wxBtn{
            width: auto;
            flex: 1;
            flex-direction:row;
            justify-content: center;
            align-items: center;
            margin-right: 0.75rem;
            border-radius: 1.1rem;
            .footBar-wxBtn__img{
                width: 1.2rem;
                margin-right:0.3rem;
            }
        }

        .footBar-wxBtn__wechatText{
            font-size: 0.8rem;
            margin-top: 0;
            line-height: 0.83rem;
        }

        .bottom-bar__grouponBtn{
            height:2.2rem;
            border-radius: 1.1rem;
            font-size:0.8rem;
        }

        .bottom-bar__memberfree {
            color: #ffede2;
            background: -webkit-linear-gradient(206deg,#444,#000);
        }
    }
}