html{ font-size:100px; font-size:13.33333vw }
@media screen and (max-width:320px){ html{font-size:42.6666666667px; font-size:13.33333vw }
}
@media screen and (min-width:321px)and (max-width:360px){ html{font-size:48px; font-size:13.33333vw }
}
@media screen and (min-width:361px)and (max-width:375px){ html{font-size:50px; font-size:13.33333vw }
}
@media screen and (min-width:376px)and (max-width:393px){ html{font-size:52.4px; font-size:13.33333vw }
}
@media screen and (min-width:394px)and (max-width:412px){ html{font-size:54.9333333333px; font-size:13.33333vw }
}
@media screen and (min-width:413px)and (max-width:414px){ html{font-size:55.2px; font-size:13.33333vw }
}
@media screen and (min-width:415px)and (max-width:480px){ html{font-size:64px; font-size:13.33333vw }
}
@media screen and (min-width:481px)and (max-width:540px){ html{font-size:72px; font-size:13.33333vw }
}
@media screen and (min-width:541px)and (max-width:640px){ html{font-size:85.3333333333px; font-size:13.33333vw }
}
@media screen and (min-width:641px)and (max-width:720px){ html{font-size:96px; font-size:13.33333vw }
}
@media screen and (min-width:721px)and (max-width:750px){ html{font-size:100px; font-size:13.33333vw }
}
@media screen and (min-width:751px){ html{font-size:100px }
}
html *{ outline:0; -webkit-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0,0,0,0) }
body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer{ margin:0; padding:0 }
body{ font:62.5%/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; min-width:320px }
h1,h2,h3,h4,h5,h6{ font-size:100% }
img{ vertical-align:middle; border:0; -webkit-tap-highlight-color:rgba(0,0,0,0) }
em,i{ font-style:normal }
img{ max-width:100%; border:0 }
input:focus{ outline:0 }
table{ border-collapse:collapse; border-spacing:0 }
ol,ul,li{ list-style:none }
textarea{ resize:none }
a{ text-decoration:none; color:#333 }
.cf:after{ content:" "; display:block; height:0; clear:both; visibility:hidden }
.cf{ min-height:1% }
.fl{ float:left }
.fr{ float:right }
.hide{ display:none }
.show{ display:block }
.ellipsis{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
.break{ word-break:break-all; word-wrap:break-word }
.mt10{ margin-top:.1rem !important }
.mt15{ margin-top:.15rem !important }
.mt20{ margin-top:.2rem !important }
.mt25{ margin-top:.25rem !important }
.mt30{ margin-top:.3rem !important }
.mt35{ margin-top:.35rem !important }
.mt40{ margin-top:.4rem !important }
.mt45{ margin-top:.45rem !important }
.mt50{ margin-top:.5rem !important }
.mt55{ margin-top:.55rem !important }
.mt60{ margin-top:.6rem !important }
.mt65{ margin-top:.65rem !important }
.mt70{ margin-top:.7rem !important }
.mt80{ margin-top:.8rem !important }
.mt85{ margin-top:.85rem !important }
.mt90{ margin-top:.9rem !important }
.mt95{ margin-top:.95rem !important }
.mt100{ margin-top:1rem !important }
.mb10{ margin-bottom:.1rem !important }
.mb15{ margin-bottom:.15rem !important }
.mb20{ margin-bottom:.2rem !important }
.mb25{ margin-bottom:.25rem !important }
.mb30{ margin-bottom:.3rem !important }
.mb35{ margin-bottom:.35rem !important }
.mb40{ margin-bottom:.4rem !important }
.mb45{ margin-bottom:.45rem !important }
.mb50{ margin-bottom:.5rem !important }
.mb55{ margin-bottom:.55rem !important }
.mb60{ margin-bottom:.6rem !important }
.mb65{ margin-bottom:.65rem !important }
.mb70{ margin-bottom:.7rem !important }
.mt120{ margin-top:1.2rem !important }
.mt140{ margin-top:1.4rem !important }
body{ background-color:var(--main-color); margin:0 auto; font-size:.24rem }
.box{ width:7.5rem; margin:0 auto !important; overflow:hidden }
.head{ position:relative; width:7.5rem; margin:0 auto; background-color:#000 }
.head::after{ content:""; position:absolute; left:0; bottom:-0.1rem; width:100%; height:1.4rem; background:linear-gradient(to bottom,rgba(0,0,0,0),var(--main-color) 95%,var(--main-color)) }
.game-info{ position:relative; display:flex; align-items:center; box-sizing:border-box; padding:0 .28rem; margin-top:-0.22rem }
.game-info img{ width:1.2rem; height:1.2rem }
.game-info p{ margin-left:.22rem; flex:1 }
.game-info p span{ display:block; font-size:.32rem; color:#fff; font-weight:bold; width:3.2rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
.game-info p em{ display:block; font-size:.24rem; color:#fff; margin-top:.1rem }
.game-info a{ width:1.58rem; height:.72rem; text-align:center; line-height:.72rem; border-radius:.36rem; background-color:#b6fc1c; font-size:.28rem; font-weight:bold; color:#131715 }
.game-code{ width:6.92rem; border-radius:.3rem; background-color:#fff; padding:.24rem; box-sizing:border-box; margin:.44rem auto 0 }
.game-code .code-tit{ font-size:.32rem; color:#333; font-weight:bold }
.game-code .code-input{ display:flex; align-items:center; margin-top:.14rem }
.game-code .code-input input{ outline:0; border:0; width:4.8rem; height:.72rem; border-radius:.36rem; background-color:#e9e9e9; font-size:.24rem; color:#333; box-sizing:border-box; padding:0 .18rem }
.game-code .code-input input::-webkit-input-placeholder{ color:#999; font-size:.24rem }
.game-code .code-input a{ display:flex; align-items:center; justify-content:center; width:1.48rem; height:.72rem; font-size:.28rem; color:#131715; border-radius:.36rem; font-weight:bold; background-color:#b6fc1c; margin-left:.1rem }
.game-code .code-input a i{ width:.27rem; height:.27rem; margin-right:.12rem; background:url("../images/icon-add.png") no-repeat 0 0; background-size:100% 100% }
.h-tips{ position:fixed; top:0; left:50%; width:7.5rem; margin-left:-3.75rem; height:.48rem; background-color:rgba(0,0,0,.5); display:flex; justify-content:center; align-items:center; font-size:.24rem; color:#fff; z-index:9 }
.code-list-tit{ width:6.92rem; margin:.54rem auto 0; display:flex; align-items:center }
.code-list-tit span{ flex:1; font-size:.32rem; color:#fff; font-weight:bold }
.code-list-tit div{ position:relative; display:flex; align-items:center; width:2.02rem; height:.52rem; border-radius:.26rem; background-color:#302f38; box-sizing:border-box; padding:0 .18rem }
.code-list-tit div a{ flex:1; text-align:center; color:#fff; font-size:.24rem }
.code-list-tit div a.on{ font-weight:bold; color:#b6fc1c }
.code-list-tit div i{ width:.2rem; height:.12rem; margin-left:.05rem; -webkit-mask:url("../images/icon-down.png") no-repeat 0 0; -webkit-mask-size:100% 100%; mask:url("../images/icon-down.png") no-repeat 0 0; mask-size:100% 100%; background:#fff }
.code-list-tit div ul{ position:absolute; width:2.02rem; top:.6rem; right:0; background-color:#302f38; border-radius:.28rem; z-index:1; padding:.08rem 0rem }
.code-list-tit div ul li{ padding:0 .1rem; white-space:nowrap; font-size:.24rem; color:#fff; margin:.1rem .12rem; text-align:center }
.code-list-tit div ul li.on{ color:#b6fc1c }
.code-list-tit div.on a{ color:#b6fc1c }
.code-list-tit div.on i{ -webkit-mask:url("../images/icon-down.png") no-repeat 0 0; -webkit-mask-size:100% 100%; mask:url("../images/icon-down.png") no-repeat 0 0; mask-size:100% 100%; background:#b6fc1c }
.code-list{ margin-top:.28rem }
.code-list ul li{ width:6.94rem; height:3.04rem; margin:0 auto; background:url("../images/c-box.png") no-repeat 0 0; background-size:100% 100%; position:relative; box-sizing:border-box; padding:.96rem .36rem 0; margin-bottom:.2rem }
.code-tips{ font-size:.26rem; color:#999; margin-bottom:1.28rem; text-align:center }
.ref-box{ position:fixed; left:50%; bottom:0; margin-left:-3.75rem; width:7.5rem; display:flex; align-items:center; justify-content:center }
.ref-btn{ display:flex; align-items:center; width:7.5rem; height:.97rem; margin:auto; font-size:.36rem; color:#191721; background-color:#b6fc1c; justify-content:center; border-radius:.1rem }
.ref-btn i{ margin-right:.1rem; width:.38rem; height:.34rem; background:url("../images/icon-ref.png") no-repeat 0 0; background-size:100% 100% }
.c-prize{ position:absolute; top:0; left:0; width:1.6rem; height:.64rem; text-align:center; line-height:.64rem; font-size:.36rem; color:#131715; font-weight:bold }
.c-info{ display:flex; align-items:center }
.c-info p{ flex:1 }
.c-info p span{ display:block; font-size:.28rem; color:#333 }
.c-info p em{ display:block; font-size:.24rem; color:#999; margin-top:.08rem }
.c-info a{ display:flex; align-items:center; justify-content:center; width:2.52rem; height:.8rem; font-size:.28rem; color:#131715; border-radius:.36rem; font-weight:bold; background-color:#b6fc1c; margin-left:.1rem }
.c-info a i{ width:.2rem; height:.2rem; margin-right:.1rem; background:url("../images/icon-copy.png") no-repeat 0 0; background-size:100% 100% }
.c-fb{ display:flex; align-items:center; justify-content:flex-end; margin-top:.34rem; border-top:1px dashed #d6d6d6; box-sizing:border-box; padding-top:.24rem }
.c-fb div{ display:flex; align-items:center; margin-left:.2rem }
.c-fb div i{ margin-right:.06rem; width:.34rem; height:.34rem }
.c-fb div span{ font-size:.24rem; color:#aeaeae }
.c-fb .lk1 i{ margin-top:-0.06rem; background:url("../images/z1.png") no-repeat 0 0; background-size:100% 100% }
.c-fb .lk2 i{ margin-top:.06rem; background:url("../images/z2.png") no-repeat 0 0; background-size:100% 100% }
.c-fb .lk3 i{ margin-top:.06rem; background:url("../images/z2.png") no-repeat 0 0; background-size:100% 100% }
.c-fb .lk1.on i{ background:url("../images/z1-on.png") no-repeat 0 0; background-size:100% 100% }
.c-fb .lk1.on span{ color:#fe952d }
.c-fb .lk2.on i{ background:url("../images/z2-on.png") no-repeat 0 0; background-size:100% 100% }
.c-fb .lk3.on i{ background:url("../images/z2-on.png") no-repeat 0 0; background-size:100% 100% }
.code-item{ width:5.84rem; height:3.04rem; margin:0 auto; background:url(../images/c-box.png) no-repeat 0 0; background-size:100% 100%; position:relative; box-sizing:border-box; padding:.96rem .28rem 0; margin-bottom:-0.48rem }
.code-item .c-fb{ justify-content:center }
.code-item .c-fb div{ margin:0 .18rem }
.side{ position:fixed; right:-0.18rem; bottom:1.4rem }
.side a{ position:relative; width:1.48rem; height:1.65rem; display:block; margin:-0.1rem 0 }
.side a img{ width:1.48rem; height:1.65rem }
.side a em{ position:absolute; top:.16rem; right:.1rem; width:.48rem; height:.48rem; font-size:.16rem; color:#333; width:auto; box-sizing:border-box; white-space:nowrap; padding:0 .1rem; height:.26rem; border-radius:.13rem; background-color:#d8ff6e }
.side a.ic-s{ width:1.65rem }
.side a.ic-s img{ display:block; width:1.65rem; height:1.65rem }
.p-pop{ width:5.84rem; position:relative; margin:0 auto; background-color:#fff; border-radius:.3rem }
.p-pop .p-close{ position:absolute; left:50%; bottom:-0.88rem; margin-left:-0.32rem; width:.65rem; height:.65rem; background:url("../images/p-close.png") no-repeat 0 0; background-size:100% 100% }
.p-pop .pop-box{ width:5.84rem; padding:.34rem .22rem; border-radius:.3rem; box-sizing:border-box; background-color:#fff; margin:0 auto }
.p-pop .pop-box .c-fb{ border-top:0; padding-top:0; margin:.4rem auto .28rem; justify-content:center }
.p-pop .p-code-list{ width:5.3rem; max-height:4.28rem; padding-right:.14rem; overflow-y:auto; margin-top:.4rem }
.p-pop .p-code-list::-webkit-scrollbar{ width:.06rem; height:""; background:"" }
.p-pop .p-code-list::-webkit-scrollbar-track{ border-radius:.2rem; background:none }
.p-pop .p-code-list::-webkit-scrollbar-thumb{ border-radius:.5rem; background:#c6c6c6 }
.p-pop .p-code-list li{ display:flex; align-items:center; border-bottom:1px dashed #d6d6d6; padding-bottom:.2rem; margin-bottom:.2rem }
.p-pop .p-code-list li img{ width:.75rem; height:.75rem; border-radius:100%; margin-right:.12rem }
.p-pop .p-code-list li .code-info{ display:flex; align-items:center; flex:1 }
.p-pop .p-code-list li .code-info p{ max-width:1.6rem; color:#666; font-weight:bold; font-size:.24rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
.p-pop .p-code-list li .code-info span{ font-size:.22rem; color:#666 }
.p-pop .p-code-list li .code-info div{ display:flex; align-items:center; margin-left:.1rem }
.p-pop .p-code-list li .code-info div i{ margin-right:.06rem; width:.28rem; height:.28rem }
.p-pop .p-code-list li .code-info div span{ font-size:.22rem; color:#aeaeae }
.p-pop .p-code-list li .code-info .lk1 i{ margin-top:-0.04rem; background:url("../images/z1.png") no-repeat 0 0; background-size:100% 100% }
.p-pop .p-code-list li .code-info .lk2 i{ margin-top:.04rem; background:url("../images/z2.png") no-repeat 0 0; background-size:100% 100% }
.p-pop .p-code-list li .code-info .lk3 i{ margin-top:.04rem; background:url("../images/z2.png") no-repeat 0 0; background-size:100% 100% }
.p-pop .p-code-list li .code-info .lk1.on i{ background:url("../images/z1-on.png") no-repeat 0 0; background-size:100% 100% }
.p-pop .p-code-list li .code-info .lk1.on span{ color:#fe952d }
.p-pop .p-code-list li .code-info .lk2.on i{ background:url("../images/z2-on.png") no-repeat 0 0; background-size:100% 100% }
.p-pop .p-code-list li .code-info .lk3.on i{ background:url("../images/z2-on.png") no-repeat 0 0; background-size:100% 100% }
.p-pop .p-code-list li em{ margin-left:.12rem; font-size:.22rem; color:#999 }
.p-pop .p-tit{ text-align:center; font-size:.36rem; color:#333; font-weight:bold }
.p-pop .p-txt{ text-align:center; font-size:.26rem; color:#333; margin-top:.2rem }
.p-pop .fb-btn{ display:flex; margin-top:.44rem; width:100%; justify-content:space-between; padding:0 .1rem; box-sizing:border-box; margin-bottom:.3rem }
.p-pop .fb-btn a{ width:1.57rem; height:.62rem; border-radius:.2rem; font-size:.28rem; color:#333; text-align:center; line-height:.62rem; border:1px solid #333; box-sizing:border-box }
.p-pop .fb-btn a.on{ color:#191721; font-weight:bold; border:0; background-color:#b6fc1c }
.p-pop .pop-btn{ display:flex; justify-content:center; margin-top:.52rem }
.p-pop .pop-btn a{ margin:0 .1rem; width:2.52rem; height:.8rem; line-height:.8rem; text-align:center; border-radius:.4rem; font-size:.3rem }
.p-pop .pop-btn a.pop-btn1{ color:#999; background-color:#e9e9e9 }
.p-pop .pop-btn a.pop-btn2{ color:#191721; background-color:#b6fc1c }
.act-tips img{ display:block; margin:0 auto; width:2.94rem; height:2.94rem; object-fit:contain }
.act-tips p{ text-align:center; font-size:.28rem; color:#fff; margin-top:.2rem }
.act-tips div{ display:flex; align-items:flex-end; justify-content:center; margin-top:.2rem }
.act-tips div em{ display:flex; align-items:center; justify-content:center; font-size:.26rem; color:#fff; width:.46rem; height:.46rem; border-radius:.06rem; background-color:hsla(0,0%,100%,.4); border:1px solid hsla(0,0%,100%,.6); margin:0 .1rem; font-weight:bold }
.act-tips div i{ font-size:.24rem; color:#fff }