.wx_addFans_popup_wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: rgba(0,0,0,.5);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
}

.wx_addFans_popup_wrap .wx_addFans_popup {
    width: 4.5rem;
    background: #fff;
    border-radius: .15rem
}

.wx_addFans_popup_wrap .text_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0.4rem 0;
    width: 100%;
    border-bottom: solid 1px #e5e5e5;
    font-size: .28rem;
    color: #333
}

.wx_addFans_popup_wrap .text_wrap .countdown,.wx_addFans_popup_wrap .text_wrap .success_text {
    padding: 0 10px
}

.wx_addFans_popup_wrap .btn_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 0.8rem
}

.wx_addFans_popup_wrap .cancel_btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .24rem;
    height: 100%;
    border-right: solid 1px #e5e5e5;
    color: #007aff;
    cursor: pointer
}

.wx_addFans_popup_wrap .open_btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .24rem;
    height: 100%;
    color: #007aff;
    cursor: pointer
}
.wx_addFans_popup_wrap .open_btn a{
    font-size: .24rem;
    color: #007aff;
}
.sidebar{
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 2;
}

.sidebar_box{
    display: block;
    width: 0.74rem;
    height: 0.74rem;
    background: #00ADE8;
    border-radius: 0.05rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.08rem;
    position: relative;
    margin-bottom: 0.03rem;
    transition: 0.3s;
}
.sidebar_box_img{
    width: 0.22rem;
    height: 0.22rem;
}
.sidebar_box_text{
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.14rem;
    color: #FFFFFF;
    line-height: 0.19rem;
    text-align: center;
}
.tel{
    position: absolute;
    width: fit-content;
    padding: 0 0.16rem;
    height: 0.42rem;
    background: #00ADE8;
    border-radius: 0.05rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.14rem;
    color: #FFFFFF;
    line-height: 0.42rem;
    text-align: center;
    white-space: nowrap;
    top: 50%;
    transform: translate(120% ,-50%);
    right: 0.85rem;
    transition: 0.5s;
    opacity: 0;
    z-index: -1;
    display: block;
}

.sidebar_box:hover{
    background: #ffd210;
}

