.kf
{
    width: 208px;
    position: fixed;
    right: -208px;
    top: 30%;
    _\2dwebkit-transform: translateY(-50%);
    _transform: translateY(-50%);
    z-index: 999;
}
.kt-top
{
    height: 40px;
    line-height: 40px;
    -ms-background-size: auto 20px;
    background-size: auto 20px;
    padding-left: 46px;
    font-size: 14px;
    color: #fff;
}
.kt-top span:hover
{
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.kt-top span
{
    width: 18px;
    height: 16px;
    float: right;
    position: relative;
    margin: 10px 10px 0 0;
    cursor: pointer;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}
.kt-top span b
{
    width: 100%;
    height: 2px;
    background: #fff;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
}
.kt-top span b:first-child
{
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.kt-top span b:last-child
{
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
.kf .con
{
    overflow: hidden;
    background: #fff;
}
.kf .qq li
{
    height: 36px;
    line-height: 36px;
    border-bottom: #f5f5f5 solid 1px;
    padding-left: 16px;
}
.kf .qq li a
{
    height: 36px!important;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: initial;
    display: block;
}
.kf .qq li a img
{
    padding-right: 6px;
}
.kf .con h5
{
    height: 26px;
    line-height: 26px;
    margin-top: 12px;
    background: url(../image/lianxi.png) 16px center no-repeat;
    padding-left: 45px;
    color: #666;
    font-size: 14px;
    margin-bottom: 0;
}
.kf .contact
{
    margin-top: 1px;
}
.kf .contact p
{
    height: 26px;
    line-height: 26px;
    color: #666;
    font-size: 14px;
    padding-left: 22px;
    margin: 0;
}
.kf .contact p:nth-child(2n)
{
    padding-left: 32px;
}
.kf .con h5.qr-icon
{
    background: url(../image/erweima.png) 16px center no-repeat;
}
.kf .con .qr
{
    margin-top: 10px;
    padding-left: 40px;
}
.kf .con .qr img
{
    width: 110px;
    height: 110px;
}
.kf .backTop
{
    width: 100%;
    height: 40px;
    background-size: 18px auto;
    cursor: pointer;
}
.kf-side
{
    padding: 18px 10px 10px;
    background: #1a7058;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: -34px;
    cursor: pointer;
}
.kf-side b
{
    display: block;
    color: #fff;
    line-height: 18px;
    font-size: 14px;
    font-weight: 400;
}
.kf-side span.arrow
{
    width: 12px;
    height: 12px;
    background: url(../image/jt-1.png) no-repeat;
    -ms-background-size: auto 12px;
    background-size: auto 12px;
    display: block;
    margin-top: 10px;
}
.kf-side span.on
{
    background: url(../image/jt-2.png) no-repeat;
    -ms-background-size: auto 12px;
    background-size: auto 12px;
}