@charset "UTF-8";
html {
  font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  touch-action: none; }

html, body {
  -webkit-user-select: none;
  user-select: none; }

html, body, div, object, iframe, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, progress {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline; }

a {
  text-decoration: none;
  -webkit-touch-callout: none;
  background-color: transparent; }

li {
  list-style: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

em, var {
  font-style: normal; }

img {
  border: 0;
  -webkit-touch-callout: none;
  width: 100%;
  height: 100%;
  vertical-align: top; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code, kbd, pre, samp {
  font-family: monospace,monospace;
  font-size: 1em; }

a, button, input, optgroup, select, textarea {
  -webkit-tap-highlight-color: transparent; }

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  -webkit-appearance: none;
  outline: none;
  line-height: normal; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid silver; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

.clearfix:after {
  content: ".";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden; }

.clearfix {
  display: inline-block; }

.clearfix {
  display: block; }

html {
  font-family: "PingFang SC","Microsoft Yahei","Helvetica Neue", Helvetica, STHeiTi, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

html, body, .wrap {
  width: 100%;
  height: 100%;
  position: relative; }

body {
  overflow-x: hidden;
  background-color: #2b323d; }

.wrap {
  width: 100%;
  height: auto;
  overflow: hidden; }

.zzc {
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.8;
  position: absolute;
  left: 0;
  top: 0;
  display: none; }

header {
  width: 100%;
  height: 1.17333rem; }
header .topBar {
    width: 10rem;
    height: 1.17333rem;
    background-color: #272e39;
    border-bottom: none;
    margin: 0 auto;
    position: relative; }
  header .logo {
    width: 5.06667rem;
    height: 1.42667rem;
    overflow: hidden;
    float: left; }
    header .logo img {
      width: 100%;
      height: auto;
      display: block; }
  header .imgBg {
    width: 2rem;
    height: 1.42667rem;
    background-size: cover;
    float: right; }
  header .back {
    width: 0.82667rem;
    height: 1.17333rem;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0; }
    header .back .arrow {
      width: 0.82667rem;
      height: 1.17333rem;
      display: block;
      float: left; }
      header .back .arrow span {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        position: relative; }
        header .back .arrow span:after {
          position: absolute;
          left: 0.26667rem;
          top: 0.34667rem;
          display: inline-block;
          content: "";
          width: 0.32rem;
          height: 0.32rem;
          border: solid #2aa0ff;
          border-width: 0 0 0.05333rem 0.05333rem;
          -webkit-transform: translate(0, 0) rotate(45deg);
          transform: translate(0, 0) rotate(45deg); }
  header h3 {
    font-size: 0.48rem;
    color: #fff;
    text-align: center;
    height: 1.17333rem;
    line-height: 1.17333rem;
    font-weight: normal; }

.slider .swiper-container {
  width: 10rem;
  height: 4.50667rem;
  overflow: hidden; }
.slider .swiper-wrapper {
  width: 9.14667rem;
  height: 3.73333rem;
  margin: 0 auto; }
  .slider .swiper-wrapper .swiper-slide {
    width: 9.14667rem;
    height: 3.73333rem; }
    .slider .swiper-wrapper .swiper-slide a {
      width: 9.14667rem;
      height: 3.73333rem;
      display: block; }
      .slider .swiper-wrapper .swiper-slide a img {
        width: 9.14667rem;
        height: 3.73333rem;
        border-radius: 0.13333rem; }
.slider .swiper-container-horizontal > .swiper-pagination-bullets, .slider .swiper-pagination-custom, .slider .swiper-pagination-fraction {
  bottom: 0.26667rem; }
.slider .swiper-pagination-bullet {
  width: 0.2rem;
  height: 0.2rem;
  background-color: #555b64; }
.slider .swiper-pagination-bullet-active {
  width: 0.4rem;
  height: 0.2rem;
  background-color: #2aa0ff;
  border-radius: 0.26667rem; }

.wrap .played .h3, .wrap .recommend .h3, .wrap .gameList .h3 {
  height: 0.48rem;
  line-height: 0.48rem;
  border-left: 0.05333rem solid #2aa0ff;
  border-radius: 0.02667rem;
  color: #fff;
  font-size: 0.50667rem;
  padding: 0 0 0 0.24rem;
  margin: 0.13333rem auto 0.13333rem; }

.played ul li .btn, .gameList ul li .gDiv .aBtn a {
  width: 1.6rem;
  height: 0.50667rem;
  line-height: 0.50667rem;
  padding: 0.13333rem 0;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 0.34667rem;
  background-color: #2aa0ff;
  border-radius: 0.10667rem; }
  .played ul li .btn:active, .gameList ul li .gDiv .aBtn a:active {
    background-color: #008dff; }

.welfare .noMsg, .mainDiv .ucMain .noMsg {
  margin-top: 2.66667rem; }
  .welfare .noMsg p, .mainDiv .ucMain .noMsg p {
    background: url(./nomsg.png) no-repeat center top;
    background-size: 3.33333rem 2.4rem;
    padding-top: 2.66667rem;
    font-size: 0.4rem;
    color: #59616e;
    text-align: center;
    height: 0.53333rem;
    line-height: 0.53333rem; }
  .welfare .noMsg .btn, .mainDiv .ucMain .noMsg .btn {
    width: 100%;
    height: 1.33333rem;
    margin: 0 auto;
    padding-top: 1.33333rem; }
    .welfare .noMsg .btn button, .mainDiv .ucMain .noMsg .btn button, .welfare .noMsg .btn a, .mainDiv .ucMain .noMsg .btn a {
      width: 4rem;
      height: 0.8rem;
      line-height: 0.8rem;
      padding: 0.13333rem 0;
      text-align: center;
      color: #fff;
      font-size: 0.42667rem;
      background-color: #2aa0ff;
      margin: 0 auto;
      display: block;
      border-radius: 0.10667rem;
      border: none; }
      .welfare .noMsg .btn button:active, .mainDiv .ucMain .noMsg .btn button:active, .welfare .noMsg .btn a:active, .mainDiv .ucMain .noMsg .btn a:active {
        background-color: #0179da; }

.mainDiv .ucMain .verification .content p input.iErr, .mainDiv .ucMain .verification .content p.p1.iErr, .mainDiv .ucMain .verification .content p.p2.iErr, .mainDiv .ucMain .verification .content p.validate.iErr {
  border-color: #ea3d29; }

.mainDiv .ucMain .verification .content p input.iOn, .mainDiv .ucMain .verification .content p.p1.on, .mainDiv .ucMain .verification .content p.p2.on, .mainDiv .ucMain .verification .content p.validate.on {
  border-color: #2aa0ff; }

.wrap .slider {
  padding-top: 0.53333rem;
  width: 10rem;
  height: 4.50667rem;
  overflow: hidden;
  margin: 0 auto;
  background-color: #2b323d; }
.wrap .played, .wrap .recommend, .wrap .gameList {
  background-color: #2b323d;
  width: 9.46667rem;
  padding: 0.56rem 0.29333rem 0.8rem;
  margin: 0 auto 0.21333rem; }
  .wrap .played ul, .wrap .recommend ul, .wrap .gameList ul {
    width: 9.46667rem;
    margin: 0 auto; }
.wrap .played {
  padding-top: 0.13333rem; }
.wrap .recommend {
  padding-bottom: 0.4rem; }

.played ul {
  /*display: flex; justify-content: space-between;*/
  display: inline-block; }
  .played ul li {
    width: 2rem;
    float: left;
    margin: 0 0.17333rem;
    padding-top: 0.38667rem; }
    .played ul li a {
      width: 2rem;
      display: block; }
      .played ul li a img {
        width: 1.6rem;
        height: 1.6rem;
        display: block;
        margin: 0 auto; }
      .played ul li a span {
        width: 2rem;
        height: 0.53333rem;
        line-height: 0.53333rem;
        text-align: center;
        font-size: 0.34667rem;
        display: block;
        color: #fff;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding-top: 0.10667rem; }
      .played ul li a:active span {
        color: #2aa0ff; }
    .played ul li .btn {
      margin: 0.26667rem auto 0; }

.recommend ul {
  display: inline-block;
  padding-left: 1px; }
  .recommend ul li {
    width: 4.4rem;
    float: left;
    margin: 0 0.16rem;
    padding: 0.36rem 0 0.13333rem; }
    .recommend ul li a {
      width: 4.4rem;
      display: block; }
      .recommend ul li a img {
        width: 4.4rem;
        height: 2.4rem;
        display: block;
        margin: 0 auto; }
      .recommend ul li a span, .recommend ul li a var {
        padding: 0 0.26667rem;
        width: 3.86667rem;
        text-align: left;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
      .recommend ul li a span {
        height: 0.53333rem;
        line-height: 0.53333rem;
        font-size: 0.37333rem;
        color: #fff;
        padding-top: 0.18667rem; }
      .recommend ul li a var {
        font-size: 0.32rem;
        color: #7b9b9b;
        height: 0.48rem;
        line-height: 0.48rem; }
      .recommend ul li a:active span, .recommend ul li a:active var {
        color: #2aa0ff; }

.gameList ul {
  display: inline-block; }
  .gameList ul li {
    width: 9.46667rem;
    margin: 0.46667rem 0 0;
    display: flex;
    justify-content: space-between; }
    .gameList ul li a.aIcon {
      width: 1.6rem;
      height: 1.6rem;
      margin-left: 0.13333rem; }
    .gameList ul li .gDiv {
      width: 7.2rem;
      border-bottom: 1px solid #363e4b;
      padding-bottom: 0.58667rem;
      margin-right: 0.13333rem;
      display: flex;
      justify-content: space-between;
      position: relative; }
      .gameList ul li .gDiv .info {
        width: 5.33333rem; }
        .gameList ul li .gDiv .info a {
          display: block; }
          .gameList ul li .gDiv .info a span {
            height: 0.53333rem;
            line-height: 0.53333rem;
            font-size: 0.42667rem;
            color: #fff;
            display: block;
            font-weight: normal;
            padding: 0.06667rem 0 0;
            position: relative; }
            .gameList ul li .gDiv .info a span em {
              width: auto;
              height: 0.26667rem;
              line-height: 0.26667rem;
              padding: 0.06667rem 0.10667rem;
              display: inline-block;
              text-align: center;
              color: #fff;
              font-size: 0.26667rem;
              margin: 0 0 0 0.08rem;
              border-radius: 0.06667rem;
              transform: translate(-10%, -10%); }
            .gameList ul li .gDiv .info a span em.zx {
              background-color: #ff6608; }
            .gameList ul li .gDiv .info a span em.jp {
              background-color: #783aff; }
            .gameList ul li .gDiv .info a span em.rm {
              background-color: #ea3d29; }
            .gameList ul li .gDiv .info a span em.lb {
              background-color: #f9ab1c; }
            .gameList ul li .gDiv .info a span em.sf {
              background-color: #509ded; }
          .gameList ul li .gDiv .info a var {
            height: 0.4rem;
            line-height: 0.4rem;
            font-size: 0.32rem;
            color: #7b9b9b;
            padding: 0.21333rem 0 0;
            display: block;
            overflow: hidden;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap; }
          .gameList ul li .gDiv .info a:active span {
            color: #2aa0ff; }
        .gameList ul li .gDiv .info p {
          line-height: 0.4rem;
          font-size: 0.32rem;
          color: #59616e; }
      .gameList ul li .gDiv .aBtn {
        width: 1.6rem;
        height: auto;
        position: relative; }
        .gameList ul li .gDiv .aBtn a {
          transform: translate(-50%, -50%);
          position: absolute;
          top: 50%;
          left: 50%; }
      .gameList ul li .gDiv .pTxt {
        height: 0.4rem;
        line-height: 0.4rem;
        text-align: right;
        position: absolute;
        right: 0;
        bottom: 0.18667rem;
        font-size: 0.32rem;
        color: #59616e; }

.index .wrap, .index header, .welfare .wrap, .welfare header, .cs .wrap, .cs header, .uc .wrap, .uc header {
  background-color: #232b36;
  width: 10rem;
  margin: 0 auto; }
.index .wrap, .welfare .wrap, .cs .wrap, .uc .wrap {
  height: auto;
  padding-bottom: 0.53333rem; }

.index header {
  height: 1.44rem; }
  .index header .topBar {
    height: 1.42667rem;
    background-color: #272e39;
    border-bottom: 1px solid #323944; }

.welfare .wrap {
  padding-bottom: 1.33333rem;
  height: 93%;
  overflow-y: scroll; }
.welfare .gameList {
  padding-top: 0.26667rem;
  padding-bottom: 0; }
  .welfare .gameList ul {
    padding-bottom: 0; }
    .welfare .gameList ul li {
      padding-bottom: 0.24rem;
      border-bottom: 1px solid #363e4b;
      margin: 0.26667rem 0 0; }
      .welfare .gameList ul li .gDiv {
        border-bottom: none; }
        .welfare .gameList ul li .gDiv .info a {
          padding-top: 0.13333rem; }
          .welfare .gameList ul li .gDiv .info a span {
            font-size: 0.45333rem;
            margin-bottom: 0; }
        .welfare .gameList ul li .gDiv .info p {
          padding-top: 0.16rem; }
.welfare .noMsg p {
  padding-bottom: 9.33333rem; }

.giftDiv dl dd .giftCode, .mainDiv .ucMain .myGift .giftCode {
  width: 100%;
  height: 0.74667rem;
  overflow: hidden;
  display: none;
  justify-content: space-between; }
  .giftDiv dl dd .giftCode p, .mainDiv .ucMain .myGift .giftCode p {
    width: 74%;
    height: 0.66667rem;
    padding: 0.04rem 0; }
    .giftDiv dl dd .giftCode p span, .mainDiv .ucMain .myGift .giftCode p span {
      height: 0.64rem;
      line-height: 0.64rem;
      display: block;
      border: 1px solid #cdcdcd;
      color: #333;
      font-size: 0.29333rem;
      text-align: center;
      overflow: hidden;
      padding: 0 0.13333rem;
      overflow: hidden;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .giftDiv dl dd .giftCode a, .mainDiv .ucMain .myGift .giftCode a {
    width: 1.89333rem;
    height: 0.74667rem;
    line-height: 0.74667rem;
    font-size: 0.34667rem;
    text-align: center;
    color: #2aa0ff;
    background-color: #fff;
    text-decoration: uunderline; }
    .giftDiv dl dd .giftCode a:active, .mainDiv .ucMain .myGift .giftCode a:active {
      color: #f00; }

.giftDiv {
  margin: 0 auto;
  overflow: hidden;
  padding: 0; }
  .giftDiv dl {
    border-top: 1px solid #363e4b;
    margin: -0.02667rem 0.13333rem 0;
    padding: 0.4rem 0 0.37333rem; }
    .giftDiv dl dt {
      height: 0.53333rem;
      line-height: 0.53333rem;
      font-size: 0.4rem;
      font-weight: bold;
      color: #fff; }
    .giftDiv dl dd {
      display: flex;
      justify-content: space-between;
      height: 1.33333rem; }
      .giftDiv dl dd .giftTxt {
        width: 6.26667rem;
        line-height: 0.48rem;
        padding: 0.10667rem 0;
        font-size: 0.32rem;
        color: #59616e; }
      .giftDiv dl dd .giftInfo {
        width: 2.8rem;
        min-height: 0.77333rem;
        /*display: flex; justify-content: space-between;*/ }
        .giftDiv dl dd .giftInfo p {
          width: 76%;
          height: 0.74667rem; }
          .giftDiv dl dd .giftInfo p span {
            float: left; }
            .giftDiv dl dd .giftInfo p span.sp1 {
              width: 4rem;
              height: 0.26667rem;
              margin: 0.24rem 0.26667rem 0 0;
              background-color: #fef2ec;
              border: 1px solid #ffad7d;
              border-radius: 0.13333rem;
              position: relative;
              overflow: hidden; }
              .giftDiv dl dd .giftInfo p span.sp1 i {
                width: 50%;
                height: 0.26667rem;
                background-color: #ffad7d;
                position: absolute;
                left: 0;
                top: 0;
                border-top-left-radius: 0.13333rem;
                border-bottom-left-radius: 0.13333rem; }
            .giftDiv dl dd .giftInfo p span.sp2 {
              line-height: 0.53333rem;
              font-size: 0.32rem;
              color: #2aa0ff;
              padding-top: 0.10667rem; }
          .giftDiv dl dd .giftInfo p .download {
            width: 1.89333rem;
            height: 0.72rem;
            line-height: 0.72rem;
            font-size: 0.34667rem;
            text-align: center;
            color: #2aa0ff;
            background-color: #fff;
            border-radius: 0.06667rem;
            border: 1px solid #2aa0ff;
            float: right;
            display: block;
            margin-right: 0.21333rem; }
            .giftDiv dl dd .giftInfo p .download:active {
              background-color: #2aa0ff;
              color: #fff; }
        .giftDiv dl dd .giftInfo a {
          width: 1.57333rem;
          height: 0.48rem;
          line-height: 0.48rem;
          display: block;
          float: right;
          padding: 0.13333rem 0;
          font-size: 0.34667rem;
          text-align: center;
          color: #2aa0ff;
          background-color: transparent;
          border-radius: 0.10667rem;
          border: 1px solid #2aa0ff; }
          .giftDiv dl dd .giftInfo a:active {
            background-color: #2aa0ff;
            color: #fff; }
        .giftDiv dl dd .giftInfo .sCode {
          width: 2.8rem;
          height: 0.4rem;
          line-height: 0.4rem;
          overflow: hidden;
          -ms-text-overflow: ellipsis;
          text-overflow: ellipsis;
          white-space: nowrap;
          font-size: 0.26667rem;
          color: #666;
          text-align: right;
          display: none;
          padding-top: 0.16rem; }

.moreGift span, .uc .wrap .logDiv dl.logon dd ul li span, .uc .wrap .ucNav li, .uc .wrap .ucNav li a var, .games .banner .gameInfo .gDiv .download {

  background-size: 1.33333rem 27.2rem; }

.moreGift {
  height: 0.8rem;
  text-align: center;
  display: block;
  border-top: 1px solid #363e4b;
  margin-top: -0.02667rem; }
  .moreGift span {
    background-position: right 0;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.32rem;
    color: #fff;
    display: inline-block;
    padding-right: 0.4rem; }
  .moreGift:active span {
    color: #2aa0ff;
    background-position: right -0.8rem; }
  .moreGift.on span {
    background-position: right -1.6rem; }
  .moreGift.on:active span {
    background-position: right -2.4rem; }

.cs .wrap .csDiv li i {
  background: url(./cs.png) no-repeat;
  background-size: 0.93333rem 4.4rem; }

.cs {
  background-color: #2b323d; }
  .cs .wrap {
    width: 9.2rem;
    padding: 0.42667rem 0.4rem 1.30667rem;
    background-color: #2b323d; }
    .cs .wrap .csHeader {
      width: 9.2rem;
      height: 3.01333rem;
      margin: 0 auto; }
      .cs .wrap .csHeader img {
        display: block;
        width: 100%;
        height: 100%; }
    .cs .wrap .csDiv {
      padding: 0 0 0.96rem;
      overflow: hidden; }
      .cs .wrap .csDiv li {
        height: 1.36rem;
        padding-left: 0.93333rem;
        position: relative; }
        .cs .wrap .csDiv li i {
          width: 0.93333rem;
          height: 1.36rem;
          overflow: hidden;
          display: block;
          position: absolute;
          top: 0;
          left: 0; }
        .cs .wrap .csDiv li .i1 {
          background-position: 0 0; }
        .cs .wrap .csDiv li .i2 {
          background-position: 0 -1.46667rem; }
        .cs .wrap .csDiv li .i3 {
          background-position: 0 -2.93333rem; }
        .cs .wrap .csDiv li p {
          border-top: 1px solid #363e4b;
          margin-top: -0.02667rem;
          padding: 0.29333rem 0;
          display: flex;
          justify-content: space-between; }
          .cs .wrap .csDiv li p span {
            line-height: 0.77333rem;
            font-size: 0.4rem;
            color: #fff;
            display: block; }
            .cs .wrap .csDiv li p span strong {
              color: #2aa0ff; }
          .cs .wrap .csDiv li p a {
            width: 1.57333rem;
            height: 0.48rem;
            line-height: 0.48rem;
            padding: 0.13333rem 0;
            color: #2aa0ff;
            font-size: 0.34667rem;
            text-align: center;
            display: block;
            border-radius: 0.10667rem;
            border: 1px solid #2aa0ff;
            background-color: transparent; }
            .cs .wrap .csDiv li p a:active {
              background-color: #2aa0ff;
              color: #fff; }
    .cs .wrap .csBox {
      text-align: center;
      padding-top: 2.28rem;
      width: 4.98667rem;
      height: 5.29333rem;
      margin: 0 auto; }
      .cs .wrap .csBox p {
        line-height: 0.53333rem;
        font-size: 0.37333rem;
        color: #fff;
        text-align: center;
        font-weight: normal;
        padding: 0.24rem 0 0; }
      .cs .wrap .csBox h4 {
        padding: 0.61333rem 0 0.53333rem;
        height: 0.48rem; }
        .cs .wrap .csBox h4 span {
          display: block;
          position: relative;
          font-size: 0.37333rem;
          color: #f06000;
          padding: 0; }
          .cs .wrap .csBox h4 span:before, .cs .wrap .csBox h4 span:after {
            content: "";
            position: absolute;
            top: 50%;
            background-color: #f06000;
            width: 24%;
            height: 1px; }
          .cs .wrap .csBox h4 span:before {
            left: 5%; }
          .cs .wrap .csBox h4 span:after {
            right: 5%; }
      .cs .wrap .csBox .codeImg {
        display: block; }
    .cs .wrap .tips {
      line-height: 0.56rem;
      font-size: 0.34667rem;
      color: #59616e;
      text-align: center;
      padding: 0.69333rem 1.6rem 0.8rem; }

.uc .wrap {
  width: 10rem;
  height: 100%;
  background-color: #232b36;
  padding: 0;
  position: relative;
  overflow-y: scroll; }
  .uc .wrap .logDiv {
    background-color: #232b36;
    padding-bottom: 0.21333rem; }
    .uc .wrap .logDiv dl.login, .uc .wrap .logDiv dl.logon {
      height: 1.65333rem;
      padding: 0.65333rem 0.46667rem;
      display: flex;
      justify-content: space-between;
      background-color: #2b323d; }
      .uc .wrap .logDiv dl.login dt .portrait, .uc .wrap .logDiv dl.logon dt .portrait {
        width: 1.65333rem;
        height: 1.65333rem;
        display: block; }
        .uc .wrap .logDiv dl.login dt .portrait img, .uc .wrap .logDiv dl.logon dt .portrait img {
          width: 100;
          height: 100%;
          display: block;
          border-radius: 100%; }
      .uc .wrap .logDiv dl.login dd, .uc .wrap .logDiv dl.logon dd {
        width: 7.2rem;
        height: 0.53333rem;
        padding: 0.56rem 0;
        display: flex;
        justify-content: space-between; }
        .uc .wrap .logDiv dl.login dd .a1, .uc .wrap .logDiv dl.logon dd .a1 {
          font-size: 0.45333rem;
          color: #fff;
          font-weight: bold;
          line-height: 0.53333rem; }
          .uc .wrap .logDiv dl.login dd .a1:active, .uc .wrap .logDiv dl.logon dd .a1:active {
            color: #2aa0ff; }
    .uc .wrap .logDiv dl.login dt .portrait img {
      filter: grayscale(0%); }
    .uc .wrap .logDiv dl.logon dd {
      padding: 0;
      height: auto;
      position: relative; }
      .uc .wrap .logDiv dl.logon dd .a1:active {
        color: #333; }
      .uc .wrap .logDiv dl.logon dd span {
        font-size: 0.32rem;
        color: #59616e;
        height: 0.53333rem;
        line-height: 0.53333rem;
        padding: 0.56rem 0; }
        .uc .wrap .logDiv dl.logon dd span:active {
          color: #2aa0ff; }
      .uc .wrap .logDiv dl.logon dd span.copy {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2; }
      .uc .wrap .logDiv dl.logon dd ul {
        width: 6.66667rem;
        z-index: 1; }
        .uc .wrap .logDiv dl.logon dd ul li {
          height: 0.53333rem;
          padding: 0.05333rem 0; }
          .uc .wrap .logDiv dl.logon dd ul li span {
            height: 0.53333rem;
            line-height: 0.53333rem;
            font-size: 0.32rem;
            color: #2aa0ff;
            padding: 0 0 0 0.58667rem;
            display: inline-block;
            overflow: hidden;
            float: left; }
            .uc .wrap .logDiv dl.logon dd ul li span var {
              overflow: hidden;
              -ms-text-overflow: ellipsis;
              text-overflow: ellipsis;
              white-space: nowrap;
              height: 0.53333rem;
              line-height: 0.53333rem;
              font-size: 0.32rem;
              color: #2aa0ff; }
          .uc .wrap .logDiv dl.logon dd ul li .s1 {
            color: #fff;
            font-size: 0.45333rem;
            background: none;
            padding: 0 0 0 0.05333rem; }
          .uc .wrap .logDiv dl.logon dd ul li .s2 {
            background-position: 0 -19.2rem; }
          .uc .wrap .logDiv dl.logon dd ul li .s3 {
            background-position: 0 -20.53333rem;
            padding-right: 0.26667rem; }
            .uc .wrap .logDiv dl.logon dd ul li .s3 var {
              max-width: 1.52rem; }
          .uc .wrap .logDiv dl.logon dd ul li .s4 {
            background-position: 0 -21.86667rem; }
            .uc .wrap .logDiv dl.logon dd ul li .s4 var {
              max-width: 2rem; }
  .uc .wrap .ucNav {
    background-color: #232b36;
    padding-bottom: 0.21333rem;
    overflow: hidden; }
    .uc .wrap .ucNav li {
      height: 1.33333rem;
      background-color: #2b323d;
      padding: 0 0.4rem 0 1.41333rem; }
      .uc .wrap .ucNav li a {
        height: 1.33333rem;
        font-size: 0.4rem;
        display: block;
        display: flex;
        justify-content: space-between;
        border-top: 1px solid #363e4b;
        margin-top: -0.02667rem; }
	.uc .wrap .ucNav li a.a9{
	border-top: 0;}
        .uc .wrap .ucNav li a span {
          display: block;
          width: 4rem;
          height: 1.33333rem;
          line-height: 1.33333rem;
          float: left;
          color: #fff; }
        .uc .wrap .ucNav li a:active span {
          color: #2aa0ff; }
		.uc .wrap .ucNav li a var.qq {
          display: block;
          padding-right: 2.0rem;
          height: 1.33333rem;
          line-height: 1.33333rem;
          background-position: right -3.4rem;
          font-size: 0.4rem;
          color: #fff; 
		  background: no-repeat;} 
		.uc .wrap .ucNav li a span.copy {
		  margin-top:0.263rem;
		  width: 3.07333rem;
		  height: 0.48rem;
		  line-height: 0.48rem;
		  padding: 0.13333rem 0;
		  color: #2aa0ff;
		  font-size: 0.34667rem;
		  text-align: center;
		  display: block;
		  border-radius: 0.10667rem;
		  border: 1px solid #2aa0ff;
		  background-color: transparent;
}
		.uc .wrap .ucNav li a span.copy:active {
		  background-color: #2aa0ff;
		  color: #fff; }
        .uc .wrap .ucNav li a var {
          display: block;
          padding-right: 0.4rem;
          height: 1.33333rem;
          line-height: 1.33333rem;
          background-position: right -3.2rem;
          font-size: 0.32rem;
          color: #999; }
        .uc .wrap .ucNav li a:active var {
          background-position: right -4.53333rem; }
    .uc .wrap .ucNav .li1 {
      background-position: left -8.53333rem; }
    .uc .wrap .ucNav .li2 {
      background-position: left -9.86667rem; }
    .uc .wrap .ucNav .li3 {
      background-position: left -11.2rem; }
    .uc .wrap .ucNav .li4 {
      background-position: left -12.53333rem; }
    .uc .wrap .ucNav .li5 {
      background-position: left -13.86667rem; }
    .uc .wrap .ucNav .li6 {
      background-position: left -15.2rem; }
    .uc .wrap .ucNav .li7 {
      background-position: left -16.53333rem; }
	.uc .wrap .ucNav .li9 {
      background-position: left -22.83333rem; }
    .uc .wrap .ucNav .li8 {
      background-position: left -17.86667rem; }
    .uc .wrap .ucNav .li4, .uc .wrap .ucNav .li7, .uc .wrap .ucNav .li9 {
      margin-bottom: 0.21333rem; }
    .uc .wrap .ucNav .li5 a, .uc .wrap .ucNav .li8 a {
      border-top: 1px solid #2b323d; }
  .uc .wrap .btn {
    width: 100%;
    height: 1.33333rem;
    margin: 0 auto;
    padding-top: 1.33333rem;
    padding-bottom: 1.30667rem; }
    .uc .wrap .btn button, .uc .wrap .btn a {
      width: 7.86667rem;
      height: 1.33333rem;
      line-height: 1.33333rem;
      padding: 0rem 0;
      text-align: center;
      color: #fff;
      font-size: 0.45333rem;
      background-color: #2aa0ff;
      margin: 0 auto;
      display: block;
      border-radius: 0.10667rem;
      border: none; }
      .uc .wrap .btn button:active, .uc .wrap .btn a:active {
        background-color: #0179da; }

.mainDiv {
  position: absolute;
  top: 0;
  right: -100%;
  width: 10rem;
  height: 100%;
  overflow: hidden;
  z-index: 11; }
  .mainDiv .ucMain {
    width: 100%;
    height: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: scroll; }
    .mainDiv .ucMain .noMsg .btn {
      width: 100%;
      height: 1.33333rem;
      margin: 0 auto;
      padding-top: 1.33333rem; }
      .mainDiv .ucMain .noMsg .btn button, .mainDiv .ucMain .noMsg .btn a {
        width: 4rem;
        height: 0.8rem;
        line-height: 0.8rem;
        padding: 0.13333rem 0;
        text-align: center;
        color: #fff;
        font-size: 0.42667rem;
        background-color: #2aa0ff;
        margin: 0 auto;
        display: block;
        border-radius: 0.10667rem;
        border: none; }
        .mainDiv .ucMain .noMsg .btn button:active, .mainDiv .ucMain .noMsg .btn a:active {
          background-color: #0179da; }
    .mainDiv .ucMain .myGame, .mainDiv .ucMain .myGift, .mainDiv .ucMain .myReal, .mainDiv .ucMain .myQuan, .mainDiv .ucMain .myPay, .mainDiv .ucMain .myMobile, .mainDiv .ucMain .myPwd {
      position: absolute;
      top: 0;
      left: 100%;
      z-index: 1;
      width: 100%;
      height: 100%;
      background-color: #2b323d; }
      .mainDiv .ucMain .myGame .myCont, .mainDiv .ucMain .myGift .myCont, .mainDiv .ucMain .myReal .myCont, .mainDiv .ucMain .myQuan .myCont, .mainDiv .ucMain .myPay .myCont, .mainDiv .ucMain .myMobile .myCont, .mainDiv .ucMain .myPwd .myCont {
        width: 100%;
        height: 100%;
        overflow: hidden;
        overflow-y: scroll; }
    .mainDiv .ucMain .myGame .gameList {
      margin-bottom: 0;
      padding-top: 0.13333rem;
      padding-bottom: 0.36rem; }
    .mainDiv .ucMain .myGame .noMsg p {
      background-image: url(./nomsg.png); }
    .mainDiv .ucMain .myGift .gameList {
      padding: 0;
      margin: 0;
      width: 10rem; }
      .mainDiv .ucMain .myGift .gameList ul {
        width: 100%; }
        .mainDiv .ucMain .myGift .gameList ul li {
          width: 9.14667rem;
          height: 2.42667rem;
          padding: 0.34667rem 0.42667rem 0.05333rem;
          margin: 0 auto; }
          .mainDiv .ucMain .myGift .gameList ul li a.aIcon {
            margin: 0; }
          .mainDiv .ucMain .myGift .gameList ul li .giftDiv {
            width: 7.12rem;
            margin: 0; }
            .mainDiv .ucMain .myGift .gameList ul li .giftDiv dl {
              border-bottom: 1px solid #363e4b;
              border-top: none;
              padding: 0.10667rem 0 0.37333rem;
              margin: 0; }
              .mainDiv .ucMain .myGift .gameList ul li .giftDiv dl dd .giftTxt {
                width: 4.66667rem; }
              .mainDiv .ucMain .myGift .gameList ul li .giftDiv dl dd .giftInfo {
                width: 2.4rem; }
                .mainDiv .ucMain .myGift .gameList ul li .giftDiv dl dd .giftInfo .sCode {
                  display: block; }
    .mainDiv .ucMain .myGift .giftCode {
      display: inline-flex;
      margin-top: 0.26667rem; }
    .mainDiv .ucMain .myGift .noMsg {
      /*.btn{ @include btn3(300,60,10,32);}*/ }
      .mainDiv .ucMain .myGift .noMsg p {
        background-image: url(./nogift.png); }
    .mainDiv .ucMain .verification .content {
      width: 9.14667rem;
      margin: 0 auto;
      padding-top: 0.93333rem; }
      .mainDiv .ucMain .verification .content p {
        width: 8rem;
        padding-top: 0.61333rem;
        margin: 0 auto;
        position: relative;
        /*修改提示文字的颜色*/ }
        .mainDiv .ucMain .verification .content p label {
          width: 0;
          display: block;
          height: 0rem;
          line-height: 0rem;
          font-size: 0rem;
          color: #fff; }
        .mainDiv .ucMain .verification .content p input {
          width: 8rem;
          height: 0.50667rem;
          line-height: 0.50667rem;
          border: none;
          border-radius: 0rem;
          color: #fff;
          font-size: 0.37333rem;
          padding: 0.26667rem 0;
          margin: 0 auto;
          caret-color: #fff;
          display: block;
          background-color: transparent; }
        .mainDiv .ucMain .verification .content p input::-webkit-input-placeholder, .mainDiv .ucMain .verification .content p textarea::-webkit-input-placeholder {
          /* WebKit browsers */
          color: #59616e; }
        .mainDiv .ucMain .verification .content p input:-moz-placeholder, .mainDiv .ucMain .verification .content p textarea:-moz-placeholder {
          /* Mozilla Firefox 4 to 18 */
          color: #59616e; }
        .mainDiv .ucMain .verification .content p input::-moz-placeholder, .mainDiv .ucMain .verification .content p textarea::-moz-placeholder {
          /* Mozilla Firefox 19+ */
          color: #59616e; }
        .mainDiv .ucMain .verification .content p input:-ms-input-placeholder, .mainDiv .ucMain .verification .content p textarea:-ms-input-placeholder {
          /* Internet Explorer 10+ */
          color: #59616e; }
      .mainDiv .ucMain .verification .content p.p1, .mainDiv .ucMain .verification .content p.p2, .mainDiv .ucMain .verification .content p.validate {
        border-bottom: 1px solid #59616e; }
      .mainDiv .ucMain .verification .content p.validate img, .mainDiv .ucMain .verification .content p.validate .getBtn {
        width: 2.77333rem;
        height: 1.04rem;
        overflow: hidden;
        display: block;
        float: left;
        margin: 0 0 0 0.4rem;
        position: absolute;
        top: 0.34667rem;
        right: 0;
        font-size: 0.37333rem;
        color: #2aa0ff;
        border: 1px solid #2aa0ff;
        text-align: center;
        background-color: transparent; }
      .mainDiv .ucMain .verification .content p.validate .getBtn {
        border-radius: 0.10667rem; }
        .mainDiv .ucMain .verification .content p.validate .getBtn:active {
          background-color: #2aa0ff;
          color: #fff; }
      .mainDiv .ucMain .verification .content p.validate .getBtn.default, .mainDiv .ucMain .verification .content p.validate .getBtn:disabled {
        background-color: #7c7c7c;
        cursor: default;
        border-color: #7c7c7c;
        color: #ddd; }
      .mainDiv .ucMain .verification .content p.warn {
        color: #ea3d29;
        font-size: 0.4rem;
        height: 0.53333rem;
        line-height: 0.53333rem;
        padding-top: 0.85333rem; }
      .mainDiv .ucMain .verification .content p.btn {
        width: 100%;
        height: 1.33333rem;
        margin: 0 auto;
        padding-top: 1.33333rem;
        padding: 0.4rem 0 0; }
        .mainDiv .ucMain .verification .content p.btn button, .mainDiv .ucMain .verification .content p.btn a {
          width: 8rem;
          height: 1.06667rem;
          line-height: 1.06667rem;
          padding: 0rem 0;
          text-align: center;
          color: #fff;
          font-size: 0.42667rem;
          background-color: #2aa0ff;
          margin: 0 auto;
          display: block;
          border-radius: 0.10667rem;
          border: none; }
          .mainDiv .ucMain .verification .content p.btn button:active, .mainDiv .ucMain .verification .content p.btn a:active {
            background-color: #0179da; }
      .mainDiv .ucMain .verification .content p.tips {
        width: 8.58667rem;
        color: #59616e;
        font-size: 0.37333rem;
        line-height: 0.50667rem;
        padding: 0 0 0.16rem; }
        .mainDiv .ucMain .verification .content p.tips span {
          display: block;
          text-align: center; }
      .mainDiv .ucMain .verification .content p.account {
        color: #fff;
        font-size: 0.37333rem;
        overflow: hidden; }
    .mainDiv .ucMain .verSuc dl {
      padding-top: 0.93333rem; }
      .mainDiv .ucMain .verSuc dl dt {
        width: 3.33333rem;
        height: 2.4rem;
        margin: 0 auto;
        background: url(./versuc.png) no-repeat center top;
        background-size: cover; }
        .mainDiv .ucMain .verSuc dl dt span {
          text-indent: -999em;
          font-size: 0;
          height: 0; }
      .mainDiv .ucMain .verSuc dl dd {
        padding-top: 0.26667rem;
        text-align: center; }
        .mainDiv .ucMain .verSuc dl dd h4 {
          line-height: 0.85333rem;
          font-size: 0.53333rem;
          color: #fff;
          font-weight: normal; }
        .mainDiv .ucMain .verSuc dl dd p {
          line-height: 0.77333rem;
          font-size: 0.42667rem;
          color: #59616e; }
          .mainDiv .ucMain .verSuc dl dd p span {
            font-size: 0.34667rem;
            color: #59616e;
            padding: 0.29333rem 0 0.4rem;
            display: block;
            line-height: 0.53333rem; }
          .mainDiv .ucMain .verSuc dl dd p a {
            color: #2aa0ff;
            text-decoration: underline; }
            .mainDiv .ucMain .verSuc dl dd p a:active {
              color: #f60; }
    .mainDiv .ucMain .myReal .verSuc dl dt {
      background: url(./versuc.png) no-repeat center top;
      background-size: cover; }
    .mainDiv .ucMain .myQuan .quanList {
      padding: 0 0.42667rem 0.66667rem; }
      .mainDiv .ucMain .myQuan .quanList ul {
        padding: 0.21333rem 0 0; }
        .mainDiv .ucMain .myQuan .quanList ul li {
          width: 9.14667rem;
          height: 3.76rem;
          background: url(./quan.png) no-repeat;
          background-size: 9.14667rem 3.76rem;
          margin: 0.37333rem auto 0; }
          .mainDiv .ucMain .myQuan .quanList ul li .voucher {
            padding: 0.42667rem 1.33333rem 0 0.53333rem; }
            .mainDiv .ucMain .myQuan .quanList ul li .voucher h4 {
              display: flex;
              justify-content: space-between; }
              .mainDiv .ucMain .myQuan .quanList ul li .voucher h4 .numSpan {
                width: 2.66667rem;
                height: 2rem;
                display: block;
                color: #2aa0ff; }
                .mainDiv .ucMain .myQuan .quanList ul li .voucher h4 .numSpan var, .mainDiv .ucMain .myQuan .quanList ul li .voucher h4 .numSpan strong, .mainDiv .ucMain .myQuan .quanList ul li .voucher h4 .numSpan em {
                  display: block;
                  float: left; }
                .mainDiv .ucMain .myQuan .quanList ul li .voucher h4 .numSpan var {
                  width: 0.4rem;
                  height: 0.53333rem;
                  line-height: 0.53333rem;
                  text-align: center;
                  font-size: 0.29333rem;
                  padding-top: 0.42667rem; }
                .mainDiv .ucMain .myQuan .quanList ul li .voucher h4 .numSpan strong {
                  width: 2.26667rem;
                  height: 0.96rem;
                  line-height: 0.96rem;
                  letter-spacing: -0.05333rem;
                  font-size: 0.93333rem; }
                .mainDiv .ucMain .myQuan .quanList ul li .voucher h4 .numSpan em {
                  height: 0.58667rem;
                  line-height: 0.58667rem;
                  font-size: 0.32rem; }
              .mainDiv .ucMain .myQuan .quanList ul li .voucher h4 p {
                width: 4.53333rem;
                height: 2rem;
                color: #333; }
                .mainDiv .ucMain .myQuan .quanList ul li .voucher h4 p strong, .mainDiv .ucMain .myQuan .quanList ul li .voucher h4 p span {
                  display: block;
                  float: left; }
                .mainDiv .ucMain .myQuan .quanList ul li .voucher h4 p strong {
                  height: 0.42667rem;
                  line-height: 0.42667rem;
                  padding: 0.26667rem 0;
                  font-size: 0.45333rem; }
                .mainDiv .ucMain .myQuan .quanList ul li .voucher h4 p span {
                  height: 0.58667rem;
                  line-height: 0.58667rem;
                  font-size: 0.29333rem;
                  color: #999; }
            .mainDiv .ucMain .myQuan .quanList ul li .voucher .explain {
              font-size: 0.26667rem;
              color: #666;
              line-height: 0.45333rem;
              padding: 0.18667rem 0.8rem 0 0; }
    .mainDiv .ucMain .myQuan .noMsg p {
      background-image: url(./noquan.png); }
    .mainDiv .ucMain .myPay .payList {
      padding: 0.16rem 0.42667rem 0.66667rem; }
      .mainDiv .ucMain .myPay .payList span {
        display: block;
        height: 0.53333rem;
        line-height: 0.53333rem;
        padding: 0.4rem 0;
        text-align: center;
        font-size: 0.34667rem;
        color: #59616e;
        text-align: center;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .mainDiv .ucMain .myPay .payList .s1 {
        width: 2rem; }
      .mainDiv .ucMain .myPay .payList .s2 {
        width: 2.4rem; }
      .mainDiv .ucMain .myPay .payList .s3 {
        width: 2.53333rem; }
      .mainDiv .ucMain .myPay .payList .s4 {
        width: 2.21333rem; }
      .mainDiv .ucMain .myPay .payList h3, .mainDiv .ucMain .myPay .payList li {
        display: flex;
        justify-content: space-between; }
      .mainDiv .ucMain .myPay .payList h3 {
        border-bottom: 0.02667rem solid #363e4b; }
        .mainDiv .ucMain .myPay .payList h3 span {
          font-size: 0.32rem;
          color: #fff; }
      .mainDiv .ucMain .myPay .payList ul li {
        border-bottom: 1px solid #363e4b; }
    .mainDiv .ucMain .myPay .noMsg p {
      background-image: url(./nopay.png); }
    .mainDiv .ucMain .myMobile .verification .content {
      padding-top: 0.13333rem; }
    .mainDiv .ucMain .myMobile .verSuc dl dt {
      background: url(./mobilesuc.png) no-repeat center top;
      background-size: cover; }
    .mainDiv .ucMain .myPwd .verification .content {
      padding-top: 0.13333rem; }

footer .nav a i {
  background: url(./icon.png) no-repeat;
  background-size: 5.3334rem 2.13333rem; }

footer {
  width: 100%;
  height: 1.33333rem;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  background-color: #272e39; }
  footer .nav {
    background-color: #272e39;
    border-top: 1px solid #323944;
    width: 10rem;
    height: 1.30667rem;
    padding: 0 0.93333rem;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    footer .nav a {
      color: #c3c5ca;
      display: block;
      text-align: center;
      padding-top: 0.17333rem; }
      footer .nav a i {
        width: 0.64rem;
        height: 0.64rem;
        display: block;
        margin: 0 auto; }
      footer .nav a span {
        width: 100%;
        height: 0.48rem;
        line-height: 0.48rem;
        display: block;
        text-align: center;
        font-size: 0.29333rem; }
      footer .nav a:active span, footer .nav a:hover span, footer .nav a.on span {
        color: #2aa0ff; }
    footer .nav .a1 i {
      background-position: 0 0; }
    footer .nav .a1:active i, footer .nav .a1:hover i, footer .nav .a1.on i {
      background-position: 0 -1.06667rem; }
    footer .nav .a2 i {
      background-position: -1.06667rem 0; }
    footer .nav .a2:active i, footer .nav .a2:hover i, footer .nav .a2.on i {
      background-position: -1.06667rem -1.06667rem; }
    footer .nav .a3 i {
      background-position: -2.13333rem 0; }
    footer .nav .a3:active i, footer .nav .a3:hover i, footer .nav .a3.on i {
      background-position: -2.13333rem -1.06667rem; }
    footer .nav .a4 i {
      background-position: -3.2rem 0; }
    footer .nav .a4:active i, footer .nav .a4:hover i, footer .nav .a4.on i {
      background-position: -3.2rem -1.06667rem; }
	footer .nav .a5 i {
      background-position: -4.26667rem 0; width: 0.74333rem;}
    footer .nav .a5:active i, footer .nav .a5:hover i, footer .nav .a5.on i {
      background-position: -4.26667rem -1.06667rem; }

.cont {
  padding: 0 0.46667rem 0.66667rem;
  width: 9.06667rem;
  margin: 0 auto; }
  .cont h1 {
    height: 0.53333rem;
    line-height: 0.53333rem;
    text-align: center;
    font-size: 0.42667rem;
    color: #fff;
    padding: 0.58667rem 0 0.08rem; }
  .cont var {
    height: 0.48rem;
    line-height: 0.48rem;
    text-align: center;
    font-size: 0.29333rem;
    color: #59616e;
    padding-bottom: 0.26667rem;
    border-bottom: 1px dashed #424a56;
    display: block; }
  .cont .content {
    font-size: 0.34667rem;
    color: #59616e;
    line-height: 0.53333rem;
    padding: 0.4rem 0 0.13333rem; }
    .cont .content img {
      display: block;
      margin: 0.4rem auto;
      border-radius: 0.13333rem;
      width: 9.06667rem;
      height: 3.6rem; }

.games .banner {
  background-color: #232b36;
  padding: 0 0 0.21333rem;
  width: 10rem;
  margin: 0 auto; }
  .games .banner .gameImg {
    width: 10rem;
    height: 4rem;
    display: block;
    margin: 0 auto; }
  .games .banner .gameInfo {
    height: 1.81333rem;
    background-color: #2b323d;
    position: relative; }
    .games .banner .gameInfo img {
      width: 1.6rem;
      height: 1.6rem;
      display: block;
      position: absolute;
      top: -0.50667rem;
      left: 0.42667rem; }
    .games .banner .gameInfo .gDiv {
      display: flex;
      justify-content: space-between;
      width: 7.14667rem;
      padding: 0.34667rem 0 0 2.4rem; }
      .games .banner .gameInfo .gDiv .info {
        width: 5.6rem; }
        .games .banner .gameInfo .gDiv .info span {
          display: block;
          height: 0.53333rem;
          line-height: 0.53333rem;
          font-size: 0.45333rem;
          color: #fff;
          font-weight: bold; }
        .games .banner .gameInfo .gDiv .info var {
          display: block;
          height: 0.48rem;
          line-height: 0.48rem;
          font-size: 0.32rem;
          color: #59616e;
          padding-top: 0.13333rem; }
      .games .banner .gameInfo .gDiv .download {
        width: 0.66667rem;
        height: 0.66667rem;
        margin: 0.29333rem 0 0;
        text-indent: -999em;
        display: block;
        background-position: 0 -5.86667rem; }
        .games .banner .gameInfo .gDiv .download:active {
          background-position: 0 -7.2rem; }
.games footer {
  height: 1.6rem; }
  .games footer .btn {
    width: 100%;
    height: 1.33333rem;
    margin: 0 auto;
    padding-top: 1.33333rem;
    padding-top: 0.32rem; }
    .games footer .btn button, .games footer .btn a {
      width: 3.73333rem;
      height: 0.45333rem;
      line-height: 0.45333rem;
      padding: 0.26667rem 0;
      text-align: center;
      color: #fff;
      font-size: 0.4rem;
      background-color: #2aa0ff;
      margin: 0 auto;
      display: block;
      border-radius: 0.10667rem;
      border: none; }
      .games footer .btn button:active, .games footer .btn a:active {
        background-color: #0179da; }
.games .gameCont {
  padding: 0.26667rem 0 1.6rem;
  width: 10rem;
  margin: 0 auto;
  position: relative; }
  .games .gameCont .tab {
    display: flex;
    justify-content: space-around;
    padding: 0 0.46667rem;
    font-weight: normal; }
    .games .gameCont .tab a {
      height: 0.53333rem;
      line-height: 0.53333rem;
      padding: 0.16rem 0;
      display: block;
      position: relative;
      text-align: center;
      font-size: 0.4rem;
      color: #fff; }
      .games .gameCont .tab a:before {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 0;
        height: 0.05333rem;
        background-color: #2aa0ff;
        transition: all .3s;
        font-weight: normal;
        border-radius: 0.02667rem; }
      .games .gameCont .tab a:active:before {
        color: #2aa0ff;
        width: 50%;
        left: 24%;
        right: 24%; }
    .games .gameCont .tab a.on {
      color: #2aa0ff; }
      .games .gameCont .tab a.on:before {
        width: 50%;
        left: 24%;
        right: 24%; }
  .games .gameCont .tabMain {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: scroll; }
    .games .gameCont .tabMain .com {
      /* position: absolute; top: 0; left: 100%;*/
      width: 100%;
      height: auto;
      display: none; }
      .games .gameCont .tabMain .com .giftDiv {
        padding: 0;
        margin-top: 0.26667rem; }
        .games .gameCont .tabMain .com .giftDiv dl {
          padding-left: 0;
          padding-right: 0;
          margin-left: 0.4rem;
          margin-right: 0.4rem; }
      .games .gameCont .tabMain .com .intro {
        padding: 0.66667rem 0 0.26667rem; }
        .games .gameCont .tabMain .com .intro #sys {
          margin-bottom: 0.58667rem;
          width: 10rem;
          overflow: visible; }
          .games .gameCont .tabMain .com .intro #sys img {
            width: 3.17333rem;
            height: 5.28rem;
            display: block;
            margin: 0 auto; }
        .games .gameCont .tabMain .com .intro p {
          font-size: 0.32rem;
          color: #59616e;
          line-height: 0.53333rem;
          padding: 0 0.46667rem; }
      .games .gameCont .tabMain .com .activities {
        padding: 0.66667rem 0.46667rem 0; }
        .games .gameCont .tabMain .com .activities dl {
          padding-bottom: 0.66667rem; }
          .games .gameCont .tabMain .com .activities dl dt span {
            width: 2.34667rem;
            height: 0.34667rem;
            line-height: 0.34667rem;
            display: block;
            margin: 0 auto;
            text-align: center;
            font-size: 0.32rem;
            color: #59616e;
            background-color: transparent;
            border-radius: 0.17333rem; }
          .games .gameCont .tabMain .com .activities dl dd {
            background-color: transparent;
            border-radius: 0.13333rem;
            border: 1px solid #505864;
            margin: 0.26667rem auto 0;
            padding: 0 0.26667rem 0; }
            .games .gameCont .tabMain .com .activities dl dd ul {
              overflow: hidden; }
              .games .gameCont .tabMain .com .activities dl dd ul li {
                border-top: 1px dashed #424a56;
                margin-top: -0.02667rem; }
                .games .gameCont .tabMain .com .activities dl dd ul li a {
                  display: block;
                  padding: 0.4rem 0; }
                  .games .gameCont .tabMain .com .activities dl dd ul li a h4 {
                    height: 0.53333rem;
                    line-height: 0.53333rem;
                    font-size: 0.4rem;
                    color: #fff; }
                  .games .gameCont .tabMain .com .activities dl dd ul li a p {
                    padding: 0.09333rem 0 0.33333rem;
                    font-size: 0.32rem;
                    color: #59616e;
                    overflow: hidden;
                    -ms-text-overflow: ellipsis;
                    text-overflow: ellipsis;
                    white-space: nowrap; }
                  .games .gameCont .tabMain .com .activities dl dd ul li a span {
                    font-size: 0.29333rem;
                    color: #2aa0ff; }
                  .games .gameCont .tabMain .com .activities dl dd ul li a:active span {
                    color: #f60; }

.show {
  height: 0.8rem;
  text-align: center;
  display: none;
  border-top: 1px solid #eee;
  padding: 0.26667rem 0 1.30667rem;
  background-color: #fff; }
  .show span {
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.32rem;
    color: #333;
    display: block; }

/*# sourceMappingURL=css.css.map */
body::-webkit-scrollbar{width:3px;height:4px}
body::-webkit-scrollbar-button{background-color:transparent;display:none}
body::-webkit-scrollbar-track{background:transparent}
body::-webkit-scrollbar-track-piece{background:transparent}
body::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}
body::-webkit-scrollbar-corner{background:transparent}
body::-webkit-scrollbar-resizer{background:transparent}
body{scrollbar-arrow-color:transparent;scrollbar-face-color:transparent;scrollbar-3dlight-color:transparent;scrollbar-highlight-color:transparent;scrollbar-shadow-color:transparent;scrollbar-darkshadow-color:transparent;scrollbar-track-color:transparent;scrollbar-base-color:transparent}
body::-webkit-scrollbar {display: none}
body{-ms-overflow-style: none;scrollbar-width: none; scrollbar-color: transparent transparent;scrollbar-track-color: transparent;-ms-scrollbar-track-color: transparent;}
html{-ms-overflow-style: none;scrollbar-width: none; scrollbar-color: transparent transparent;scrollbar-track-color: transparent;-ms-scrollbar-track-color: transparent;}
footer {padding-bottom: 0.15rem;}