.sidebar_box:hover .tel{
    transform: translate(0 ,-50%);
    opacity: 1;
}
footer{width:100%;background:#182329;overflow:hidden}
.main.footBox{margin-top:.8rem;padding-bottom:1.7rem;display:flex;justify-content:space-between;position:relative}
.footLtit{font-weight:400;font-size:.18rem;color:#FFFFFF;margin-bottom:.28rem}
.footTel{display:flex;align-items:center;margin-bottom:.3rem}
.footTel img{width:.4rem;height:.4rem;margin-right:.12rem}
.footTel a{font-weight:bold;font-size:.25rem;color:#1A97D9;line-height:.3rem}
.footLitem{display:flex;align-items:center;margin-bottom:.1rem}
.footLitem:nth-child(4){white-space:nowrap}
.footLitem img{width:.28rem;height:.28rem;margin-right:.1rem}
.footLitem a{font-weight:400;font-size:.16rem;color:#FFFFFF}
.footR{display:flex}
.footNav{display:flex;flex-direction:column;margin-right:.74rem}
.footNav a{font-weight:400;font-size:.16rem;color:#FFFFFF;line-height:.3rem;opacity:.7;transition:all .3s;white-space:nowrap}
.footNav a.footNavTit{font-weight:400;font-size:.18rem;color:#FFFFFF;margin-bottom:.08rem;opacity:1;white-space:nowrap}
.footNav a:hover{color:#00ADE8;opacity:1}
.footNav a.footNavTit:hover{color:#FFFFFF}
.footeFriend{position:absolute;bottom:0;left:0;display:flex;align-items:center;justify-content:center}
.footeFriend p{font-weight:400;font-size:.16rem;color:#FFFFFF;opacity:.7;transition:all .3s}
.footeFriend p.friendTit{opacity:1}
.footeFriend a{display:flex;align-items:center;margin-right:.2rem}
.footeFriend img{width:.2rem;height:.2rem;margin-right:.05rem}
.footeFriend a:hover p{opacity:1}
.footeCode{width:1.16rem;margin-left:0.2rem;display:flex;flex-direction:column;align-items:center}
.footeCode img{margin-bottom:.09rem}
.footeCode p{font-weight:400;font-size:.14rem;color:#FFFFFF;text-align:center;opacity:.7}
.main.footBottom{border-top:.01rem solid #30393F;height:.6rem;margin-top:.48rem;font-weight:400;font-size:.16rem;color:#9B9C9E;display:flex;align-items:center;justify-content:center}
.main.footBottom a{font-weight:400;font-size:.16rem;color:#9B9C9E;margin-left:.1rem}
.alert{width:100%;height:0.8rem;background:rgb(0,0,0,.5);position:fixed;bottom:-.8rem;left:0;z-index:999;display:flex;align-items:center;transition:all .3s;opacity:0}
.alert.active{bottom:0;opacity:1}
.alertImg{position:absolute;width:1.37rem;height:1.05rem;bottom:0;left:5.77rem}
@keyframes scale{0%{transform:scale(1)}
50%{transform:scale(1.1)}
100%{transform:scale(1)}
}@keyframes scale1{0%{transform:scale(1)}
50%{transform:scale(1.3)}
100%{transform:scale(1)}
}@keyframes trans1{0%{transform:translate(0rem,0rem)}
50%{transform:translate(0.1rem,0.1rem)}
100%{transform:translate(0rem,0rem)}
}@keyframes trans2{0%{transform:scale(1) translate(0rem,0rem)}
50%{transform:scale(1.5) translate(0rem,0.1rem)}
100%{transform:scale(1) translate(0rem,0rem)}
}@keyframes trans3{0%{transform:translate(0rem,0rem)}
50%{transform:translate(-0.2rem,0.2rem)}
100%{transform:translate(0rem,0rem)}
}@keyframes trans4{0%{transform:translate(0rem,0rem) rotate(0)}
50%{transform:translate(0.2rem,0rem) rotate(-45deg)}
100%{transform:translate(0rem,0rem) rotate(0)}
}.alertImg img:nth-child(1){position:absolute;z-index:1;right:0.03rem;top:0.16rem;width:1.3rem;height:0.79rem}
.alertImg img:nth-child(2){position:absolute;right:0rem;top:0rem;width:1.07rem;height:0.97rem;animation:scale 2s infinite}
.alertImg img:nth-child(3){position:absolute;left:0.21rem;top:0rem;width:0.06rem;height:0.06rem;animation:trans1 2s infinite}
.alertImg img:nth-child(4){position:absolute;left:0.46rem;top:0.04rem;width:0.02rem;height:0.02rem;animation:trans2 2s infinite;animation-delay:1.2s}
.alertImg img:nth-child(5){position:absolute;right:0.28rem;top:0rem;width:0.15rem;height:0.1rem;animation:trans3 2s infinite;animation-delay:1.2s}
.alertImg img:nth-child(6){position:absolute;left:-0.03rem;top:0.51rem;width:0.06rem;height:0.06rem;animation:scale1 2s infinite}
.alertImg img:nth-child(7){position:absolute;right:0.79rem;bottom:0.03rem;width:0.17rem;height:0.16rem;animation:trans4 2s infinite}
.alertImg img:nth-child(8){position:absolute;right:0.17rem;bottom:0.03rem;width:0.09rem;height:0.09rem;animation:scale1 2s infinite}
.alertImg img:nth-child(9){position:absolute;right:0.08rem;bottom:0.15rem;width:0.03rem;height:0.03rem;animation:trans2 2s infinite;animation-delay:1.2s}
.alertImg div:nth-child(10){position:absolute;right:0rem;top:0.05rem;width:0.19rem;height:0;overflow:hidden;transition:all 0.5s}
.alertImg div:nth-child(10).active{height:0.35rem}
.alertImg div:nth-child(10) img{top:0;left:0;display:block;width:0.19rem;height:0.35rem}
.alertImg div:nth-child(11){display:flex;align-items:flex-end;position:absolute;left:0.12rem;bottom:0.06rem;width:0.19rem;height:0;overflow:hidden;transition:height 0.5s}
.alertImg div:nth-child(11).active{height:0.35rem}
.alertImg div:nth-child(11) img{position:unset;display:block;width:0.19rem;height:0.35rem}
.alertImg img:nth-child(12){position:absolute;right:0.26rem;top:0.45rem;z-index:99;width:0.86rem;height:0.22rem;font-family:HuXiaoBo-NanShen,HuXiaoBo-NanShen;font-weight:400;font-size:0.21rem;color:#FFFFFF;text-shadow:-0.01rem 0.01rem 0.01rem rgba(0,0,0,0.55)}
.alert>p{font-weight:400;font-size:0.2rem;color:#FFFFFF;margin-left:7.48rem;margin-right:.45rem}
.alert a{display:flex;align-items:center;justify-content:center;width:1.68rem;height:0.48rem;background:linear-gradient(140deg,#0085CC 0%,#00ADE8 100%);border-radius:0.25rem 0.25rem 0.25rem 0.25rem}
.aletWechat{width:.3rem;height:.26rem}
.alert a p{font-weight:400;font-size:0.16rem;color:#FFFFFF;margin:0 .1rem}
.aletArrow{width:.08rem;height:.15rem}
.alertColse{position:absolute;width:.24rem;height:.24rem;top:50%;transform:translateY(-50%);right:3.62rem;cursor:pointer}
.rigbot{width:1.37rem;height:1.05rem;position:fixed;left:50%;transform:translateX(-50%);bottom:-0.3rem;z-index:999;cursor:pointer;animation:shake 2s infinite}
.rigbot img{width:1.37rem;height:1.05rem}
@keyframes shake{0%{transform:rotate(5deg)}
50%{transform:rotate(-5deg)}
100%{transform:rotate(5deg)}
}@keyframes trans7{0%{transform:translate(0rem,0rem)}
50%{transform:translate(-0.05rem,0.05rem)}
100%{transform:translate(0rem,0rem)}
}.alertImg1{position:relative;width:1.37rem;height:1.05rem}
.alertImg1 img:nth-child(1){position:absolute;z-index:1;right:0.03rem;top:0.16rem;width:1.3rem;height:0.79rem}
.alertImg1 img:nth-child(2){position:absolute;right:0rem;top:0rem;width:1.07rem;height:0.97rem;animation:scale 2s infinite}
.alertImg1 img:nth-child(3){position:absolute;left:0.21rem;top:0rem;width:0.06rem;height:0.06rem;animation:trans1 2s infinite}
@keyframes trans8{0%{transform:scale(1) translate(0rem,0rem)}
50%{transform:scale(1.5) translate(0rem,0.03rem)}
100%{transform:scale(1) translate(0rem,0rem)}
}.alertImg1 img:nth-child(4){position:absolute;left:0.46rem;top:0.04rem;width:0.02rem;height:0.02rem;animation:trans8 2s infinite;animation-delay:1.2s}
.alertImg1 img:nth-child(5){position:absolute;right:0.28rem;top:0rem;width:0.15rem;height:0.1rem;animation:trans7 2s infinite;animation-delay:1.2s}
.alertImg1 img:nth-child(6){position:absolute;left:-0.03rem;top:0.51rem;width:0.06rem;height:0.06rem;animation:scale1 2s infinite}
.alertImg1 img:nth-child(7){position:absolute;right:0.79rem;bottom:0.03rem;width:0.17rem;height:0.16rem;animation:trans4 2s infinite}
.alertImg1 img:nth-child(8){position:absolute;right:0.17rem;bottom:0.03rem;width:0.09rem;height:0.09rem;animation:scale1 2s infinite}
.alertImg1 img:nth-child(9){position:absolute;right:0.08rem;bottom:0.15rem;width:0.03rem;height:0.03rem;animation:trans9 2s infinite;animation-delay:1.2s}
.alertImg1 div:nth-child(10){position:absolute;right:0rem;top:0.05rem;width:0.19rem;height:0;overflow:hidden;transition:all 0.5s}
.alertImg1 div:nth-child(10).active{height:0.35rem}
.alertImg1 div:nth-child(10) img{top:0;left:0;display:block;width:0.19rem;height:0.35rem}
.alertImg1 div:nth-child(11){display:flex;align-items:flex-end;position:absolute;left:0.12rem;bottom:0.06rem;width:0.19rem;height:0;overflow:hidden;transition:height 0.5s}
.alertImg1 div:nth-child(11).active{height:0.35rem}
.alertImg1 div:nth-child(11) img{position:unset;display:block;width:0.19rem;height:0.35rem}
.alertImg1 img:nth-child(12){position:absolute;right:0.26rem;top:0.45rem;z-index:99;width:0.86rem;height:0.22rem;font-family:HuXiaoBo-NanShen,HuXiaoBo-NanShen;font-weight:400;font-size:0.21rem;color:#FFFFFF;text-shadow:-0.01rem 0.01rem 0.01rem rgba(0,0,0,0.55)}
.mobile_sidebar_box{
    display: none;
}
@media only screen and (max-width:1024px){
    .pc_sidebar_box{
        display: none;
    }
    .mobile_sidebar_box{
        display: block;
    }
    .alert{display:none}
.main.footBox{display:block}
.footL{width:90%;margin:0 auto;height:auto;overflow:hidden;margin-bottom:.5rem}
.footR{width:100%;display:block;height:auto;overflow:hidden}
.footNav{display:block;width:33%;float:left;height:4rem;margin-right:0}
.footNav a.footNavTit{font-size:.34rem;width:100%}
.footNav a{font-size:.24rem;line-height:.5rem;display:block;text-align:center}
.footLtit{font-size:0.34rem}
.footTel img{width:.8rem;height:.8rem;margin-right:.12rem}
.footTel a{font-size:.34rem;line-height:.5rem}
.footLitem img{width:.6rem;height:.6rem;margin-right:.1rem}
.footLitem a{font-size:.24rem}
.footLitem:nth-child(4){white-space:normal}
.footeFriend{left:5%}
.footeFriend p{font-size:0.24rem}
.footeCode{width:1.7rem;margin-right:5%;margin-bottom:0.51rem}
.footeCode p{font-size:0.2rem}
.main.footBottom{font-size:0.2rem;margin-bottom: 1.1rem;}
.top_img div{margin-top:0.05rem;font-size:0.18rem !important;color:#FFFFFF}
.top_img img{width:0.4rem  !important;height:0.4rem  !important}
.top_img{width:1rem  !important;height:1rem  !important}
.sidebar{display: flex !important;
    align-items: center;
    top:94%;
    bottom: 0;
    right: 0;
    left: 0;
        transform: none;
            background: #00ADE8;
    opacity: 1;
    z-index: 300;
}
.sidebar_box{
    width: 100%;
        border-radius: 0;
        height: 1rem;
        gap: 0.1rem;
        border-right: 1px solid #fff;
}
.sidebar .sidebar_box:nth-child(4) {
    border-right:none;
}
.sidebar_box_img {
    width: 0.35rem;
    height: 0.35rem;
}
.sidebar_box_text{
        font-size: 14px;
}
.wx_alert{
        position: absolute;
        width: fit-content;
        padding: 0 0.35rem;
        height: 0.5rem;
        background: #00ADE8;
        border-radius: 0.05rem;
        font-family: Microsoft YaHei, Microsoft YaHei;
        font-weight: 400;
        font-size: 0.18rem;
        color: #FFFFFF;
        line-height: 0.5rem;
        text-align: center;
        white-space: nowrap;
        top: -0.3rem;
        transform: translate(-50%, -50%);
        left: 50%;
        transition: 0.5s;
        display: block;
}

}