.suspension {
    position: fixed;
    z-index: 55;
    right: 0;
    width: 70px;
    height: 240px;
}

.suspension-box {
    position: relative;
    float: right;
}

.suspension .a {
    padding: 0;
    display: block;
    width: 44px;
    height: 44px;
    cursor: pointer;
    outline: none;
}

.suspension .a.active,
.suspension .a:hover {
    opacity: 0.8;
}

.suspension button {
    border: none;
}

.suspension .a .i {
    float: left;
    width: 44px;
    height: 44px;
    background-image: url(./image/top.svg);
    background-repeat: no-repeat;
}

.suspension .a-facebook .i {
    background-color: #4267B2;
    width: 44px;
    height: 44px;
    background-image: url(./image/facebook.svg);
    background-repeat: no-repeat;

}

.suspension .a-twitter .i {
    background-position: 12px 12px;
    background-size: 20px 20px;
    background-color: #000;
    width: 44px;
    height: 44px;
    background-image: url(./image/twitter.svg);
    background-repeat: no-repeat;

}

.suspension .a-linkin .i {
    background-color: #0077b5;
    width: 44px;
    height: 44px;
    background-image: url(./image/linkedin.svg);
    background-repeat: no-repeat;

}

.suspension .a-pinterest .i {
    background-color: #CB2027;
    width: 44px;
    height: 44px;
    background-image: url(./image/pinterest.svg);
    background-repeat: no-repeat;

}


.suspension .a-tiktok .i {
    background-position: 12px 12px;
    background-size: 20px 20px;
    background-color: #000;
    width: 44px;
    height: 44px;
    background-image: url(./image/tiktok.svg);
    background-repeat: no-repeat;

}


.suspension .a-instagram .i {
    background-color: #E1306C;
    width: 44px;
    height: 44px;
    background-image: url(./image/instagram.svg);
    background-repeat: no-repeat;

}

.suspension .a-youtube .i {
    background-color: #d54029;
    width: 44px;
    height: 44px;
    background-image: url(./image/youtube.svg);
    background-repeat: no-repeat;

}

.suspension .a-whatsapp .i {
    background-color: #25d366;
    width: 44px;
    height: 44px;
    background-image: url(./image/whatsapp.svg);
    background-repeat: no-repeat;

}

.suspension .a-skype .i {
    background-color: #00aff0;
    width: 44px;
    height: 44px;
    background-image: url(./image/skype.svg);
    background-repeat: no-repeat;

}

.suspension .a-wechat .i {
    background-color: #4EC034;
    width: 44px;
    height: 44px;
    background-image: url(./image/wechat.svg);
    background-repeat: no-repeat;

}

.suspension .a-telphone .i {
    background-color: #645EA4;
    width: 44px;
    height: 44px;
    background-image: url(./image/telphone.svg);
    background-repeat: no-repeat;

}

.suspension .a-email .i {
    background-color: #7d7d7d;
    width: 44px;
    height: 44px;
    background-image: url(./image/email.svg);
    background-repeat: no-repeat;

}

.suspension .a-top .i {
    background-position: center;
}

.suspension .a-top {
    background: #cb9744;
    display: none;
}

.suspension .a-top:hover {
    opacity: 0.8;
}

.suspension .d {
    display: none;
    width: 223px;
    background: #fff;
    position: absolute;
    right: 67px;
    min-height: 90px;
    border: 1px solid #E0E1E5;
    border-radius: 3px;
    box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11);
}

.suspension .i {
    background-size: 30px 30px;
    background-position: 7px 7px;
}

.hidden {
    display: none;
}