@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;
}

body, html, a, img, div, form, select, input, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dl, dt, p, label, em, span, i {
  margin: 0;
  padding: 0;
}

em, i {
  font-style: normal;
}

ul, ol {
  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;
}

.cf {
  *zoom: 1;
}

.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: none;
  outline: none;
}

.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 .headTop, .headArea .headCate {
  float: left;
  margin-left: .25rem;
}

.headArea .headCate {
  position: relative;
}

.headArea .headItem {
  height: .8rem;
  line-height: .8rem;
  font-size: .28rem;
  color: #fff;
}

.headArea .headItem span, .headArea .headItem i {
  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: 10;
  background: rgba(0, 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, 0.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: 999;
}

.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: .10rem 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: 3rem;
  overflow: hidden;
  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: 2.02rem;
  overflow: hidden;
  position: relative;
  margin-top: .15rem;
}

.hisArea .bd .inner {
  position: absolute;
  left: 0;
  top: 0;
}

.hisArea .bd ul {
  white-space: nowrap;
  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-left: .2rem;
  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, 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: normal;
}

.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: normal;
  margin-top: .5rem;
}

.favBig {
  text-align: center;
  padding: .15rem 0;
  margin-top: .15rem;
}

.btnPrev, .btnNext {
  display: none;
  height: 100%;
  width: .7rem;
  background-color: rgba(0, 0, 0, 0.5);
  background-position: center;
  background-repeat: no-repeat;
  background-size: .3rem auto;
  position: absolute;
  top: 0;
  z-index: 15;
  cursor: pointer;
}

.btnPrev:hover, .btnNext:hover {
  background-color: rgba(0, 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: bold;
  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: bold;
  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: .80rem;
  height: .80rem;
  text-align: center;
  color: #fff;
  margin-left: -.40rem;
  margin-top: -.40rem;
  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: #ffffff;
  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 {
  margin-top: .34rem;
}

.homeGame .hg-hd {
  height: .4rem;
  line-height: .4rem;
  padding: 0 .25rem;
}

.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: .28rem;
  height: 2.72rem;
  overflow: hidden;
  position: relative;
}

.homeGame .hg-bd .inner {
  position: absolute;
  left: 0;
  top: 0;
}

.hg-list {
  white-space: nowrap;
  line-height: 0;
  font-size: 0;
}

.hg-list li {
  display: inline-block;
  vertical-align: top;
  width: 2rem;
  height: 2.72rem;
  overflow: hidden;
  border-radius: .10rem;
  margin-left: .2rem;
  position: relative;
  background: #1E003E;
}

.hg-list li .img {
  display: block;
  width: 2rem;
  height: 2rem;
  overflow: hidden;
  border-top-left-radius: .10rem;
  border-top-right-radius: .10rem;
}

.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;
}

.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: .10rem;
  margin-left: .2rem;
  position: relative;
  background: #292c37;
}

.recoList .img {
  display: block;
  width: 2.8rem;
  height: 2.8rem;
  overflow: hidden;
  border-top-left-radius: .10rem;
  border-top-right-radius: .10rem;
}

.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: normal;
}

.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) {
  .headTop, .headCate, .headSearch {
    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, 0.8);
    padding: .12rem;
  }
  .hdlangList li {
    width: .95rem;
    height: .6rem;
    padding: .18rem;
    overflow: hidden;
    border-radius: .05rem;
  }
  .menuArea {
    background: rgba(0, 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;
   width:100%;
    margin-top: .3rem;height:auto;background: url(../images/ag_bg.png) no-repeat center; min-height: 250px;
  }
.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;
  }
  .btnPrev, .btnNext {
    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 .headTop, .headArea .headCate {
    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: 999;
  }
  .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;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 .txt, .headArea .headItem .ico-arrow {
    display: none;
  }
  .headArea .headHisBtn .txt {
    display: none;
  }
  .vidList li {
    width: 25%;
    padding: .1rem .15rem;
  }
  .tagList li {
    width: 33.3%;
    padding: .1rem .15rem;
  }

  .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: 0.3rem;
  font-size: .18rem;
  font-weight: normal;
  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 video, .vidArea iframe {
  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:hover, .playTabHd span.cur {
  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, 0.7), 0 2px 4px rgba(0, 0, 0, 0.5);
          box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.7), 0 2px 4px rgba(0, 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, 0.3);
  -webkit-transform: skewX(-30deg);
          transform: skewX(-30deg);
  -webkit-transition: 0.5s;
  transition: 0.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: normal;
  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, 0.5);
  box-shadow: 0 2px 4px rgba(0, 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: 0px;
  padding: 0px;
}

.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: .10rem;
  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: .10rem;
}

.mbGameList .bd li .tit {
  height: .30rem;
  overflow: hidden;
  padding: 0 .1rem;
  line-height: .30rem;
  font-size: .20rem;
  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, 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, 0.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: bold;
  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;position: relative;
}

.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: .30rem;
  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;
  }
  .playWrap, .gameDesc {
    width: 1024px;
  }
  .favSide {
    display: none;
  }
  .playFav {
    display: none;
  }
}

@media only screen and (min-width: 1044px) and (max-width: 1360px) {
  .playWrap, .gameDesc {
    width: 1024px;
  }
  .favSide {
    display: none;
  }
  .playFav {
    display: none;
  }
  .playArea {
    padding: 0 .18rem;
  }
}

@media only screen and (min-width: 1360px) and (max-width: 1676px) {
  .playWrap, .gameDesc {
    width: 1342px;
  }
  .playFav.fl {
    display: none;
  }
  .playArea {
    padding-left: .18rem;
  }
}

.recoList .img img, .hg-list .img img, .vidList img, .gameReco img, .playTabBd img {
  -webkit-transition: .3s transform;
  transition: .3s transform;
}

.recoList a:hover .img img, .hg-list a:hover .img img, .vidList a:hover img, .gameReco li:hover img, .playTabBd 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;
}
/*# sourceMappingURL=style.css.map */