.footer-suspend{
    position: fixed;
    right: 16px;bottom: 30px;
    text-align: right;
    z-index: 300;
    .item-box{
        margin-bottom: 6px;
        cursor: pointer;
        overflow: hidden;
        display: inline-block;
        pointer-events: none;
        &.active{
            pointer-events: auto;
            .item-inner{
                &::after{
                    // opacity: 1;
                    width: calc(100% - 10px);
                    background-color: $vi;
                }
            }
            .item-icon{
                background-color: $vi;
            }
            .item-txt{
                transition-delay: .3s;
                opacity: 1;visibility: visible;
                transform: translateY(0);
            }
        }
    }
    .item-inner{
        display: inline-block;
        position: relative;
        &::after{
            @include slug(all,.3s);
            content: "";display: block;
            position: absolute;
            right: 10px;top: 0;
            width: 20px;;height: 100%;
            background-color: #D6DCE3;
            border-radius: 24px;
        }
    }
    .item-txt,
    .item-icon{
        display: inline-block;vertical-align: middle;
    }
    .item-txt{
        @include slug(all,.3s);
        opacity: 0;visibility: hidden;
        font-size: 12px;color: #fff;
        height: 46px;line-height: 46px;
        padding-left: 20px;padding-right: 6px;
        position: relative;
        transform: translateY(4px);
        z-index: 10;
    }
    .item-icon{
        transition: background .3s,border .3s;
        position: relative;
        width: 46px;height: 46px;
        border-radius: 50%;z-index: 20;
        background-color: #6D6D6D;
        pointer-events: auto;
    }
    i{
        position: absolute;
        left: 50%;top: 50%;
        font-size: 24px;color: #fff;
        margin-left: -12px;margin-top: -12px;
    }
   
    .icon-message,
    .icon-mail{
        display: block;
        transform: scale(.7);
        transform-origin: left center;
    }
    .item-back{
        .icon-bt{
            font-size: 12px;
            margin-top: -6px;
            margin-left: -10px;
        }
    }
}

.fbg-white{
    .footer{
        background-color: #fff;
    }
}

.fc-mail__title{
    font-weight: 700;
    line-height: lineHeight(14,24);
    margin-top: 6px;
}

.fc-mail__inner{
    line-height: lineHeight(16,24);
    font-family: $MontserratMedium;
}