@font-face{font-family:Montserrat;src:url(font/Montserrat-Regular.ttf) format("truetype")}
@font-face{font-family:'Fredoka One';font-style:normal;font-weight:400;font-display:swap;src:local("Fredoka One"),local("FredokaOne-Regular"),url(font/Fredoka.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
a,body,dd,div,dl,dt,em,form,h1,h2,h3,h4,h5,h6,html,i,img,input,label,li,ol,p,select,span,ul{margin:0;padding:0}
em,i{font-style:normal}
ol,ul{list-style-type:none}
li{list-style:none}
img{border:0;vertical-align:middle}
button{cursor:pointer}
a{color:#fff;text-decoration:none}
a:hover{color:#f60}
button,input{font-family:Montserrat,Arial,"Helvetica Neue",Helvetica,sans-serif}
body{-webkit-font-smoothing:antialiased;background-color:#ececec;font:12px/1.5 Montserrat,Arial,"Helvetica Neue",Helvetica,sans-serif;color:#333}
.hide,.none{display:none}
.cf:after{visibility:hidden;clear:both;display:block;content:".";height:0}
.fl{float:left}
.fr{float:right}
.mt10{margin-top:10px}
body{background:darkblue}
.headArea{background:darkblue;height:1rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.1rem;position:relative}
.headArea .headMenuBtn{float:left;width:.8rem;height:.8rem;overflow:hidden;line-height:99;background:url(../images/ico-menu.png) no-repeat center;background-size:.4rem .4rem}
.headArea .headSchBtn{display:none;float:left;width:.8rem;height:.8rem;overflow:hidden;line-height:99;background:url(../images/ico-search.png) no-repeat center;background-size:.5rem auto}
.headArea .headLogo{float:left;width:3rem;height:.6rem;overflow:hidden;line-height:99;margin-top:.1rem;margin-left:.1rem}
.headArea .headLogo a{width:auto;height:.6rem;float:left}
.headArea .headLogo img{width:auto;height:.6rem;float:left}
.headArea .headSearch{float:left;margin-right:.25rem}
.headArea .headSearch .inner{width:220px;height:.4rem;overflow:hidden;background:#7e3af1;border-radius:.1rem;margin-top:.2rem;margin-left:.25rem}
.headArea .headSearch .inner input{border:none;background:0 0;outline:0}
.headArea .headSearch .inner .txt{float:left;width:82%;height:.4rem;background:#6030af;padding:.2rem;font-size:.14rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;border-radius:0 .15rem .15rem 0}
.headArea .headSearch .inner .btn{float:left;width:18%;height:.4rem;overflow:hidden;line-height:99;background:url(../images/ico-search.png) no-repeat center;background-size:auto .3rem}
.headArea .headCate,.headArea .headTop{float:left;margin-left:.25rem}
.headArea .headCate{position:relative}
.headArea .headItem{height:.8rem;line-height:.8rem;font-size:.28rem;color:#fff}
.headArea .headItem i,.headArea .headItem span{display:inline-block;vertical-align:middle;margin-top:-.1rem}
.headArea .headItem .ico{width:.4rem;height:.4rem}
.headArea .headItem .ico-top{background:url(../images/ico-top.png) no-repeat;background-size:100% 100%}
.headArea .headItem .ico-cate{background:url(../images/ico-cate.png) no-repeat;background-size:100% 100%}
.headArea .headItem .ico-arrow{display:inline-block;width:.24rem;height:.16rem;overflow:hidden;background:url(../images/ico-arrow.png) no-repeat;background-size:100% 100%;margin-left:.1rem}
.headArea .headHisBtn{float:left;height:.3rem;padding:.05rem .1rem;border-radius:.1rem;margin-top:.2rem;margin-right:.2rem;cursor:pointer;background:#7e3af1}
.headArea .headHisBtn.active,.headArea .headHisBtn:hover{background:#18a402}
.headArea .headHisBtn span{display:inline-block;height:.4rem;vertical-align:top}
.headArea .headHisBtn .txt{height:.3rem;line-height:.3rem;font-size:.14rem;color:#fff}
.headArea .headHisBtn .ico{width:.3rem;height:.3rem;background:url(../images/ico-his.png) no-repeat;background-size:100% 100%}
.headArea .hdLangCur{float:left;width:.45rem;height:.3rem;padding:.05rem;border-radius:.1rem;margin-top:.2rem;border-radius:.04rem;cursor:pointer}
.headArea .hdLangCur.active,.headArea .hdLangCur:hover{background:#172d4d}
.headArea .hdLangCur img{display:block;width:100%;height:100%}
.hdlangList{display:none;position:absolute;right:.05rem;top:1rem;z-index:99;background:rgba(0,0,0,.8);padding:.1rem}
.hdlangList li{width:.54rem;height:.35rem;padding:.1rem;overflow:hidden;border-radius:.05rem}
.hdlangList li img{display:block;width:100%;height:100%}
.hdlangList li.cur{background:rgba(48,143,216,.4)}
.menuArea{display:none;width:4.2rem;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:1rem;left:0;z-index:20}
.menuArea .inner{width:100%;height:100%;background:#21242d;overflow-y:auto}
.menuArea .menuList li{height:.56rem;overflow:hidden;border-bottom:1px solid #fff}
.menuArea .menuList li a{background:url(../images/menu-item.png) no-repeat 96% 50%;background-size:.1rem auto;display:block;padding:.08rem .18rem;height:.4rem;line-height:.4rem;color:#fff;font-size:.18rem}
.menuArea .menuList li img{float:left;width:.4rem;height:.4rem;margin-right:.15rem}
.hisArea{display:none;position:absolute;z-index:2000;left:0;top:1rem;width:100%;height:100%;padding:.15rem 0;-webkit-box-sizing:border-box;box-sizing:border-box;background:#21242d}
.hisArea .hideit{width:.36rem;height:.36rem;background:url(../images/ico-close.png) no-repeat;background-size:100% 100%;overflow:hidden;line-height:99;position:absolute;right:.1rem;top:.15rem}
.hisArea .hd{height:.4rem;line-height:.4rem;font-size:.22rem;color:#fff;padding:0 .25rem}
.hisArea .hd em{float:left}
.hisArea .bd{width:100%;height:auto;overflow:hidden;position:relative;margin-top:.15rem}
.hisArea .bd .inner{left:0;top:0}
.hisArea .bd ul{text-align: center;line-height:0;font-size:0}
.hisArea .bd li{display:inline-block;vertical-align:top;width:2.02rem;height:2.02rem;overflow:hidden;border-radius:.2rem;margin: .2rem .18rem 0;position:relative}
.hisArea .bd li .img{display:block;width:100%;height:100%}
.hisArea .bd li .img img{display:block;width:100%;height:100%}
.hisArea .bd li .txt{display:none;position:absolute;left:0;bottom:0;width:100%;height:.34rem;line-height:.34rem;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 .15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:.14rem;background:rgba(0,0,0,.8)}
.hisArea .bd li:hover .txt{display:block}
.hisArea .bd li:last-child{margin-right:.2rem}
.content{padding:.6rem 2rem;color:#fff}
.content .tit{text-align:center;font-size:.3rem;font-weight:700;line-height:.5rem}
.content .con{font-size:.16rem;line-height:.24rem;margin-top:.3rem;font-family:Montserrat,Arial,"Helvetica Neue",Helvetica,sans-serif}
.content .con p{padding:.1rem 0}
.footArea{background:#1e003e;background-size:1rem auto;padding:.3rem .15rem .3rem;color:#ddd}
.footArea a{color:#fff}
.footArea a:hover{color:#3a71c1}
.footArea .metaLink{text-align:center;font-size:.2rem;font-weight:400}
.footArea .metaLink a{margin:0 .1rem}
.footArea .siteCert{margin-top:.2rem}
.footArea .siteCert .ftLogo{height:.4rem}
.footArea .siteCert .ftLogo img{float:left;width:auto;height:.4rem}
.footArea .siteCert .lang{float:left;width:.6rem;height:.4rem}
.footArea .siteCert .lang img{display:block;width:100%;height:100%}
.footArea .siteCert .share{float:left}
.footArea .siteCert .share a{float:left;width:.4rem;height:.4rem;margin-left:.15rem}
.footArea .siteCert .share img{display:block;width:.4rem;height:.4rem}
.footArea .siteDesc{font-size:.16rem;line-height:.26rem;margin-top:.1rem;font-family:Montserrat,Arial,"Helvetica Neue",Helvetica,sans-serif}
.footArea .siteDesc p{padding:.04rem 0}
.footArea .copyright{text-align:center;line-height:.4rem;font-size:.18rem;font-weight:400;margin-top:.5rem}
.favBig{text-align:center;padding:.1rem 0;margin-top:.1rem}
.btnNext,.btnPrev{display:none;height:100%;width:.7rem;background-color:rgba(0,0,0,.5);background-position:center;background-repeat:no-repeat;background-size:.3rem auto;position:absolute;top:0;z-index:15;cursor:pointer}
.btnNext:hover,.btnPrev:hover{background-color:rgba(0,0,0,.6)}
.btnPrev{left:0;background-image:url(../images/btnprev.png)}
.btnNext{right:0;background-image:url(../images/btnnext.png)}
.pages{padding:.2rem 0;text-align:center;line-height:0;font-size:0;margin-top:.2rem}
.pages a,.pages b{background:#9c6af1;display:inline-block;height:.62rem;line-height:.62rem;padding:0 .3rem;overflow:hidden;color:#fff;font-size:.22rem;font-weight:700;border-bottom:.04rem solid #7041bd;border-radius:.04rem;margin:0 .1rem}
.pages a:hover,.pages b:hover{background:#fff;border-bottom:.04rem solid #c9c9c9;color:darkblue}
.pages b{cursor:default;background:#fff;border-bottom:.04rem solid #7041bd;color:#7041bd}
.moreBtn{background:#3a71c1;display:block;width:4.75rem;height:.68rem;text-align:center;line-height:.68rem;overflow:hidden;font-size:.26rem;color:#fff;border-radius:.1rem;margin:.25rem auto 0}
.moreBtn:hover{background:#2a7cf3;color:#fff}
.vidWrap{background:#21242e;padding:.24rem 0 .35rem}
.vidWrap .vid-hd{height:.48rem;overflow:hidden;padding:0 .25rem}
.vidWrap .vid-hd em{float:left;font-size:.3rem;font-weight:700;color:#fff;line-height:.48rem}
.vidWrap .vid-hd em img{float:left;width:.48rem;height:.48rem;margin-right:.15rem}
.vidWrap .vid-hd .viewmore{float:right;height:.28rem;line-height:.28rem;font-size:.16rem;color:#aaa;margin-top:.1rem}
.vidWrap .vid-bd{overflow:hidden;margin-top:.1rem}
.vidList{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.vidList li{padding:.1rem .25rem;width:20%;-webkit-box-sizing:border-box;box-sizing:border-box}
.vidList li a{display:block;position:relative}
.vidList .img{max-width:658px;width:100%;height:0;padding-bottom:56.32%;-ms-flex-negative:0;flex-shrink:0;position:relative}
.vidList .img .pho{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;background-size:cover;background-position:50%;background-repeat:no-repeat;white-space:nowrap;-webkit-box-shadow:inset 0 0 0 2px transparent;box-shadow:inset 0 0 0 2px transparent;left:0;top:0;height:100%;width:100%;position:absolute;overflow:hidden}
.vidList .img .pho img{display:block;width:100%;height:100%}
.vidList .img span{position:absolute;left:50%;top:50%;width:.8rem;height:.8rem;text-align:center;color:#fff;margin-left:-.4rem;margin-top:-.4rem;background:url(../images/playbtn.png) no-repeat;background-size:100% 100%}
.vidList .txt{height:.34rem;line-height:.34rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.18rem;color:#fff;margin-top:.12rem}
.tagWRap{padding:.2rem .1rem .46rem}
.tagWRap .taghd{height:.5rem;line-height:.52rem;font-size:.3rem;font-weight:700;text-align:center;color:#fff}
.tagWRap .tagbd{margin-top:.1rem}
.tagList{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.tagList li{padding:.18rem .15rem;width:25%;-webkit-box-sizing:border-box;box-sizing:border-box}
.tagList li .link:hover{border:1px solid #2a7cf3;color:darkblue}
.tagList li .link{background:url(../images/tag-item.png) no-repeat 96% center;background-size:.22rem auto;height:.9rem;border:1px solid #d7d7d7;border-radius:.1rem;line-height:.92rem;font-size:.2rem;color:#333;background-color:#fff;padding-right:.18rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Montserrat,Arial,"Helvetica Neue",Helvetica,sans-serif}
.tagList li .link img{float:left;width:.9rem;height:.9rem;border-top-left-radius:.1rem;border-bottom-left-radius:.1rem;margin-right:.15rem}
.homeGame{text-align: center;}
.homeGame .hg-hd{height:.4rem;line-height:.4rem;padding:0 .25rem;height: auto;position: static}
.homeGame .hg-hd .item{float:left;height:.5rem;font-size:.24rem;color:#fff}
.homeGame .hg-hd .item img{float:left;width:.4rem;height:.4rem;margin-right:.1rem}
.homeGame .hg-hd .viewmore{float:right;height:.28rem;line-height:.28rem;font-size:.16rem;color:#aaa;margin-top:.1rem}
.homeGame .hg-hd .viewmore:hover{color:#2a7cf3}
.homeGame .hg-bd{margin-top:.1rem;height:auto;position:static;margin-bottom: .3rem;}
.homeGame .hg-bd .inner{position: static;left:0;top:0}
.hg-list{line-height:0;font-size:0;}
.hg-list li{display:inline-block;vertical-align:top;width:2.2rem;height:2.2rem;overflow:hidden;border-radius:.1rem;margin:.25rem 0.1rem 0 0.1rem;position:relative;background:#1e003e;box-shadow: 5px 2px 6px #000;}
.hg-list li .img{display:block;width:2.2rem;height:2.2rem;overflow:hidden;border-top-left-radius:.1rem;border-top-right-radius:.1rem}
.hg-list li .img img{display:block;width:100%;height:100%}
.hg-list li .tit{display:block;height:.34rem;overflow:hidden;padding:0 .1rem;line-height:.34rem;font-size:.15rem;color:#eee;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hg-list li .tag{height:.3rem;line-height:.3rem;padding:0 .1rem;color:#ddd;font-size:.13rem;text-transform:uppercase;text-align: left}
.hg-list li .tag img{float:left;width:auto;height:.25rem;margin-right:.1rem}
.recoGame{margin-top:.34rem}
.recoGame .rg-hd{height:.5rem;line-height:.5rem;padding:0 .25rem}
.recoGame .rg-hd .item{float:left;height:.5rem;font-size:.24rem;color:#333}
.recoGame .rg-hd .item img{float:left;width:.5rem;height:.5rem;margin-right:.1rem}
.recoGame .rg-hd .text{float:right;height:.28rem;line-height:.28rem;font-size:.16rem;color:#aaa;margin-top:.1rem}
.recoGame .rg-bd{margin-top:.28rem;height:3.96rem;overflow:hidden;padding-right:4.5rem;position:relative}
.recoGame .rg-bd .recoFav{width:4.08rem;height:3.96rem;position:absolute;right:.3rem;top:0}
.recoGame .rg-bd .recoFav a{display:block;width:100%;height:100%}
.recoGame .rg-bd .recoFav img{display:block;width:100%;height:100%}
.recoGame .rg-bd .inner{position:absolute;left:0;top:0}
.recoList{width:100%;height:3.96rem;overflow:hidden;position:relative}
.recoList .inner{position:absolute;left:0;top:0}
.recoList ul{white-space:nowrap;line-height:0;font-size:0}
.recoList ul li{display:inline-block;vertical-align:top;width:2.8rem;height:3.96rem;overflow:hidden;border-radius:.1rem;margin-left:.2rem;position:relative;background:#292c37}
.recoList .img{display:block;width:2.8rem;height:2.8rem;overflow:hidden;border-top-left-radius:.1rem;border-top-right-radius:.1rem}
.recoList .img img{display:block;width:100%;height:100%}
.recoList .tit{display:block;height:.32rem;line-height:.32rem;padding:0 .1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eee;margin-top:.06rem;font-size:.18rem}
.recoList .txt{display:block;height:.3rem;line-height:.3rem;padding:0 .1rem;overflow:hidden;font-size:.14rem;color:#d7d7d7;border-bottom:1px solid #f2f2f2}
.recoList .info{height:.3rem;line-height:.3rem;font-size:.13rem;color:#ddd;padding:0 .1rem;margin-top:.1rem;text-transform:uppercase}
.recoList .info .tag img{float:left;width:.3rem;height:.3rem;margin-right:.1rem}
.recoList .info .play img{width:auto;height:.25rem;margin-right:.1rem}
.crumbs{height:.6rem;overflow:hidden;padding:0 .25rem;margin-top:.25rem;line-height:.64rem;font-size:.24rem;color:#fff;font-weight:400}
.crumbs a{color:#fff}
.crumbs i{margin:0 .15rem}
.crumbs .index{float:left;background:url(../images/ico-home.png) no-repeat;background-size:.6rem auto;padding-left:.8rem}
.pageList{margin-top:.35rem;position:relative}
.pageList .sideFav{float:right;width:3rem;min-width:3.2rem;position:relative}
.pageList .sideFav::after{content:'';width:1rem;height:.85rem;background-size:100% 100%;position:absolute;left:.8rem;top:-.85rem}
.pageList .sideFav img{display:block;width:100%}
.pageList .listWrap .hg-list{white-space:inherit}
.pageList .listWrap .hg-list li{margin-bottom:.25rem}
@media only screen and (max-width:750px){.headCate,.headSearch,.headTop{display:none}
.headArea .headLogo{position:absolute;left:50%;margin-left:-1rem}
.headArea .headHisBtn{height:.4rem;margin-top:.15rem}
.headArea .headHisBtn .txt{display:none}
.headArea .headHisBtn .ico{width:.4rem;height:.4rem}
.headArea .headSchBtn{display:block}
.headArea .hdLangCur{width:.52rem;height:.4rem;padding:.1rem;margin-top:.1rem}
.headArea .headSearch{display:none;width:100%;height:1rem;background:#333;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;border-radius:0;position:absolute;left:0;top:1rem;padding:.15rem .25rem;z-index:10}
.headArea .headSearch .inner{width:100%;height:.7rem;overflow:hidden;background:#7041bd;border-radius:.16rem;margin:0}
.headArea .headSearch .inner .txt{height:.7rem;background:#555;padding:.2rem;font-size:.24rem;border-radius:0 .15rem .15rem 0}
.headArea .headSearch .inner .btn{height:.7rem;background:url(../images/ico-search.png) no-repeat center;background-size:auto .6rem}
.hdlangList{position:absolute;right:0;top:1rem;background:rgba(0,0,0,.8);padding:.12rem}
.hdlangList li{width:.95rem;height:.6rem;padding:.18rem;overflow:hidden;border-radius:.05rem}
.menuArea{background:rgba(0,0,0,.8);padding-top:0;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:1.5rem;height:100%;position:fixed;top:0;z-index:999}
.menuArea .menuHide{height:.8rem;background:darkblue;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.15rem}
.menuArea .menuHide span{float:right;width:.5rem;height:.5rem;background:url(../images/ico-close.png) no-repeat;background-size:100% 100%}
.menuArea .menuList li{height:.7rem}
.menuArea .menuList li a{padding:.14rem .25rem .14rem;height:.42rem;font-size:.24rem;line-height:.42rem}
.menuArea .menuList li img{width:.42rem;height:.42rem}
.content{padding:.3rem .3rem}
.content .con{font-size:.28rem;line-height:1.4}
.footArea .metaLink{font-size:.24rem}
.footArea .siteDesc{font-size:.24rem}
.footArea .copyright{font-size:.2rem}
.vidList li{width:50%;padding:.1rem .2rem}
.tagList li{width:100%;padding:.1rem}
.tagList li .link{height:1.1rem;line-height:1.1rem;font-size:.28rem;color:#333}
.tagList li .link img{width:1.1rem;height:1.1rem}
.favBig{padding:0 .2rem;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:.1rem}
.favBig img{display:block;width:100%}
.homeGame .hg-hd .viewmore{font-size:.24rem}
.recoGame .rg-hd .text{display:none}
.recoGame .rg-bd{padding-right:0}
.recoGame .rg-bd .recoFav{display:none}
.btnNext,.btnPrev{display:none}
.pageList{margin-top:.15rem;overflow:hidden;position:relative}
.pageList .sideFav{display:none}
.pageList .listWrap .hg-list{white-space:inherit}
.pageList .listWrap .hg-list li{width:1.7rem;height:2.36rem;margin:0 .06rem .15rem .1rem}
.pageList .listWrap .hg-list li .img{width:1.7rem;height:1.7rem}
.pageList .listWrap .hg-list li .tit{height:.34rem;line-height:.34rem;font-size:.22rem}
.pageList .listWrap .hg-list li .tag{height:.26rem;line-height:.26rem;font-size:.2rem}
.pageList .listWrap .hg-list li .tag img{width:.26rem;height:.26rem}
}
@media only screen and (min-width:751px) and (max-width:1000px){.content{padding:.4rem .5rem}
.headArea .headCate,.headArea .headTop{display:none}
.headArea .headHisBtn .txt{display:none}
.headArea .headSchBtn{display:block}
.headArea .headSearch{display:none;width:100%;height:1rem;background:#333;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;border-radius:0;position:absolute;left:0;top:1rem;padding:.15rem .25rem;z-index:10}
.headArea .headSearch .inner{width:100%;height:.7rem;overflow:hidden;background:#308fd8;border-radius:.16rem;margin:0}
.headArea .headSearch .inner .txt{height:.7rem;background:#555;padding:.2rem;font-size:.24rem;border-radius:0 .15rem .15rem 0}
.headArea .headSearch .inner .btn{height:.7rem;background:url(../images/ico-search.png) no-repeat center;background-size:auto .6rem}
.vidList li{width:33.3%;padding:.1rem .15rem}
.tagList li{width:50%;padding:.1rem}
.favBig{padding:0 .2rem;-webkit-box-sizing:border-box;box-sizing:border-box}
.favBig img{display:block;width:100%}
.recoGame .rg-hd .text{display:none}
.recoGame .rg-bd{padding-right:0}
.recoGame .rg-bd .recoFav{display:none}
.pageList{margin-top:.35rem;overflow:hidden;position:relative}
.pageList .sideFav{display:none}
.pageList .listWrap .hg-list{white-space:inherit}
}
@media only screen and (min-width:1000px) and (max-width:1390px){.content{padding:.5rem .8rem}
.headArea .headItem .ico-arrow,.headArea .headItem .txt{display:none}
.headArea .headHisBtn .txt{display:none}
.vidList li{width:25%;padding:.1rem .15rem}
.tagList li{width:33.3%;padding:.1rem .15rem}
.favBig img{display:block;width:100%}
.recoGame .rg-hd .text{display:none}
.recoGame .rg-bd{padding-right:0}
.recoGame .rg-bd .recoFav{display:none}
}
.pagePlay .crumbs{display:none}
.playHead{height:.5rem;line-height:.5rem;text-align:center;margin-top:.25rem;text-overflow:ellipsis;white-space:nowrap}
.playHead h1{font-size:28px}
.playHead img{display:inline-block;vertical-align:top;width:.5rem;height:.5rem;margin-right:.15rem}
.playHead em{display:inline-block;vertical-align:top;height:.5rem;line-height:.5rem;font-size:.32rem;font-weight:700;color:#d0b7fa}
.playWrap{width:1660px;background:#1e003e;margin:.34rem auto 0}
.playWrap.game .itemhd{background:#4c1686}
.playWrap.video .itemhd{background:#4c1686}
.playWrap .itemhd{height:.4rem;overflow:hidden;padding:0 .15rem}
.playWrap .itembd{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}
.gameDesc{width:1470px;margin:.3rem auto 0;display:-webkit-box;display:-ms-flexbox;display:flex}
.gameDesc .favSide{float:left;width:3.46rem;margin-left:.26rem}
.gameDesc .favSide img{display:block;width:3.46rem}
.gameDesc .Glogo{background-size:auto 1.26rem;width:1.58rem;margin-right:.15rem}
.gameDesc .Glogo img{display:block;width:1.28rem;height:1.28rem}
.gameDesc .Ginfo{-webkit-box-flex:1;-ms-flex:1;flex:1}
.Ginfo .game-title{height:.36rem;line-height:.36rem;color:#fff}
.Ginfo .game-title em{float:left;font-size:.22rem;margin-right:.15rem}
.Ginfo .game-title .plays{float:left;height:.28rem;line-height:.28rem;font-size:.14rem;padding-left:.4rem;font-family:Montserrat;margin-left:.15rem;background:url(../images/playNum.png) no-repeat;background-size:auto 100%;margin-top:.06rem}
.Ginfo .game-desc{line-height:.28rem;font-size:.16rem;margin-top:.1rem;color:#fff;font-family:Montserrat}
.Ginfo .game-controls{margin-top:.1rem;font-size:.16rem}
.Ginfo .game-controls .tit{line-height:.28rem;color:#fff}
.Ginfo .game-controls .txt{color:#fff;line-height:.22rem;font-family:Montserrat}
.Ginfo .game-tags{margin-top:.18rem}
.Ginfo .game-tags .list{overflow:hidden}
.Ginfo .game-tags .list li{float:left}
.Ginfo .game-tags .list li a{display:block;float:left;height:.36rem;line-height:.36rem;padding:0 .15rem;font-size:.16rem;color:#fff;background:#327ac2;border:1px solid #327ac2;border-radius:.1rem;margin:.15rem .15rem 0 0}
.Ginfo .game-tags .list li a:hover{background:#fff;color:#327ac2;border-color:#d7d7d7}
.Ginfo .game-mobile{margin-top:.18rem}
.Ginfo .game-mobile .inner{height:1.06rem;overflow:hidden;margin-top:.1rem}
.Ginfo .game-mobile .inner .it{background-size:auto 100%;float:left;height:1.06rem;line-height:.3rem;font-size:.18rem;font-weight:400;color:#7bf8f8;width:70%}
.Ginfo .game-mobile .inner .QRcode{float:left;width:1.06rem;height:1.06rem;margin-left:.1rem}
.Ginfo .game-mobile .inner .QRcode img{display:block;width:100%;height:100%}
.Ginfo .game-hd{height:.3rem;line-height:.3rem;font-size:.18rem;color:#fff;font-family:Montserrat}
.Ginfo .game-hd img{float:left;width:.3rem;height:.3rem;margin-right:.1rem}
.playFav{width:3.4rem;-webkit-box-sizing:border-box;box-sizing:border-box;height:6.6rem;padding:.18rem}
.playFav img{width:100%;height:100%}
.playArea{-webkit-box-flex:1;-ms-flex:1;flex:1;height:6.6rem;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}
.vidHead{width:9.8rem;height:.4rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.05rem 0;margin:0 auto}
.vidHead .tit{background:url(../images/ico-vid.png) no-repeat;background-size:.3rem .3rem;padding-left:.4rem;float:left;height:.3rem;line-height:.3rem;color:#fff;font-size:.14rem}
.vidHead .link{float:right;height:.3rem;line-height:.3rem;padding:0 .15rem;background:#7041bd;color:#fff;border-radius:.1rem;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;-ms-border-radius:.1rem;-o-border-radius:.1rem}
.vidArea{width:100%;height:6.6rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.18rem 0}
.vidArea .inner{background:#555;width:100%;height:100%;overflow:hidden}
.vidArea iframe,.vidArea video{width:100%;height:100%}
.playTabHd{height:.3rem;line-height:.3rem;padding:.05rem 0;text-align:center;line-height:0;font-size:0}
.playTabHd span{display:inline-block;vertical-align:top;height:.3rem;line-height:.3rem;font-size:.14rem;padding:0 .2rem;margin:0 .1rem;color:#fff;border-radius:.04rem;cursor:pointer;font-family:Montserrat}
.playTabHd span.cur,.playTabHd span:hover{background:#7041bd}
.playTabBd{width:100%;padding:.18rem 0;height:1.46rem;overflow:hidden}
.playTabBd .inner{width:100%;height:1.46rem;overflow:hidden;position:relative}
.playTabBd .inner .list{position:absolute;left:0;top:0}
.playTabBd .inner .list ul{white-space:nowrap;line-height:0;font-size:0}
.playTabBd .inner .list li{display:inline-block;width:1.46rem;height:1.46rem;overflow:hidden;border-radius:.1rem;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;-ms-border-radius:.1rem;-o-border-radius:.1rem;margin-left:.18rem}
.playTabBd .inner .list li:last-child{margin-right:.18rem}
.playTabBd .inner .list li img{display:block;width:100%;height:100%}
.playWrap .itemhd{position:relative;font-family:Montserrat}
.playWrap .gameCrumb{background:url(../images/ico-home.svg) no-repeat left center;background-size:auto .25rem;position:absolute;left:.25rem;top:.05rem;height:.3rem;overflow:hidden;line-height:.34rem;font-size:.16rem;padding-left:.4rem;color:#fff}
.playWrap .gameCrumb a{color:#fff}
.playWrap .gameCrumb i{margin:0 .1rem}
.playWrap .gameTool{width:3rem;overflow:hidden;height:.3rem;padding:.05rem 0;margin:0 auto}
.playWrap .gameTool a{float:left;height:.3rem;overflow:hidden;line-height:.32rem;font-size:.16rem;color:#fff;margin:0 .15rem}
.playWrap .gameTool a img{float:left;height:.3rem;margin-right:.05rem}
.playWrap .gameLink{position:absolute;right:.25rem;top:.05rem}
.playWrap .gameLink a{float:left;height:.3rem;overflow:hidden;line-height:.32rem;font-size:.16rem;color:#fff;margin-left:.15rem}
.playWrap .gameLink a img{float:left;height:.3rem;margin-right:.05rem}
.gameWrap{display:-webkit-box;display:-ms-flexbox;display:flex}
.gameWrap .gameReco{width:.9rem;height:6.6rem;overflow:hidden}
.gameWrap .gameReco ul{padding-top:.05rem}
.gameWrap .gameReco li{width:.9rem;height:.9rem;overflow:hidden;margin-top:.16rem}
.gameWrap .gameReco li img{display:block;width:.9rem;height:.9rem}
.gameWrap .gamePlay{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:.15rem}
.gameWrap .gamePlay .inner{width:100%;height:100%;overflow:hidden;position:relative}
.gameWrap .gamePlay .inner .wgAdLoaded{left:0;top:0;position:absolute;width:100%;z-index:1000;height:100%;background:#000}
.playBegin{outline:1px solid #fff;outline-offset:-10px;display:table;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;z-index:999;background-color:#000}
.playBegin .wgBg{display:block;content:' ';top:0;left:0;width:100%;height:100%;overflow:hidden;position:absolute;-webkit-filter:blur(120px);-moz-filter:blur(120px);-o-filter:blur(120px);-ms-filter:blur(120px);filter:blur(120px);background-size:cover}
.playBegin .wgCenter{width:100%;height:100%;text-align:center;display:table-cell;text-align:center;vertical-align:middle;position:relative;z-index:500}
.playBegin .wgCenter .wgPlay{display:block;width:200px;margin:0 auto}
.playBegin .wgCenter .wgPlay:hover .wgThumb::before{-webkit-animation:thumbFlare 2s;animation:thumbFlare 2s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-delay:0s;animation-delay:0s}
.playBegin .wgCenter .wgPlay .wgThumb{display:block;width:200px;height:200px;overflow:hidden;border:5px solid #fff;border-radius:50%;margin:0 auto;-webkit-box-shadow:inset 0 5px 10px rgba(0,0,0,.7),0 2px 4px rgba(0,0,0,.5);box-shadow:inset 0 5px 10px rgba(0,0,0,.7),0 2px 4px rgba(0,0,0,.5);cursor:pointer;position:relative}
.playBegin .wgCenter .wgPlay .wgThumb::before{content:'';position:absolute;top:0;left:-150px;width:50%;height:100%;background:rgba(255,255,255,.3);-webkit-transform:skewX(-30deg);transform:skewX(-30deg);-webkit-transition:.5s;transition:.5s}
.playBegin .wgCenter .wgPlay .wgThumb img{display:block;width:100%;height:100%}
.playBegin .wgCenter .wgPlay .wgPlayBtn{display:block;width:154px;height:54px;text-transform:uppercase;overflow:hidden;text-align:center;line-height:54px;font-size:18px;color:#fff;font-weight:400;background:#59b21f;border:2px solid #fff;margin:15px auto 0;border-radius:10px;cursor:pointer;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.5);box-shadow:0 2px 4px rgba(0,0,0,.5)}
.playBegin .wgCenter .wgPlay .wgPlayBtn:hover{background:#fb5252}
.playBegin .wgCenter .wgControls{background:url(../images/wg-control.png) no-repeat;width:600px;height:60px;overflow:hidden;margin:50px auto 0}
.playBegin .wgCenter .wgControls div{display:table;height:60px;vertical-align:middle;padding:0 15px 0 180px}
.playBegin .wgCenter .wgControls div p{display:table-cell;vertical-align:middle;overflow:hidden;text-align:left;line-height:1.4;font-size:14px;color:#fff}
.playBegin .wgCenter .wgSiteLogo{display:block;width:165px;margin:40px auto 0}
.playBegin .wgCenter .wgSiteLogo img{display:block;width:100%}
@-webkit-keyframes thumbFlare{0%{left:-150px}
20%{left:250px}
40%{left:-150px}
60%{left:-150px}
80%{left:250px}
100%{left:-150px}
}
@keyframes thumbFlare{0%{left:-150px}
20%{left:250px}
40%{left:-150px}
60%{left:-150px}
80%{left:250px}
100%{left:-150px}
}
.gameSwf{display:none;width:100%;height:100%;text-align:center}
.gameSwf iframe{text-align:center;margin:0;padding:0}
.mbGameList{display:none;margin-top:.15rem}
.mbGameList .hd{height:.5rem;line-height:.52rem;overflow:hidden;text-align:center;font-size:.28rem;color:#fff}
.mbGameList .hd img{display:inline-block;vertical-align:top;width:auto;height:.5rem;margin-right:.1rem}
.mbGameList .bd ul{overflow:hidden;width:7.28rem;margin:0 auto}
.mbGameList .bd li{float:left;width:1.7rem;height:2.4rem;overflow:hidden;border-radius:.1rem;margin:.15rem .06rem 0;position:relative;background:#1e003e;text-overflow:ellipsis;white-space:nowrap}
.mbGameList .bd li .img{display:block;height:1.7rem;height:1.7rem;border-radius:.1rem}
.mbGameList .bd li .tit{height:.3rem;overflow:hidden;padding:0 .1rem;line-height:.3rem;font-size:.2rem;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mbGameList .bd li .tag{height:.26rem;line-height:.26rem;padding:0 .1rem;color:#e9e9e9;font-size:.18rem}
.mbGameList .bd li .tag img{float:left;width:.26rem;height:.26rem;margin-right:.1rem}
.mgGameInfo{display:none}
.noFull{display:none;position:absolute;right:20px;top:20px;width:50px;height:50px;text-align:center;line-height:50px;background:rgba(255,255,0,.5);color:#fff;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:32px;z-index:1000;cursor:pointer}
.overhtml body{width:100%;height:100%;overflow:hidden}
.overhtml .gamePlay{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;z-index:999;-webkit-box-sizing:border-box;box-sizing:border-box}
.overhtml .noFull{display:block}
.mbHtml,.mbHtml body{width:100%;height:100%;overflow:hidden}
.mbPlay{display:none;background:#000;width:100%;height:100%;overflow:hidden;position:absolute;left:0;top:0}
.mbPlay .mbAdLoaded{display:none;position:absolute;top:0;bottom:0;right:0;left:0;width:100%;height:100%;z-index:1000;text-align:center;display:none;overflow:hidden}
.mbPlay .gamesrc{width:100%;height:100%;overflow:hidden}
.mbPlay .gamesrc iframe{width:100%;height:100%;position:relative;z-index:5}
.mbPlay .tool{position:absolute;left:0;top:1rem;z-index:20}
.mbPlay .tool .Tshow{display:block;width:.76rem;height:.56rem;background:#7041bd;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:0 .28rem .25rem 0;-webkit-border-radius:0 .28rem .25rem 0;-moz-border-radius:0 .28rem .25rem 0;-ms-border-radius:0 .28rem .25rem 0;-o-border-radius:0 .28rem .25rem 0;padding-left:.06rem}
.mbPlay .tool .Tshow i{display:block;width:.56rem;height:.56rem;background:url(../images/mbPlayShow.png) no-repeat;background-size:100% 100%}
.mbPlay .tool .Tshow.hideit i{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg)}
.mbPlay .tool .menu{display:none;width:.76rem;background:#fff;border-radius:0 .1rem .1rem 0;-webkit-border-radius:0 .1rem .1rem 0;-moz-border-radius:0 .1rem .1rem 0;-ms-border-radius:0 .1rem .1rem 0;-o-border-radius:0 .1rem .1rem 0;margin-top:.25rem;padding:.1rem 0 .05rem}
.mbPlay .tool .menu a{display:block;width:100%;overflow:hidden;text-align:center;font-size:.22rem;line-height:1.8;font-family:Arial,Helvetica,sans-serif}
.mbPlay .tool .menu a img{display:block;width:.56rem;height:auto;margin:0 auto}
.mbPlay .tips{display:none;width:100%;height:100%;background:rgba(0,155,255,.8);position:absolute;left:0;top:0;z-index:10}
.mbPlay .tips .inner{position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
.mbPlay .tips .inner img{display:block;width:55%;height:auto;border-radius:.1rem;margin:0 auto}
.mbPlay .tips .inner .p1{text-align:center;font-size:.22rem;color:#fff;line-height:.34rem;margin-top:.1rem}
.mbPlay .tips .inner .p2{text-align:center;font-size:.36rem;font-weight:700;line-height:1.6;color:#000;margin-top:.3rem}
.landscape .mbPlay .btnBack{display:block;overflow:hidden;line-height:99;position:absolute;left:0;top:40px;z-index:10}
@media only screen and (max-width:750px){.pagePlay{width:100%}
.pagePlay .crumbs{display:block}
.gameDesc{width:100%}
.playWrap.game{display:none}
.playWrap.video{width:initial;margin:.15rem .15rem 0;-webkit-box-sizing:border-box;box-sizing:border-box}
.playWrap.video .itemhd{height:.56rem}
.playWrap.video .vidHead{width:100%;height:.56rem}
.playWrap.video .vidHead .tit{background:url(../images/ico-vid.png) no-repeat;background-size:auto .46rem;height:.46rem;line-height:.46rem;font-size:.24rem;padding-left:.6rem}
.playWrap.video .vidHead .link{display:none}
.playWrap.video .vidArea{height:4rem;padding:0}
.playWrap.video .playArea{height:4rem}
.favSide{display:none}
.playFav{display:none}
.gameDesc{padding:0 .15rem;-webkit-box-sizing:border-box;box-sizing:border-box}
.gameDesc .Glogo{display:none}
.gameDesc .Ginfo .game-title{height:.48rem;line-height:.48rem;font-size:.28rem}
.gameDesc .Ginfo .game-title em{font-size:.28rem}
.gameDesc .Ginfo .game-title .plays{font-size:.2rem}
.gameDesc .Ginfo .game-desc{font-size:.24rem;line-height:1.4}
.gameDesc .Ginfo .game-controls{font-size:.24rem}
.gameDesc .Ginfo .game-controls .txt{line-height:1.4}
.gameDesc .Ginfo .game-hd{height:.5rem;line-height:.52rem;font-size:.28rem}
.gameDesc .Ginfo .game-hd img{float:left;width:auto;height:.3rem;margin-right:.1rem}
.game-mobile{display:none}
.mbGameList,.mgGameInfo{display:block}
}
.mgGameInfo{padding:0 .15rem;margin-top:.15rem}
.mgGameInfo .img{float:left;width:1.5rem;height:1.5rem;margin-right:.2rem}
.mgGameInfo .img img{display:block;width:100%;height:100%}
.mgGameInfo .con{position:relative}
.mgGameInfo .con .title{height:.8rem;overflow:hidden;line-height:.4rem;font-size:.3rem;color:#fff;padding-right:.56rem;position:relative}
.mgGameInfo .con .title .help{width:.5rem;height:.5rem;overflow:hidden;line-height:99;background:url(../images/mbHelp.png) no-repeat;background-size:100% 100%;position:absolute;right:0;top:0}
.mgGameInfo .con .tool{height:.64rem;margin-top:.05rem}
.mgGameInfo .con .tool a{float:left;margin-right:.15rem}
.mgGameInfo .con .tool a img{display:block;height:.64rem}
.mgGameInfo .con .sharelist{display:none;position:absolute;left:50%;bottom:.86rem;margin-left:-.62rem;height:.6rem;background:#7041bd;border-radius:.1rem;padding:.1rem}
.mgGameInfo .con .sharelist a{float:left;width:.6rem;height:.6rem;overflow:hidden;border-radius:.1rem;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;-ms-border-radius:.1rem;-o-border-radius:.1rem;margin:0 .1rem}
.mgGameInfo .con .sharelist a img{display:block;width:.6rem;height:.6rem}
@media only screen and (min-width:751px) and (max-width:1044px){.pagePlay{width:1024px}
.gameDesc,.playWrap{width:1024px}
.favSide{display:none}
.playFav{display:none}
}
@media only screen and (min-width:1044px) and (max-width:1360px){.gameDesc,.playWrap{width:1024px}
.favSide{display:none}
.playFav{display:none}
.playArea{padding:0 .18rem}
}
@media only screen and (min-width:1360px) and (max-width:1676px){.gameDesc,.playWrap{width:1342px}
.playFav.fl{display:none}
.playArea{padding-left:.18rem}
}
.gameReco img,.hg-list .img img,.playTabBd img,.recoList .img img,.vidList img{-webkit-transition:.3s transform;transition:.3s transform}
.gameReco li:hover img,.hg-list a:hover .img img,.playTabBd a:hover img,.recoList a:hover .img img,.vidList a:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05)}
.Ginfo .game-tags .list a{display:block;float:left;height:.36rem;line-height:.36rem;padding:0 .15rem;font-size:.16rem;color:#fff;background:#7041bd;border-radius:.1rem;margin:.15rem .15rem 0 0}
.Ginfo .game-tags .list a:hover{background:#fff;color:darkblue}


.homeGame{
    width: 1460px;
    margin: 0 auto;
}
.google-auto-placed{
    overflow: hidden;
}
@media only screen and (min-width:1900px){
    .homeGame{
        width: 100%;
        margin: 0 auto;
    }
}
@media only screen and (max-width:1900px) and (min-width:1560px){
    .homeGame{
        width: 1460px;
        margin: 0 auto;
    }
}
@media only screen and (max-width:1558px) and (min-width:1206px){
    .homeGame{
        width: 1206px;
        margin: 0 auto;
    }
}
@media only screen and (max-width:1205px) and (min-width:720px){
    .homeGame{
        width: 720px;
        margin: 0 auto;
    }
    .favBig{
        width: 100%;
        overflow: hidden;
    }
}
@media only screen and (max-width:719px){
    .homeGame{
        width: 100%;
        margin: 0 auto;
    }
    .favBig{
        width: 100%;
        overflow: hidden;
    }
}