/*
+----------------------------------------------------------------------
| LN-EWS v2.0 [ Do a line, love a line ]
| Copyright (c) 2010~2024 http://jzline.com All rights reserved.
| Author: xwxc
+----------------------------------------------------------------------
*/
/*侧边栏*/
.sidbar
{
    position: fixed;
    top: 54%;
    z-index: 900;
    right: 0px;
    width: 50px
}
.sidbar li
{
    clear: both;
    height: 50px;
    position: relative;
    border-radius: 2px;
    text-align: center;
    margin-bottom: 2px;
    background: rgba(0, 0, 0, 0.4);
}
.sidbar li a
{
    text-decoration: none
}
.sidbar li i
{
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 25px
}
.sidbar .kf-phone
{
    position: absolute;
    right: 0px;
    top: 0px;
    height: 50px;
    width: 230px;
    background-color: #188a49;
    border-radius: 2px;
    line-height: 50px;
    font-size: 20px;
    color: #fff;
    text-align: left;
    padding-left: 25px;
    z-index: 10;
    display: none;
    -webkit-animation: slide-left .9s cubic-bezier(.25,.46,.45,.94) both;
    animation: slide-left .9s cubic-bezier(.25,.46,.45,.94) both
}
.sidbar img
{
    margin-top: 10px
}
.sidbar .kf-email
{
    position: absolute;
    right: 0px;
    top: 0px;
    height: 50px;
    width: 330px;
    background-color: #188a49;
    border-radius: 2px;
    line-height: 50px;
    font-size: 20px;
    color: #fff;
    text-align: left;
    padding-left: 25px;
    z-index: 10;
    display: none;
    -webkit-animation: slide-left .9s cubic-bezier(.25,.46,.45,.94) both;
    animation: slide-left .9s cubic-bezier(.25,.46,.45,.94) both
}
.sidbar .wechat-img
{
    position: absolute;
    right: 60px;
    top: -40px;
    height: 120px;
    width: 120px;
    display: none;
}
.sidbar .wechat-img img
{
    height: 120px;
    width: 120px;
}
.sidbar .WhatsApp-img
{
    position: absolute;
    right: 60px;
    top: -40px;
    height: 120px;
    width: 120px;
    display: none
}
.sidbar .WhatsApp-img img
{
    height: 120px;
    width: 120px;
}
@-webkit-keyframes slide-left
{
    0%
    {
        -webkit-transform: translateX(0px);
        transform: translateX(600px)
    }
    to
    {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}
@keyframes slide-left
{
    0%
    {
        -webkit-transform: translateX(0px);
        transform: translateX(600px)
    }
    to
    {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}