html{margin:0;padding:0;overflow-x:hidden;width:100%;height:100%}
body{margin:auto;padding:0;text-align:center;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;max-width:750px;background-color:rgb(13,13,13);width:100%;height:100%;}
img{max-width:100%;vertical-align:middle;}
.stat{cursor:pointer;}
.mobile{background-color:rgb(13,13,13);position:relative;min-height:100vh;width:100%;float:left;}
.lines{float:left;padding:0 .24rem;}
.lines .title{width:100%;text-align:center;margin-bottom:.2rem;float:left}
.lines .title img{width:6.94rem}
.lines .items{width:100%;margin:.15rem 0;float:left;position:relative}
.lines .items .imgs{width:100%;text-align:center}
.lines .items .imgs img{width:100%}
.lines .items .text{position:absolute;left:0;top:0;padding-left:1.15rem;}
.lines .items .text .tits{width:100%;line-height:.46rem;font-size:.26rem;color:#fff;text-align:left;}
.lines .items .text .tits em{color:#fbc761}
.lines .items .text .txts{width:100%;padding-top:.1rem}
.lines .items .text .txts .ms{width:.9rem;height:.52rem;border-radius:.26rem;background-image:linear-gradient(135deg,#f6f1bd,#b79656);line-height:.52rem;text-align:center;font-size:.28rem;color:#771a13;font-family:arial}
.lines .items .text .txts .webs{width:4.5rem;height:.52rem;font-size:.3rem;color:#fff;font-family:arial;line-height:.54rem;text-align:center;margin-top:-.5rem;}
.slick-slide img{width:100%;}
.mobile .sleek{text-align:center;}

/* ================== 底部按钮 ================== */
.mobile .footer{
    position:fixed;
    bottom:0;
    height:1rem;
    color:white;
    z-index:9999;
}

.mobile .footer .bound{
    display:flex;
    color:white;
    flex-direction:row;
    justify-content:space-around;
    align-items:center;
    height:100%;
}

/* 按钮本体 */
.mobile .down,
.mobile .game{
    width:45.3%;
    text-align:center;
    height:0.8rem;
    border-radius:.3rem;
    line-height:0.8rem;
    font-size:.36em;
    position: relative; /* ⭐关键 */
}

/* ================== 气泡效果（核心） ================== */
.mobile .footer .down span,
.mobile .footer .game span{
    position:absolute;
    top:-0.9rem;
    left:50%;
    transform:translateX(-50%);
    
    width:2.8rem;              /* 长度 */
    text-align:center;
    
    background:linear-gradient(180deg,#ff7a00,#ff3c00);
    color:#fff;

    height:.8rem;
    line-height:.8rem;

    border-radius:.4rem;
    font-size:.34rem;
    font-weight:bold;
    
    white-space:nowrap;

    box-shadow:0 0.05rem 0.2rem rgba(255,60,0,.5);

    animation:jump 1.5s infinite; /* 🔥动画 */
}

/* 小三角 */
.mobile .footer .down span::after,
.mobile .footer .game span::after{
    content:"";
    position:absolute;
    bottom:-0.12rem;
    left:50%;
    transform:translateX(-50%);
    
    border-left:.1rem solid transparent;
    border-right:.1rem solid transparent;
    border-top:.12rem solid #ff3c00;
}

/* 动画 */
@keyframes jump{
    0%,100%{transform:translate(-50%,0);}
    50%{transform:translate(-50%,-0.1rem);}
}

.mobile .comment{margin-bottom:5rem;}
.mobile .mcover{position:fixed;width:100%;height:100%;top:0;background:rgb(13,13,13,.3);display:none;}
.mobile .tbox{display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;padding:0 0 1rem 0;background:rgb(0,0,0,.5);color:white;border:1px solid;border-radius:.5rem;}
.mobile .toast{position:fixed;text-align:center;bottom:10%;width:90%;margin:5%;display:none;}
.mobile .toast .mtext{text-align:right;margin-bottom:1rem;}
.mobile .toast .close img{width:2.5rem;margin-top:1rem;}
.mobile .toast .mtext span{background:#1678ff;color:white;padding:.4rem .8rem;border-radius:.5rem}
.mobile .tbox .mcon{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-around;margin:1rem 0 0 1rem;}
.mobile .tbox .mcon .signal{display:flex;flex-direction:row;align-items:flex-end;}
.mobile .tbox .mcon .middle{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex:0 40%;}
.mobile .tbox .mcon .signal .s1{background:rgb(4,190,2);border-radius:.5rem;height:.8rem;width:.4rem;margin:0 .2rem 0 .1rem;display:block;}
.mobile .tbox .mcon .signal .s2{background:rgb(4,190,2);border-radius:.5rem;height:1.3rem;width:.4rem;margin:0 .2rem 0 .1rem;display:block;}
.mobile .tbox .mcon .signal .s3{background:rgb(4,190,2);border-radius:.5rem;height:1.8rem;width:.4rem;margin:0 .2rem 0 .1rem;display:block;}
.mobile .tbox .mcon .senter{background:#1678ff;padding:.4rem .6rem;border-radius:.4rem;font-size:.95em;}

.pc{background:url('../img/pc/pcBg.png') top center no-repeat;background-size:cover;z-index:1000;width:100%;height:100%;position:absolute;}
.pc .inner .feat{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;}
.pc .inner .feat .logo .qhint{color:#333;font-size:1.1em;}
.pc .inner .feat .logo a{color:#0078ff;text-decoration:none;}
.pc .inner .feat .logo .dhint{color:#939393;margin-right:.4rem;cursor:pointer;}
.pc .inner .feat .logo{background:rgba(255,255,255,.25);border:1px solid white;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:1rem;border-radius:.5rem;width:25%;}
.pc .inner{margin:0 10%;text-align:center;position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;}
.pc .inner .text{width:100%;text-align:right;margin-bottom:1rem;}
.pc .inner .text span{background:#1678ff;border-radius:.4rem;padding:.4rem 1rem;font-size:.8em;color:white;margin-right:1rem;cursor:pointer;}
.pc .inner .feat .logo div{text-align:center;}
.pc .inner .feat .logo .logoimg{width:70%;}
.pc .inner .feat .logo .qr{background:white;padding:.4rem;border-radius:.5rem;}
.pc .inner .connection{background:rgba(255,255,255,.25);border:1px solid white;padding:0 2rem;border-radius:.5rem;width:63%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:stretch;}
.pc .inner .connection .con{display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
.pc .inner .connection .con .sig{display:flex;flex-direction:column;align-items:flex-start;width:3rem;height:3rem;}
.pc .inner .connection .con .sig .signal{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;color:gray;}
.pc .inner .connection .con .sig .s1{background:rgb(4,190,2);border-radius:.5rem;height:1rem;width:.4rem;margin:0 .2rem 0 .1rem;display:block;}
.pc .inner .connection .con .sig .s2{background:rgb(4,190,2);border-radius:.5rem;height:1.5rem;width:.4rem;margin:0 .2rem 0 .1rem;display:block;}
.pc .inner .connection .con .sig .s3{background:rgb(4,190,2);border-radius:.5rem;height:2rem;width:.4rem;margin:0 .2rem 0 .1rem;display:block;}
.pc .inner .connection .con .sig .sign{font-size:.7em;margin-top:.2rem;}
.pc .inner .connection .senter{background:#1678ff;padding:.6rem;color:white;width:5rem;text-align:center;border-radius:.4rem;font-size:1em;cursor:pointer;}
.pc .inner .connection .stext{font-size:1em;width:5rem;}

@media only screen and (max-width:767px){
    .mobile .footer{left:0;width:100%}
    .mobile .kf{position:fixed;top:20%;right:.5rem;width:3.6rem}
}

@media only screen and (min-width:768px){
    .mobile .footer{left:50%;transform:translateX(-50%);width:750px}
    .mobile .kf{position:fixed;top:20%;right:.5rem;left:70%;width:4.5rem}
}

.fix-service {position: fixed;right: 50%;margin-right: -3.75rem;top: 50%;margin-top: -.96rem;z-index: 88;}
.fix-service img {width: 1.24rem;}