body,html{position:relative;width:100%;max-width:750px;margin:0 auto;background:url("../image/bg.jpg") no-repeat fixed 50% 0;font-size:.24rem;color:#fff;font-family:SourceHanSerifCN}
.nav-box{position:fixed;top:0;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);    background: linear-gradient(to top, transparent 0%, rgb(0 0 0 / 80%) 100%);width:100%;max-width:750px;height:1.2rem;line-height:1.2rem;padding:0 .23rem;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:12;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.nav-box,.nav-box .nav-l{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.nav-box .nav-l img{width:1.02rem}
.nav-box .nav-l .nav-text{line-height:1.6;margin-left:.15rem}
.nav-box .nav-l .nav-text h1{font-size:.32rem;font-weight:900}
.nav-box .nav-l .nav-text p{opacity:.7;font-size:.22rem}
.nav-box .nav-r{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.nav-box .btn-dl-top{display:inline-block;background:url(../image/sp_public.png);background-repeat:no-repeat;background-position:50%;background-size:5.09rem 1.64rem;width:2.69rem;height:1.04rem;background-position:0 0;margin-top:.1rem}
.nav-box .btn-menu{margin-left:.1rem;display:inline-block;background:url(../image/sp_public.png);background-repeat:no-repeat;background-position:50%;background-size:5.09rem 1.64rem;width:.62rem;height:.62rem;background-position:-4.25rem .02rem}
.community-box{display:inline-block;background:url(../image/sp_public.png);background-repeat:no-repeat;background-position:50%;background-size:5.09rem 1.64rem;width:.76rem;height:1.44rem;background-position:-2.73rem 0;position:fixed;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:.2rem;margin-top:2.4rem;text-align:center;z-index:12}
.community-box .btn-weibo{display:inline-block;background:url(../image/sp_public.png);background-repeat:no-repeat;background-position:50%;background-size:5.09rem 1.64rem;width:.5rem;height:.44rem;background-position:-3.55rem -.85rem;margin-top:.15rem}
.community-box .btn-wechat{position:relative;display:inline-block;background:url(../image/sp_public.png);background-repeat:no-repeat;background-position:50%;background-size:5.09rem 1.64rem;width:.54rem;height:.45rem;background-position:-4.27rem -.62rem;margin-top:.18rem}
.btn-gotop{display:inline-block;background:url(../image/sp_public.png);background-repeat:no-repeat;background-position:50%;background-size:5.09rem 1.64rem;width:.7rem;height:.81rem;background-position:-3.53rem 0;position:fixed;bottom:.4rem;right:.2rem;z-index:12;cursor:pointer;display:none}
.mainbody{position:relative;width:100%;overflow:hidden}
#pop-qrcode .popup_box{width:4.16rem;height:4.51rem;background:url(../image/popup_bg_2.png);background-repeat:no-repeat;background-position:50%;background-size:4.16rem 4.51rem}
#pop-qrcode .popup_box .close{left: auto; width: .5rem; height: .5rem; background: url(../image/x.png) no-repeat; background-position: top; background-size: auto 100%; position: absolute; top: 100%; right: 44%;}
#pop-qrcode .popup_box img{margin-top:.5rem;width:2.4rem}
#pop-qrcode .popup_box p{margin-top:.2rem;color:#29bde2;font-size:.22rem}
#pop-qrcode .popup_box p.gift{ color:#222;    line-height: .1rem;     margin-top: 0;}
#pop-nav{background-color:rgba(0,0,0,.88)}
#pop-nav .popup_box{height:7.6rem;bottom:auto;top:.7rem}
#pop-nav .popup_box .close{border-radius:0;display:inline-block;background:url(../image/sp_public.png);background-repeat:no-repeat;background-position:50%;background-size:5.09rem 1.64rem;width:.42rem;height:.41rem;background-position:-4.07rem -1.11rem}
#pop-nav .logo{width:2.9rem}
#pop-nav ul{padding:0 .3rem;font-size:.32rem}
#pop-nav ul li{height:1.18rem;line-height:1.3rem;text-align:center;border-bottom:1px dashed hsla(0,0%,100%,.2)}
#pop-nav ul li span{position:relative;padding:0 .4rem}
#pop-nav ul li span a{color: #fff}
#pop-nav ul li span:after,#pop-nav ul li span:before{content:"";position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block;background:url(../image/sp_public.png);background-repeat:no-repeat;background-position:50%;background-size:5.09rem 1.64rem;width:.18rem;height:.23rem;background-position:-4.89rem 0;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}
#pop-nav ul li span:after{-webkit-transform:translateY(-50%) scaleX(-1);transform:translateY(-50%) scaleX(-1);left:auto;right:0}
#pop-nav ul li.active{color:#e3d1a8}
#pop-nav ul li.active span:after,#pop-nav ul li.active span:before{opacity:1}
.footer { position: relative; width: 100%; background-color: #151515; padding: 0.1rem 0 .40rem; width: 100%; font-size: .14rem; color: #a3a3a3; line-height: 1.8; } .footer .inner { width: 100%; margin: 0 auto; overflow: hidden; } .footer a { color: #a3a3a3; } .footer a:hover { color: #a3a3a3; } .footer .logo-box { display: flex; justify-content: center; align-items: center; } .footer .logo-box img { margin: 0 .30rem; } .footer .text-box { margin-top: 0.1rem; text-align: center; }