.footer-nav-re{
    width: 100%;
    height: calc(1.42rem/2);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin:0 auto;
    z-index: 100;
    background: #FFFFFF;
    display: none;
}
.footer-nav-re .mxpg{
    display: block;
    float:left;
    width:calc(1.56rem/2);
    height:calc(0.98rem/2);
    margin-top: calc(0.22rem/2);
    margin-left: calc(0.14rem/2);
    text-align: center;
}
.footer-nav-re .mxpg img{
    width:calc(0.48rem/2);
    height:calc(0.48rem/2);
    margin: 0 auto;
}
.footer-nav-re .mxpg p{
    font-size: calc(0.24rem/2);
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999999;
    line-height: calc(0.34rem/2);
}
.footer-nav-re .dhzx{
    display: block;
    float: left;
    /*margin-left: calc(0.28rem/2);*/
    margin-left: 20px;
    margin-top: calc(0.28rem/2);
    width: calc(2.5rem/2);
    height: calc(0.8rem/2);
    background: #F8B11F;
    border-radius: calc(0.49rem/2);
}
.footer-nav-re .dhzx img{
    display: inline-block;
    width:calc(0.5rem/2);
    height:calc(0.48rem/2);
    margin-left: calc(0.4rem/2.5);
    margin-top: calc(0.16rem/2);
    vertical-align: middle;
}
.footer-nav-re .dhzx p{
    display: inline-block;
    margin-left: calc(0.1rem/2);
    margin-top: calc(0.2rem/2);
    font-size: calc(0.28rem/2);
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: calc(0.4rem/2);
    vertical-align: middle;
}

.footer-nav-re .zxzx{
    display: block;
    float: right;
    /*margin-left: calc(0.28rem/2);*/
    margin-right: 20px;
    margin-top: calc(0.28rem/2);
    width: calc(2.5rem/2);
    height: calc(0.8rem/2);
    background: #2565FF;
    border-radius: calc(0.49rem/2);
}
.footer-nav-re .zxzx img{
    display: inline-block;
    width:calc(0.5rem/2);
    height:calc(0.48rem/2);
    margin-left: calc(0.4rem/2);
    margin-top: calc(0.16rem/2);
    vertical-align: middle;
    -webkit-animation: lightAnimate 3s ease infinite;
    -moz-animation:lightAnimate 3s ease infinite;
    -o-animation:lightAnimate 3s ease infinite;
    -ms-animation:lightAnimate 3s ease infinite;
    animation: lightAnimate 3s ease infinite;
}
.footer-nav-re .zxzx p{
    display: inline-block;
    margin-left: calc(0.1rem/2);
    margin-top: calc(0.2rem/2);
    font-size: calc(0.28rem/2);
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: calc(0.4rem/2);
    vertical-align: middle;
    -webkit-animation: lightAnimate 3s ease infinite;
    -moz-animation:lightAnimate 3s ease infinite;
    -o-animation:lightAnimate 3s ease infinite;
    -ms-animation:lightAnimate 3s ease infinite;
    animation: lightAnimate 3s ease infinite;
}


@-webkit-keyframes lightAnimate{
    0%,50%,100%{opacity:1;}
    25%,75%{ opacity:0;}
}
@-moz-keyframes lightAnimate{
    0%,50%,100%{ opacity: 1;}
    25%,75%{opacity:0;}
}
@-p-keyframes lightAnimate{
0%,50%,100%{ opacity: 1;}
25%,75%{opacity:0;}
}
@-ms-keyframes lightAnimate{
    0%,50%,100%{ opacity: 1;}
    25%,75%{opacity:0;}
}
@keyframes lightAnimate{
    0%,50%,100%{ opacity: 1;}
    25%,75%{opacity:0;}
}