#side.d-none {
    display: none !important;
}

#side {
    width: 120px;
    height: 480px;
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
}

#side .work_code .jieshao-box{
    background: #F1F7FF;
    border-radius: 4px;
    padding: 11px 18px;
    font-size: 12px;
    color: #666666;
}

#side .zixun {
    width: 120px;
    height: 143px;
    background: #fff;
    border-radius: 63px 63px 4px 4px;
    box-shadow: 0px 3px 10px rgba(5, 36, 82, 0.08);
    position: relative;
}

#side .zixun .iconguanbi1 {
    font-size: 12px;
    color: #B7C8E8;
    position: absolute;
    right: 5px;
    top: 0;
}

#side .zixun .kefu_avatar {
    width: 90px;
    height: 90px;
    margin-top: 15px;
}

@keyframes kefu-avatar-pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.08);
    }
}

#side .zixun .kefu_avatar.is-pulsing {
    animation: kefu-avatar-pulse 700ms ease-in-out infinite;
}

#side .zixun .hot_phone {
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #999999;
    padding-left: 2px;
}

#side .zixun .phone_number {
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 500;
    line-height: 13px;
    color: #333333;
}

#side .zixun .zixun_btn {
    width: 88px;
    height: 28px;
    background: #2A7EFB;
    border-radius: 4px;
    color: #fff;
    font-size: 13px;
    padding-bottom: 1px;
}

#side .work_code {
    width: 120px;
    /*height: 142px;*/
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 3px 10px rgba(5, 36, 82, 0.08);
    padding-bottom: 10px;
}

#side .work_code .code_text {
    font-size: 13px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #666666;
    white-space: pre-wrap;

}

#side .red_code {
    color: #e64141 !important;
}

#side .gitee_down {
    width: 120px;
    height: 44px;
    background: #fff;
    border-radius: 4px;
    color: #333;
    box-shadow: 0px 3px 10px rgba(5, 36, 82, 0.08);
}

#side .luntan {
    width: 120px;
    height: 44px;
    background: linear-gradient(135deg, #3E9FFF 0%, #176FF2 100%);
    border-radius: 4px;
    color: #fff;
    position: relative;
    box-shadow: 0px 3px 10px rgba(5, 36, 82, 0.08);
}

#side .back_top {
    width: 120px;
    height: 36px;
    background: #fff;
    border: 1px solid #EEEEEE;
    border-radius: 4px;
    box-shadow: 0px 3px 10px rgba(5, 36, 82, 0.08);
    color: #333;
}

@media (max-width: 900px) {
    #side,
    #sm_side {
        display: none !important;
    }
}