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

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

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

a, img {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none; }
  a:active, a:visible, img:active, img:visible {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    background: none;
    text-decoration: none; }

input {
  -webkit-tap-highlight-color: transparent; }

::-webkit-input-placeholder {
  color: #b0b0b0; }

:-moz-placeholder, ::-moz-placeholder {
  color: #b0b0b0; }

:-ms-input-placeholder {
  color: #b0b0b0; }

[v-cloak] {
  display: none; }

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

body {
  max-width: 10rem;
  height: 100%;
  margin: 0 auto;
  overflow-x: hidden;
  overflow-y: scroll; }

.header h3 .backBtn, .header h3 .moreBox .searchBtn, .header h3 .moreBox .moreBtn, .main .star, .main .starOn, .main .gameCon .gameInfo li h5 var, .main .comDiv .titH4 .aboutGame, .main .comDiv .ratingCon li p var, .main .comDiv .ratingCon li span var, .footer .h5 a, .footer ul li a {
  background-image: url(img/sprite.jpg);
  background-repeat: no-repeat;
  background-size: 1.6rem 13.33333rem; }

.wrap, .header {
  width: 10rem; }

.wrap {
  margin: 0 auto;
  position: relative; }

.header {
  height: 0.93333rem;
  overflow: hidden; }
  .header h3 {
    font-weight: normal;
    display: block;
    padding: 0 0.13333rem;
    height: 0.93333rem; }
    .header h3:after {
      content: ".";
      clear: both;
      display: block;
      height: 0;
      visibility: hidden; }
    .header h3 .backBtn {
      width: 0.93333rem;
      height: 0.93333rem;
      display: block;
      background-position: 0 0;
      float: left; }
    .header h3 .moreBox {
      float: right; }
      .header h3 .moreBox .searchBtn, .header h3 .moreBox .moreBtn {
        width: 0.8rem;
        height: 0.93333rem;
        display: block;
        float: left;
        margin-left: 0.24rem; }
      .header h3 .moreBox .searchBtn {
        background-position: 0 -1.33333rem; }
      .header h3 .moreBox .moreBtn {
        background-position: 0 -2.66667rem; }
    .header h3 .gameBox {
      float: left;
      padding-left: 0.26667rem; }
      .header h3 .gameBox .icon {
        display: block;
        float: left; }
        .header h3 .gameBox .icon img {
          width: 0.93333rem;
          height: 0.93333rem;
          display: block;
          border-radius: 0.29333rem; }
      .header h3 .gameBox span {
        float: left;
        padding-left: 0.53333rem;
        display: block;
        text-transform: uppercase; }
        .header h3 .gameBox span strong {
          height: 0.48rem;
          line-height: 0.48rem;
          padding-bottom: 0.10667rem;
          font-size: 0.34667rem;
          color: #1e1d22;
          display: block; }
        .header h3 .gameBox span var {
          height: 0.32rem;
          line-height: 0.32rem;
          font-size: 0.24rem;
          color: #888;
          display: block; }

.pageHeader {
  padding: 0.36rem 0 0.26667rem;
  border-bottom: 0.04rem solid #ebebeb; }

.main {
  padding: 0.26667rem 0.4rem 0; }
  .main .star {
    width: 1.6rem;
    height: 0.29333rem;
    background-position: 0 -6.66667rem;
    display: block; }
  .main .starOn {
    height: 0.29333rem;
    background-position: 0 -7.33333rem;
    display: block; }
  .main .h3 {
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.46667rem;
    color: #1e1e22;
    padding-bottom: 0.13333rem; }
  .main .content {
    padding-bottom: 0.53333rem; }
    .main .content p {
      line-height: 0.74667rem;
      font-size: 0.4rem;
      color: #9d9d9d; }
      .main .content p strong {
        color: #1e1e22;
        display: block;
        font-size: 0.4rem;
        position: relative; }
        .main .content p strong:before {
          content: "\2022";
          padding-right: 0.13333rem; }
      .main .content p .conStr {
        padding-left: 0.4rem; }
        .main .content p .conStr:before {
          position: absolute;
          top: 0;
          left: 0; }
  .main .gameCon {
    width: 100%;
    display: inline-block;
    padding-bottom: 0.66667rem; }
    .main .gameCon .icon {
      display: block;
      float: left; }
      .main .gameCon .icon img {
        width: 1.6rem;
        height: 1.6rem;
        display: block;
        border-radius: 0.29333rem; }
    .main .gameCon .gameTit {
      width: 6rem;
      min-height: 1.6rem;
      float: left;
      padding-left: 0.8rem; }
      .main .gameCon .gameTit h4 {
        /* text-transform: uppercase;*/
        text-transform: capitalize;
        font-size: 0.56rem;
        min-height: 0.58667rem;
        line-height: 0.58667rem;
        padding-bottom: 0.13333rem;
        color: #1e1d22; }
      .main .gameCon .gameTit p {
        line-height: 0.42667rem;
        font-size: 0.26667rem;
        color: #888; }
        .main .gameCon .gameTit p strong {
          color: #03865f; }
    .main .gameCon .infoDiv {
      height: 0.93333rem; }
    .main .gameCon .gameInfo {
      min-width: 9.2rem;
      height: 0.93333rem;
      text-align: center;
      overflow: hidden; }
      .main .gameCon .gameInfo li {
        display: inline-block;
        width: 24%;
        height: 0.93333rem;
        text-align: center;
        position: relative;
        float: left; }
        .main .gameCon .gameInfo li:before {
          content: "";
          width: 0.04rem;
          height: 0.53333rem;
          background-color: #ebebeb;
          position: absolute;
          top: 0.2rem;
          left: -0.04rem; }
        .main .gameCon .gameInfo li h5 {
          height: 0.48rem;
          line-height: 0.48rem;
          font-size: 0.34667rem;
          color: 070707; }
        .main .gameCon .gameInfo li p {
          display: block;
          height: 0.4rem;
          line-height: 0.4rem;
          font-size: 0.18667rem;
          color: #9d9d9d; }
          .main .gameCon .gameInfo li p span {
            text-transform: uppercase; }
      .main .gameCon .gameInfo li:nth-child(1) {
        width: 22%; }
        .main .gameCon .gameInfo li:nth-child(1):before {
          background-color: #fff; }
        .main .gameCon .gameInfo li:nth-child(1) h5 var {
          background-position: right -4rem;
          padding-right: 0.37333rem; }
      .main .gameCon .gameInfo li:nth-child(2) {
        width: 20%; }
        .main .gameCon .gameInfo li:nth-child(2) h5 var {
          width: 0.46667rem;
          height: 0.46667rem;
          display: inline-block;
          background-position: 0 -4.66667rem; }
      .main .gameCon .gameInfo li:nth-child(3) {
        width: 22%; }
        .main .gameCon .gameInfo li:nth-child(3) h5 var {
          width: 0.50667rem;
          height: 0.34667rem;
          border-radius: 0.06667rem;
          border: 1px solid #241e13;
          padding: 0 0.05333rem;
          background: none;
          font-size: 0.32rem; }
      .main .gameCon .gameInfo li:nth-child(4) {
        width: 35%; }
        .main .gameCon .gameInfo li:nth-child(4) h5 {
          font-size: 0.37333rem; }
          .main .gameCon .gameInfo li:nth-child(4) h5 var {
            background: none;
            font-size: 0.32rem; }
    .main .gameCon .installBtn {
      display: block;
      width: 100%;
      height: 0.82667rem;
      line-height: 0.82667rem;
      text-align: center;
      font-size: 0.4rem;
      background-color: #03865f;
      border-radius: 0.08rem;
      border: none;
      color: #fff;
      text-transform: uppercase; }
      .main .gameCon .installBtn:active {
        -webkit-tap-highlight-color: transparent; }
  .main .comDiv {
    width: 9.2rem;
    overflow: hidden;
    overflow-x: auto;
    padding-bottom: 0.66667rem; }
    .main .comDiv .titH4 {
      height: 0.61333rem;
      line-height: 0.61333rem;
      font-size: 0.46667rem;
      display: block;
      padding-bottom: 0.4rem; }
      .main .comDiv .titH4:after {
        content: ".";
        clear: both;
        display: block;
        height: 0;
        visibility: hidden; }
      .main .comDiv .titH4 span {
        float: left; }
      .main .comDiv .titH4 .aboutGame {
        width: 0.61333rem;
        height: 0.61333rem;
        display: block;
        background-position: 0 -5.33333rem;
        float: right; }
    .main .comDiv .intro {
      font-size: 0.26667rem;
      line-height: 0.34667rem;
      color: #9d9d9d;
      padding: 0 0 0.32rem; }
    .main .comDiv .comBox {
      min-width: 9.2rem;
      margin-left: -0.16rem;
      overflow: hidden; }
      .main .comDiv .comBox li {
        float: left; }
        .main .comDiv .comBox li img, .main .comDiv .comBox li span {
          margin-left: 0.16rem; }
    .main .comDiv .imgBox {
      width: 31.06667rem;
      height: 3.86667rem; }
      .main .comDiv .imgBox li img {
        width: 6.05333rem;
        height: 3.86667rem;
        border-radius: 0.2rem;
        display: block; }
    .main .comDiv .tagBox {
      height: 0.73333rem; }
      .main .comDiv .tagBox li span {
        border-radius: 0.34667rem;
        line-height: 0.69333rem;
        padding: 0 0.21333rem;
        font-size: 0.29333rem;
        color: #9d9d9d;
        border: 0.02667rem solid #e3e3e3;
        display: block; }
    .main .comDiv .ratings {
      display: block; }
      .main .comDiv .ratings:after {
        content: ".";
        clear: both;
        display: block;
        height: 0;
        visibility: hidden; }
      .main .comDiv .ratings .rL {
        width: 2.8rem;
        float: left; }
        .main .comDiv .ratings .rL strong {
          height: 1.46667rem;
          line-height: 1.46667rem;
          text-align: center;
          font-size: 1.28rem;
          color: #252425;
          display: block; }
        .main .comDiv .ratings .rL span {
          height: 0.29333rem;
          line-height: 0.29333rem;
          padding: 0.13333rem 0 0 0.4rem;
          font-size: 0.26667rem;
          color: #9d9d9d;
          display: block; }
      .main .comDiv .ratings .rR {
        width: 6.26667rem;
        padding-left: 0.08rem;
        float: right; }
        .main .comDiv .ratings .rR li {
          height: 0.26667rem;
          line-height: 0.26667rem;
          padding: 0.13333rem 0 0; }
          .main .comDiv .ratings .rR li span {
            width: 0.37333rem;
            color: #9d9d9d;
            font-size: 0.18667rem;
            display: block;
            float: left; }
          .main .comDiv .ratings .rR li p {
            width: 5.2rem;
            height: 0.26667rem;
            background-color: #e9eaee;
            border-radius: 0.13333rem;
            float: left; }
            .main .comDiv .ratings .rR li p i {
              height: 0.26667rem;
              background-color: #19785e;
              border-radius: 0.13333rem;
              display: block; }
        .main .comDiv .ratings .rR li:nth-child(1) p i {
          width: 88%; }
        .main .comDiv .ratings .rR li:nth-child(2) p i {
          width: 66%; }
        .main .comDiv .ratings .rR li:nth-child(3) p i {
          width: 3%; }
        .main .comDiv .ratings .rR li:nth-child(4) p i {
          width: 5%; }
        .main .comDiv .ratings .rR li:nth-child(5) p i {
          width: 8%; }
    .main .comDiv .ratingCon {
      width: 9.2rem;
      padding-top: 0.4rem;
      text-align: center;
      justify-content: space-between;
      color: #9d9d9d;
      font-size: 0.29333rem;
      display: block; }
      .main .comDiv .ratingCon:after {
        content: ".";
        clear: both;
        display: block;
        height: 0;
        visibility: hidden; }
      .main .comDiv .ratingCon li {
        width: 30%;
        line-height: 0.32rem;
        display: inline-block; }
        .main .comDiv .ratingCon li p, .main .comDiv .ratingCon li span {
          display: block;
          height: 0.32rem; }
          .main .comDiv .ratingCon li p var, .main .comDiv .ratingCon li span var {
            background-position: right -8rem;
            padding-right: 0.37333rem;
            display: inline-block; }
        .main .comDiv .ratingCon li span {
          text-transform: uppercase;
          padding-top: 0.13333rem; }
    .main .comDiv .reviews li {
      padding-top: 0.8rem; }
      .main .comDiv .reviews li .h5 {
        line-height: 0.8rem;
        font-size: 0.29333rem;
        text-transform: uppercase;
        color: #9d9d9d; }
        .main .comDiv .reviews li .h5 .portrait {
          width: 0.8rem;
          height: 0.8rem;
          display: block;
          border-radius: 100%;
          float: left;
          margin-right: 0.42667rem; }
      .main .comDiv .reviews li .updateTime {
        padding: 0.45333rem 0 0;
        height: 0.29333rem;
        line-height: 0.29333rem;
        color: #9d9d9d; }
        .main .comDiv .reviews li .updateTime .star {
          float: left; }
        .main .comDiv .reviews li .updateTime span {
          padding-left: 0.21333rem; }
      .main .comDiv .reviews li p {
        font-size: 0.29333rem;
        color: #9d9d9d;
        line-height: 0.34667rem;
        padding: 0.26667rem 0 0.13333rem; }
      .main .comDiv .reviews li .reply {
        border-radius: 0.06667rem;
        background-color: #f8f9fb;
        padding: 0.26667rem;
        width: 8.66667rem;
        margin-top: 0.26667rem; }
        .main .comDiv .reviews li .reply .h6 {
          line-height: 0.4rem;
          font-size: 0.29333rem;
          color: #9d9d9d; }
  .main .imgCon {
    height: 3.86667rem; }
  .main .verCon {
    height: 6.05333rem; }
    .main .verCon .imgBox {
      width: 18.13333rem;
      height: 6.05333rem; }
      .main .verCon .imgBox li img {
        width: 3.46667rem;
        height: 6.05333rem;
        border-radius: 0.2rem;
        display: block; }
  .main .imgCon::-webkit-scrollbar, .main .tagCon .comDiv::-webkit-scrollbar, .main .infoDiv::-webkit-scrollbar {
    width: 0;
    height: 0; }

.footer {
  padding: 0 0.4rem 0.53333rem; }
  .footer .h5 {
    height: 0.66667rem;
    line-height: 0.66667rem;
    font-size: 0.46667rem;
    color: #1e1e22; }
    .footer .h5 a {
      float: right;
      width: 0.61333rem;
      height: 0.66667rem;
      display: block;
      background-position: -0.8rem -8.66667rem; }
      .footer .h5 a.on {
        background-position: 0 -8.66667rem; }
  .footer ul {
    display: none; }
    .footer ul li {
      padding-top: 0.53333rem; }
      .footer ul li a {
        height: 0.53333rem;
        line-height: 0.53333rem;
        padding-left: 0.72rem;
        cursor: default;
        text-transform: uppercase;
        color: #3f4043;
        font-size: 0.4rem; }
    .footer ul li:nth-child(1) a {
      background-position: 0 -9.33333rem; }
    .footer ul li:nth-child(2) a {
      background-position: 0 -10rem; }
    .footer ul li:nth-child(3) a {
      background-position: 0 -10.66667rem; }
    .footer ul li:nth-child(4) a {
      background-position: 0 -11.33333rem; }

.alpha {
  width: 100%;
  height: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.01);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: 7;
  display: none; }

.tBox {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: rgba(15, 11, 8, 0.6); }
  .tBox .comTan {
    min-width: 2.66667rem;
    max-width: 9.06667rem;
    width: 9.06667rem;
    min-height: 1.33333rem;
    max-height: 8rem;
    color: #333;
    background-color: #fff;
    box-shadow: 0px 0.05333rem 0.16rem 0px rgba(0, 0, 0, 0.15);
    border-radius: 0.10667rem;
    font-family: 'HelveticaNeue-Medium', 'HelveticaNeue';
    z-index: 98;
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .tBox .cDiv .tipTxt {
    min-height: 0.53333rem;
    line-height: 0.61333rem;
    text-align: center;
    word-break: break-all;
    padding: 0.53333rem;
    font-size: 0.34667rem;
    font-weight: 500; }
  .tBox .cont {
    width: 7.2rem;
    min-height: 1.33333rem;
    padding: 0.8rem 0 0.8rem;
    font-size: 0.34667rem;
    background-color: #fff;
    border-radius: 0.10667rem;
    text-align: center;
    z-index: 98;
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .tBox .h3 {
    min-height: 0.42667rem;
    line-height: 0.66667rem;
    font-weight: normal;
    color: #333;
    padding: 0 0.53333rem 0.4rem; }
    .tBox .h3 span {
      font-weight: bold;
      color: #f00; }
  .tBox .pBtn {
    height: 0.8rem; }
  .tBox .btn {
    width: 1.6rem;
    height: 0.74667rem;
    line-height: 0.74667rem;
    border: none;
    color: #fff;
    background-color: #14b4ff;
    text-align: center;
    border-radius: 0.08rem;
    font-size: 0.37333rem;
    margin: 0 0.13333rem; }
    .tBox .btn :hover {
      background-color: #3cbefa; }

.tipBox {
  display: none; }
  .tipBox .comTan {
    width: 4rem; }
    .tipBox .comTan .cDiv {
      border-bottom: none; }

/*# sourceMappingURL=css.css.map */