.right_icon .qq-img,.footer-telgram-list{
    position: absolute;
    top: -60px;
    left: -203px;
    display: none;
    width: 200px;
    height: 200px;
    padding: 5px;
    color: #333;
    text-align: center;
    font-weight: 700;
    box-shadow: 0px 8px 22px 0px rgb(0 0 0 / 40%);
    border: 5px solid #fff;
    border-bottom: 15px solid #fff;
    border-radius: 16px;
    background:#fff;
    cursor: pointer;
}
.right_icon .box-triangle{
    position: absolute;
    top: 32px;
    left: -4px;
    display: none;
    width: 0;
    border: 10px solid rgba(0,0,0,0);
    border-left: 10px solid #fff;
}
.footer-telgram-icon .footer-telgram-triangle{
    position: absolute;
    top: 67px;
    left: -4px;
    display: none;
    width: 0;
    border: 10px solid rgba(0,0,0,0);
    border-left: 10px solid #fff;
}
/* 右侧小飞机 */
.right_icon .footer-telgram-list{
    top: 8px;
    left: -255px;
    width: 252px;
    height: 110px;
    border-radius: 8px;
    background: none;
    background-color: #fff;
}

.footer_last_li{
    position: relative;
}
/* 移动端样式已不需要 */
.footer-table .qq-img{
    position: absolute;
    top: -17px;
    left: 14px;
    display: none;
    width: 246px;
    height: 148px;
    padding: 5px;
    color: #333;
    text-align: center;
    font-weight: 700;
    box-shadow: 0px 8px 22px 0px rgb(0 0 0 / 40%);
    border: 5px solid #fff;
    border-bottom: 15px solid #fff;
    border-radius: 16px;
    background:#fff;
    cursor: pointer;
}
.footer-table .box-triangle,.footer_last_li .box-triangle{
    position: absolute;
    top: 145px;
    left: 76px;
    display: none;
    width: 0;
    border: 10px solid rgba(0,0,0,0);
    border-top: 10px solid #fff;
}

/* 底部小飞机预览 */
.footer-table .footer-telgram-list,.footer_last_li  .footer-telgram-list {
    position: absolute;
    top: -45px;
    left: -110px;
    display: none;
    width: 290px;
    height: 170px;
    border-radius: 8px;
    background: none;
    background-color: #fff;
    padding: 5px;
    color: #333;
    text-align: center;
    font-weight: 700;
    box-shadow: 0px 8px 22px 0px rgb(0 0 0 / 40%);
    border: 5px solid #fff;
    border-bottom: 15px solid #fff;
    cursor: pointer;
}
.footer-table .footer-telgram-triangle,.footer_last_li  .footer-telgram-triangle {
    position: absolute;
    top: 125px;
    left: 14px;
    display: none;
    width: 0;
    border: 10px solid rgba(0,0,0,0);
    border-top: 10px solid #fff;
}
/* 底部小飞机hover */
.footer-table a.footer-telgram-icon:hover .footer-telgram-list{
    display: block;
}
.footer-table a.footer-telgram-icon:hover .footer-telgram-triangle{
    display: block;
}




/* 移动端hover */
.footer_last_li a.footer-telgram-icon:hover .footer-telgram-list{
    display: block;
}
.footer_last_li a.footer-telgram-icon:hover .footer-telgram-triangle{
    display: block;
}

.tubiao a:hover .qq-img{
    display: flex;
}
.tubiao a:hover .box-triangle{
    display: block;
}
.tubiao a.footer-telgram-icon:hover .footer-telgram-list {
    display: block;
}
.tubiao a.footer-telgram-icon:hover .footer-telgram-triangle {
    display: block;
}
.footer-modal-list {
    display: flex;
    line-height: 50px;
    font-weight: 700;
}
.footer-modal-list:hover {
    color: #1674F9;
}
.footer-modal-body {
    padding: 0;
}
.footer-modal-body .img {
    margin-right: 8px;
    width: 50px;
    height: 50px;
    background-size: 70%;
    /* background-image: url(telgram-bg@2x.png); */
    background-repeat: no-repeat;
    background-position: center center;
}

.footer-table a:hover .qq-img,.footer_last_li a:hover .qq-img{
    display: flex;
}
.footer-table a:hover .box-triangle,.footer_last_li a:hover .box-triangle{
    display: block;
}




.qq-img span{
    position: absolute;
    left: 23px;
    top: -5px;
}

/* 新增样式调整 */
.right_icon .qq-img,.qq-handler .qq-img {
    display: none;
    flex-wrap: wrap;
    width: 246px;
    height: 148px;
    padding: 5px;
    left: -249px;
}
.modal-body .qq-img {
    display: flex;
    flex-wrap: wrap;
    padding: 5px;
    left: -249px;
}
.modal-body .qq-new-img {
    background-size: 75%;
}
.qq-new-img {
    width: auto;
    height: 100px;
    background-image: url(qrcode.png);
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: center;
}
.qrcode-2 {
    background-image: url(qrcode-2.png?v=1.0.0.1);
}
.qq-new-number {
    width: 50%;
    margin-top: 5px;
    line-height: 24px;
}

/* 新增web-footer */
.qq-handler .qq-img {
    left: -90px;
}

/* 移动端布局 */
@media (max-width: 768px) {
    .footer_last_li .qq-img{
        top: -212px;
        left: 66px;
    }
    .footer_last_li .box-triangle{
        top: -12px;
        left: 157px;
    }
    .footer_last_li .footer-telgram-list{
        top: -122px;
        left: 28px;
        width: 290px;
    }
    .footer-table .footer-telgram-triangle, .footer_last_li .footer-telgram-triangle{
        top:-12px;
        left: 111px;
    }
}

/* liu:web端 footer code */
@media (min-width: 768px) {
   .qq-handler  .qq-img{
    /* display: flex;  */
    display: none; 
    height:165px;
   }
   .qq-handler .qq-img-item{
    flex: 1;
   }
   .qq-handler .qq-detail{
    padding-top: 5px;
   }
   .qq-detail p{
    font-size: 15px;
   }
   /* hover的时候 */
   


}