/*# zfa 2022/9/5 13:53:48 */
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}
html{font-size:100px;font-size:13.33333vw}
@media screen and (max-width:320px){html{font-size:42.66667px;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.93333px;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.33333px;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}}
@media screen and (min-width:751px){html{font-size:100px}
body{width:750px;margin:0 auto}
[data-dpr='1'] body{width:750px;margin:0 auto}}
body{background:#FAFAFA}
.headBar{height:.88rem;background:#fff}
.headBar .headBarLogo{float:left;width:1.62rem;height:.88rem;overflow:hidden;line-height:99;margin-left:.3rem;background:url(../images/hd-logo.png) no-repeat center;background-size:1.56rem auto;background-color:transparent}
.headBar .headBarLogo a{display:block;width:100%;height:100%}
.headBar .headBarMenu{float:right;width:1.1rem;height:.88rem;position:relative}
.headBar .headBarMenu .item{background:url(../images/hd-menu.png) no-repeat center;background-size:0.44rem auto;background-color:transparent;display:block;width:100%;height:.88rem}
.headBar .headBarMenu .list{display:none;background:rgba(33,16,10,0.8);width:2.2rem;padding:.08rem 0;position:absolute;right:0;top:.88rem;z-index:10}
.headBar .headBarMenu .list li{height:.62rem;line-height:.64rem;text-align:center;font-size:.26rem;color:#fff}
.headBar .headBarMenu .list li a{display:block;color:#fff}
.headBar .headBarMenu .list li i{display:inline-block;vertical-align:middle;margin:-.04rem .06rem 0 0;width:.32rem;height:.25rem;overflow:hidden;background:url(../images/mn-ico.png) no-repeat 0 0;background-size:400% 100%;background-color:transparent}
.headBar .headBarMenu .list li .mn-sp1{background-position:0 0}
.headBar .headBarMenu .list li .mn-sp2{background-position:33.33% 0}
.headBar .headBarMenu .list li .mn-sp3{background-position:66.67% 0}
.headBar .headBarMenu .list li .mn-sp4{background-position:100% 0}
.headBar .headBarMenu.active .item{background-color:#dcdcdc}
.headBar .headBarMenu.active .item::after{content:'';width:100%;height:.06rem;background:#FF8004;position:absolute;left:0;top:0}
.headBar .headBarMenu.active .list{display:block}
.footArea{background:#333638;margin-top:.8rem}
.footArea a{color:#a3a3a3}
.footArea .inner{padding:.3rem;text-align:center;font-size:.22rem;color:#a3a3a3;line-height:.32rem}
.footArea .inner p{padding:.05rem 0}
.footArea .foot-logo{background:url(../images/ft-logo.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:1.78rem;height:.6rem;overflow:hidden;line-height:99;margin:0 auto .15rem}
.footArea .foot-logo a{display:block;width:100%;height:100%;overflow:hidden;line-height:99}
.headGame{background:#fff;-webkit-box-shadow:0 .05rem .1rem #efefef;box-shadow:0 .05rem .1rem #efefef;padding-bottom:.4rem;overflow:hidden}
.headGame .hgDot{font-size:0;line-height:0;text-align:center}
.headGame .hgDot span{display:inline-block;vertical-align:top;width:.18rem;height:.06rem;background:#ddd;border-radius:.03rem;margin:0 .03rem;-webkit-transition:all .5s;transition:all .5s}
.headGame .hgDot .swiper-pagination-bullet-active{width:.52rem;background:#FF8004}
.hgCon{font-size:0;line-height:0;white-space:nowrap}
.hgItem{display:inline-block;vertical-align:top;white-space:inherit;font-size:.24rem;line-height:2;overflow:hidden}
.hgItem .hd{height:4.24rem;overflow:hidden;background:#fff;position:relative}
.hgItem .hd img{width:100%;height:4.24rem;-o-object-fit:cover;object-fit:cover}
.hgItem .hd .vplay{background:url(../images/vplay.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:.72rem;height:.72rem;position:absolute;left:50%;top:50%;margin:-.36rem 0 0 -.36rem}
.hgItem .bd{padding:.4rem .3rem}
.hgItem .hgInfo .img{float:left;width:1.44rem;height:1.44rem;overflow:hidden;border-radius:.25rem;margin-right:.14rem}
.hgItem .hgInfo .img img{display:block;width:100%;height:100%}
.hgItem .hgInfo .con{float:left;width:5.28rem;overflow:hidden}
.hgItem .hgInfo .con .name{height:.44rem;overflow:hidden;margin-top:.05rem}
.hgItem .hgInfo .con .name em{float:left;width:100%;height:.44rem;line-height:.46rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:.36rem;color:#333}
.hgItem .hgInfo .con .desc{height:.34rem;line-height:.36rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#666;font-size:.24rem;margin-top:.12rem}
.hgItem .hgInfo .con .qun{background:url(../images/qq.png) no-repeat left center;background-size:0.22rem auto;background-color:transparent;height:.4rem;line-height:.42rem;font-size:.22rem;color:#999;padding-left:.28rem;margin-top:.1rem}
.hgItem .hgInfo .con .qun a{display:inline-block;vertical-align:top;width:.84rem;height:.4rem;text-align:center;background:#F2F2F2;border-radius:.2rem;font-size:.22rem;color:#666;margin-left:.1rem}
.hgItem .hgInfo .pack{background:url(../images/btn-pack.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:none;float:right;width:1.16rem;height:1.08rem;overflow:hidden;line-height:99;margin-top:.18rem}
.hgItem .packShow .pack{display:block}
.hgItem .packShow .con{width:3.94rem}
.hgItem .hgDown{width:7.5rem;margin-left:-.3rem;text-align:center;font-size:0;line-height:0;margin-top:.35rem}
.hgItem .hgDown a{display:inline-block;vertical-align:top;width:3.16rem;height:.88rem;background:#FF8004;margin:0 .26rem;overflow:hidden;border-radius:.44rem;line-height:.88rem;font-size:.32rem;color:#fff}
.hgItem .hgDown a em{-webkit-text-stroke-width:.2pt}
.hgItem .hgDown a.row2 em{display:block;height:.44rem;line-height:.46rem;margin-top:.06rem}
.hgItem .hgDown a.row2 span{display:block;height:.32rem;line-height:.34rem;font-size:.22rem}
.hgItem .hgDown .btnG{background:#71C202}
.hgItem .hgDown .btnY{background:#FF8004}
.panel{margin-top:.45rem}
.panel .panel-hd{background:url(../images/panel-hd.png) no-repeat 0 0;background-size:auto 1rem;background-color:transparent;height:1rem;overflow:hidden;margin:0 .25rem}
.panel .panel-hd em{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAcCAMAAACanVW5AAAAGFBMVEX/gAT/gAT/gAT/gAT/gAT/gAT/gAT/gASCe40ZAAAAB3RSTlOWacwzGVR4qwJc+AAAACBJREFUeNrdxcERAAAEA8Eg6L9jc23Yz6oTo1jozS74AK0iA9Vhw14NAAAAAElFTkSuQmCC) no-repeat left center;background-size:auto .28rem;display:block;height:.4rem;line-height:.42rem;font-size:.34rem;font-weight:bold;color:#ff8004;padding-left:.3rem;margin-top:.36rem}
.panel .panel-bd{background:#fff;-webkit-box-shadow:0 0 .1rem #efefef;box-shadow:0 0 .1rem #efefef;padding:.3rem;border-radius:.04rem;font-size:.24rem;line-height:1.8}
.guanzhu{overflow:hidden;margin-top:-.25rem}
.guanzhu li{float:left;width:25%;height:1.32rem;overflow:hidden;text-align:center;line-height:2;margin-top:.25rem}
.guanzhu li img{display:block;width:.92rem;height:.92rem;margin:0 auto}
.hezuo{width:6.6rem;margin:-.28rem auto 0}
.hezuo li{float:left;width:1.56rem;height:.58rem;overflow:hidden;margin:.28rem .32rem 0}
.hezuo li img{display:block;width:1.56rem;height:.58rem}
.guanyu{margin:0 .2rem}
.guanyu .text{font-size:.26rem;line-height:.42rem;color:#666}
.guanyu .slogon{height:.82rem;margin-top:.2rem;background:url(../images/guanyu.png) no-repeat center;background-size:auto 0.82rem;background-color:transparent}
.gameTab{height:.54rem;margin:0 .3rem}
.gameTab span{float:left;height:.54rem;line-height:.56rem;border-radius:.27rem;background:#F2F2F2;padding:0 .25rem;color:#666;overflow:hidden;font-size:.26rem;margin-right:.15rem}
.gameTab .on{background:#FAECDF;color:#FF8004}
.gameList{margin-top:.1rem;overflow:hidden}
.gameList li{background:#fff;-webkit-box-shadow:0 0 .1rem #efefef;box-shadow:0 0 .1rem #efefef;padding:.3rem 0;border-radius:.04rem;margin-top:.1rem;font-size:.24rem;line-height:2}
.gameList .gameInfo{margin:0 .3rem;overflow:hidden}
.gameList .gameInfo .img{float:left;width:1.44rem;height:1.44rem;overflow:hidden;border-radius:.25rem;margin-right:.14rem}
.gameList .gameInfo .img img{display:block;width:100%;height:100%}
.gameList .gameInfo .con{float:left;width:3.36rem;overflow:hidden}
.gameList .gameInfo .con .name{height:.44rem;overflow:hidden;margin-top:.05rem}
.gameList .gameInfo .con .name em{float:left;max-width:2.6rem;height:.44rem;line-height:.46rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:.36rem;color:#333}
.gameList .gameInfo .con .name span{float:left;width:.64rem;height:.34rem;background:#F2F2F2;text-align:center;line-height:.36rem;color:#666;border-radius:.06rem;margin:.06rem 0 0 .1rem}
.gameList .gameInfo .con .desc{height:.34rem;line-height:.36rem;overflow:hidden;color:#666;font-size:.24rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:.15rem}
.gameList .gameInfo .con .qun{background:url(../images/qq.png) no-repeat left center;background-size:0.22rem auto;background-color:transparent;height:.4rem;line-height:.42rem;font-size:.22rem;color:#999;padding-left:.28rem;margin-top:.2rem}
.gameList .gameInfo .con .qun a{display:inline-block;vertical-align:top;width:.84rem;height:.4rem;text-align:center;background:#F2F2F2;border-radius:.2rem;font-size:.22rem;color:#666}
.gameList .gameInfo .con .qun a i{display:inline-block;width:.12rem;height:.12rem;vertical-align:middle;margin:-.04rem 0 0 .05rem;background:url(../images/arrow.png) no-repeat 0 0;background-size:0.12rem auto;background-color:transparent}
.gameList .gameInfo .con .qun .on{border-radius:.2rem .2rem 0 0}
.gameList .gameInfo .con .qun .on i{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.gameList .gameInfo .btn{float:right;width:1.86rem;height:.6rem;text-align:center;line-height:.62rem;border-radius:.3rem;background:#71C202;color:#fff;margin-top:.35rem}
.gameList .gameInfo .btn.btnG{background:#71C202}
.gameList .gameInfo .btn.btnY{background:#FF8004}
.qunlist{display:none;background:#F2F2F2;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.3rem}
.qunlist .inner{overflow:hidden;margin-top:-.2rem}
.qunlist .inner p{float:left;width:3.4rem;height:.42rem;font-size:.22rem;line-height:.44rem;overflow:hidden;color:#999;margin-top:.2rem}
.qunlist .inner p:nth-child(even){float:right}
.qunlist .inner p a{float:right;width:1.16rem;height:.42rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #A5A5A5;color:#A5A5A5;text-align:center;line-height:.42rem;font-size:.2rem;border-radius:.21rem}
.qunlist .inner p a.not{border-color:#EAEAEA;background:#EAEAEA;color:#BEBEBE}
.diaArea{width:6.46rem;background:#fff;border-radius:.1rem;overflow:hidden;margin:0 auto;position:relative}
.diaArea .inner{padding:.4rem;font-size:.24rem;line-height:2;color:#666}
.diaArea .dia-hide{background:url(../images/dia-hide.png) no-repeat center;background-size:0.3rem auto;background-color:transparent;width:.64rem;height:.64rem;overflow:hidden;line-height:99;position:absolute;top:.05rem;right:.05rem}
.diaArea .dia-tit{font-size:.34rem;line-height:.44rem;font-weight:bold;text-align:center}
.diaArea .dia-f26{font-size:.26rem;margin-top:.15rem}
.diaArea .dia-f26 span{color:#ff8004}
.diaArea .dia-f26 .grey{color:#999}
.diaArea .dia-f26 a{color:#ff8004}
.diaArea .dia-f22{font-size:.22rem;line-height:1.8;color:#999;margin-top:.2rem}
.diaArea .dia-btn{text-align:center;width:6.46rem;margin-left:-.4rem;margin-top:.25rem;text-align:center;font-size:0;line-height:0}
.diaArea .dia-btn a{display:inline-block;width:2.64rem;height:.7rem;overflow:hidden;border-radius:.35rem;text-align:center;line-height:.72rem;font-size:.26rem;color:#fff;background:#71C202;color:#fff;margin:0 .15rem}
.diaArea .dia-btn .bt1{background:#71C202}
.diaArea .dia-btn .bt2{background:#ff8004}
.qunJoin{margin-top:.2rem;overflow:hidden}
.qunJoin p{height:.5rem;overflow:hidden;margin-top:.2rem}
.qunJoin p a{float:right;width:2.1rem;height:.5rem;background:#73C404;text-align:center;line-height:.52rem;font-size:.26rem;color:#fff;overflow:hidden;border-radius:.25rem}
.qunJoin p a.not{background:#DADADA;cursor:default}
.diaForm .label{height:.72rem;border:1px solid #F2F2F2;border-radius:.04rem;overflow:hidden;margin-top:.2rem;position:relative}
.diaForm .label input{background:none;border:none;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.15rem .2rem;line-height:.42rem;font-size:.26rem}
.diaForm .label.msg input{display:block;width:100%}
.diaForm .label.msg .getCode{position:absolute;right:0;top:0;padding:0 .25rem;height:.72rem;line-height:.74rem;font-size:.24rem;color:#527CB7;cursor:pointer}
.diaForm .label.msg .getCode.dis{color:#999}
.diaForm .label.phone .phoneCode{float:left;width:1rem;height:.72rem;line-height:.74rem;text-align:center;font-size:.26rem;color:#333;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 .1rem}
.diaForm .label.phone input{float:left;width:4.26rem}