@charset "UTF-8";
html {
  font-size: 62.5%;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; }

@media only screen and (min-width: 320px) {
  html {
    font-size: 75% !important;
    /* 12梅16=73.4% */ } }
@media only screen and (min-width: 360px) {
  html {
    font-size: 84.375% !important;
    /* 12梅16=73.4% */ } }
@media only screen and (min-width: 375px) {
  html {
    font-size: 87.89063% !important;
    /* 14.0625梅16=73.2% */ } }
@media only screen and (min-width: 410px) {
  html {
    font-size: 97.03% !important;
    /* 15.525梅16=94% */ } }
@media only screen and (min-width: 480px) {
  html {
    font-size: 112.5% !important;
    /* 18梅16=94% */ } }
@media only screen and (min-width: 560px) {
  html {
    font-size: 131.25% !important;
    /* 21梅16=109% */ } }
@media only screen and (min-width: 640px) {
  html {
    font-size: 150% !important;
    /* 24梅16=125% */ } }
@media only screen and (min-width: 720px) {
  html {
    font-size: 168.75% !important;
    /* 27梅16=146.43% */ } }
@media only screen and (min-width: 750px) {
  html {
    font-size: 175.78125% !important;
    /* 28.125梅16=146.43% */ } }
@media only screen and (min-width: 800px) {
  html {
    font-size: 187.5% !important;
    /* 30梅16=146.43% */ } }
@media only screen and (min-width: 960px) {
  html {
    font-size: 100% !important;
    /* 36梅16=146.43% */ } }
.bagActive {
  background-image: none !important; }

.bag-wrap {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: relative;
  background-color: #fff;
  overflow: scroll; }
  .bag-wrap .bag-main {
    height: auto;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    background: #eeeeee; }
    .bag-wrap .bag-main .bag-search-shadow {
      height: 3.62667rem;
      width: 100%;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      position: relative;
      background-color: #fff;
      border: solid transparent;
      border-width: 0 1.06667rem 0; }
    .bag-wrap .bag-main .bag-search {
      height: 3.62667rem;
      width: 100%;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      position: fixed;
      top: 0;
      max-width: 600px;
      z-index: 99;
      background-color: #fff;
      border: solid transparent;
      border-width: 0 1.06667rem 0;
      border-bottom: 1px solid #eee; }
      .bag-wrap .bag-main .bag-search .bag-input {
        height: 2.31111rem;
        width: 67.53%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        border-radius: 1.17333rem;
        border: 1px solid #eee;
        background-color: #fff; }
        .bag-wrap .bag-main .bag-search .bag-input input {
          outline: none;
          border: 0;
          padding: 0;
          height: 100%;
          width: 70%;
          position: absolute;
          top: 0;
          left: 1.13778rem;
          text-align: left;
          font-size: 0.99556rem;
          margin: 0;
          background-color: transparent; }
        .bag-wrap .bag-main .bag-search .bag-input img {
          position: absolute;
          top: 50%;
          right: 1.38667rem;
          height: 0.81778rem;
          width: 0.81778rem;
          transform: translate(0%, -50%);
          -webkit-transform: translate(0%, -50%); }
    .bag-wrap .bag-main .bag-game-list {
      background-color: #e9e9e9;
      height: auto;
      width: 100%;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      position: relative; }
      .bag-wrap .bag-main .bag-game-list .bag-game-item {
        background-color: #fff;
        height: auto;
        width: 100%;
        min-height: 8.53333rem;
        position: relative;
        margin-top: 0.35556rem; }
        .bag-wrap .bag-main .bag-game-list .bag-game-item .bag-game-card {
          height: 6.04444rem;
          width: 100%;
          border-bottom: 1px solid #eee;
          position: relative; }
          .bag-wrap .bag-main .bag-game-list .bag-game-item .bag-game-card img {
            height: 3.91111rem;
            width: 3.91111rem;
            position: absolute;
            top: 50%;
            left: 1.06667rem;
            transform: translate(0, -50%);
            -webkit-transform: translate(0, -50%); }
          .bag-wrap .bag-main .bag-game-list .bag-game-item .bag-game-card p {
            font-size: 1.28rem;
            color: #000000;
            margin: 0;
            width: 50%;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            position: absolute;
            top: 0.88889rem;
            left: 5.90222rem; }
          .bag-wrap .bag-main .bag-game-list .bag-game-item .bag-game-card span {
            display: block;
            color: #8e8e8e;
            font-size: 0.99556rem;
            line-height: 0.99556rem;
            width: 50%;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            position: absolute;
            top: 2.73778rem;
            left: 5.90222rem; }
          .bag-wrap .bag-main .bag-game-list .bag-game-item .bag-game-card button {
            position: absolute;
            top: 50%;
            right: 1.06667rem;
            transform: translate(0, -50%);
            -webkit-transform: translate(0, -50%); }
          .bag-wrap .bag-main .bag-game-list .bag-game-item .bag-game-card .bar {
            width: 50%;
            height: auto;
            position: absolute;
            bottom: 1.06667rem;
            left: 5.90222rem;
            display: flex;
            display: -webkit-flex;
            flex-direction: row;
            align-items: center; }
            .bag-wrap .bag-main .bag-game-list .bag-game-item .bag-game-card .bar div:nth-child(1) {
              flex: 20;
              height: 0.42667rem;
              background-color: #06be77; }
            .bag-wrap .bag-main .bag-game-list .bag-game-item .bag-game-card .bar div:nth-child(2) {
              flex: 9;
              font-size: 0.85333rem;
              line-height: 0.85333rem;
              color: #c6c6c6;
              text-align: right; }
        .bag-wrap .bag-main .bag-game-list .bag-game-item .my-bag-game-card {
          height: 6.04444rem;
          width: 100%;
          border-bottom: 1px solid #eee;
          position: relative; }
          .bag-wrap .bag-main .bag-game-list .bag-game-item .my-bag-game-card button {
            position: absolute;
            top: 50%;
            right: 1.06667rem;
            transform: translate(0, -50%);
            -webkit-transform: translate(0, -50%); }
          .bag-wrap .bag-main .bag-game-list .bag-game-item .my-bag-game-card img {
            height: 3.91111rem;
            width: 3.91111rem;
            position: absolute;
            top: 50%;
            left: 1.06667rem;
            transform: translate(0, -50%);
            -webkit-transform: translate(0, -50%); }
          .bag-wrap .bag-main .bag-game-list .bag-game-item .my-bag-game-card article {
            height: 3.91111rem;
            width: 50%;
            position: absolute;
            top: 50%;
            left: 5.90222rem;
            transform: translate(0, -50%);
            -webkit-transform: translate(0, -50%);
            display: flex;
            display: -webkit-flex;
            flex-direction: column; }
            .bag-wrap .bag-main .bag-game-list .bag-game-item .my-bag-game-card article p {
              flex: 1;
              position: relative;
              margin: 0;
              color: #000000;
              font-size: 1.28rem;
              display: flex;
              display: -webkit-flex;
              flex-direction: column;
              justify-content: center;
              flex-wrap: nowrap;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden; }
            .bag-wrap .bag-main .bag-game-list .bag-game-item .my-bag-game-card article span {
              flex: 1;
              position: relative;
              font-size: 1.28rem;
              color: #8e8e8e;
              justify-content: center;
              flex-wrap: nowrap;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden; }
      .bag-wrap .bag-main .bag-game-list .bag-game-item:nth-child(1) {
        margin: 0; }
    .bag-wrap .bag-main .bag-list {
      height: auto;
      width: 100%;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      position: relative; }
      .bag-wrap .bag-main .bag-list .bag-item {
        height: 12.8rem;
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        position: relative;
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
        margin-top: 0.99556rem;
        background: #fff; }
        .bag-wrap .bag-main .bag-list .bag-item .bag-info-wrap {
          flex: 270;
          box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          position: relative;
          border-bottom: 1px solid #eee;
          display: flex;
          display: -webkit-flex;
          flex-direction: column; }
          .bag-wrap .bag-main .bag-list .bag-item .bag-info-wrap .bag-info-content {
            flex: 1;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            position: relative;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            border-left: 1.06667rem solid transparent;
            border-right: 1.06667rem solid transparent; }
            .bag-wrap .bag-main .bag-list .bag-item .bag-info-wrap .bag-info-content .bag-content-name {
              flex: 1;
              box-sizing: border-box;
              -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              position: relative;
              border-bottom: 1px solid #eee; }
              .bag-wrap .bag-main .bag-list .bag-item .bag-info-wrap .bag-info-content .bag-content-name img {
                height: 2.70222rem;
                width: 2.70222rem;
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%); }
              .bag-wrap .bag-main .bag-list .bag-item .bag-info-wrap .bag-info-content .bag-content-name p {
                margin: 0;
                color: #222;
                font-size: 1.13778rem;
                position: absolute;
                top: 50%;
                left: 3.55556rem;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%); }
            .bag-wrap .bag-main .bag-list .bag-item .bag-info-wrap .bag-info-content .bag-content-present {
              flex: 1;
              box-sizing: border-box;
              -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              position: relative; }
              .bag-wrap .bag-main .bag-list .bag-item .bag-info-wrap .bag-info-content .bag-content-present .img {
                height: 2.70222rem;
                width: 2.70222rem;
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%); }
              .bag-wrap .bag-main .bag-list .bag-item .bag-info-wrap .bag-info-content .bag-content-present article {
                height: 100%;
                width: 60%;
                position: absolute;
                top: 0;
                left: 3.55556rem;
                display: flex;
                display: -webkit-flex;
                flex-direction: column; }
                .bag-wrap .bag-main .bag-list .bag-item .bag-info-wrap .bag-info-content .bag-content-present article div:nth-child(1) {
                  flex: 1;
                  position: relative; }
                  .bag-wrap .bag-main .bag-list .bag-item .bag-info-wrap .bag-info-content .bag-content-present article div:nth-child(1) p {
                    color: #222;
                    font-size: 0.99556rem;
                    position: absolute;
                    top: 0.99556rem;
                    left: 0;
                    margin: 0;
                    line-height: 1.13778rem; }
                    .bag-wrap .bag-main .bag-list .bag-item .bag-info-wrap .bag-info-content .bag-content-present article div:nth-child(1) p span {
                      color: #999;
                      font-size: 0.99556rem; }
                .bag-wrap .bag-main .bag-list .bag-item .bag-info-wrap .bag-info-content .bag-content-present article div:nth-child(2) {
                  height: 0.53333rem;
                  position: relative; }
                .bag-wrap .bag-main .bag-list .bag-item .bag-info-wrap .bag-info-content .bag-content-present article div:nth-child(3) {
                  flex: 1;
                  position: relative; }
                  .bag-wrap .bag-main .bag-list .bag-item .bag-info-wrap .bag-info-content .bag-content-present article div:nth-child(3) p {
                    color: #999;
                    font-size: 0.85333rem;
                    position: absolute;
                    top: 0%;
                    left: 0%;
                    margin: 0;
                    width: 100%;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis; }
              .bag-wrap .bag-main .bag-list .bag-item .bag-info-wrap .bag-info-content .bag-content-present #isOver {
                height: 3.91111rem;
                width: 3.91111rem;
                position: absolute;
                top: 50%;
                right: 0;
                right: 0 !important;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%); }
              .bag-wrap .bag-main .bag-list .bag-item .bag-info-wrap .bag-info-content .bag-content-present button {
                position: absolute;
                top: 50%;
                right: 0;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%); }
        .bag-wrap .bag-main .bag-list .bag-item .bag-all {
          flex: 90;
          box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          position: relative;
          display: flex;
          display: -webkit-flex;
          flex-direction: column;
          text-indent: 1.06667rem;
          font-size: 0.99556rem;
          color: #222;
          justify-content: center; }
          .bag-wrap .bag-main .bag-list .bag-item .bag-all img {
            height: 0.85333rem;
            width: 0.49778rem;
            position: absolute;
            top: 50%;
            right: 1.06667rem;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%); }
      .bag-wrap .bag-main .bag-list .bag-end {
        height: 2.48889rem;
        width: 100%;
        font-size: 0.85333rem;
        color: #999;
        line-height: 2.48889rem;
        text-align: center; }

.gameBag-wrap {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: relative;
  background-color: #eee;
  overflow: scroll; }
  .gameBag-wrap .gameBag-content {
    height: auto;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative; }
    .gameBag-wrap .gameBag-content .gameBag-head {
      height: 10.06222rem;
      width: 100%;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      position: relative;
      background: #fff; }
      .gameBag-wrap .gameBag-content .gameBag-head .gameBag-bar {
        background: #b6b6b6;
        height: 1.42222rem;
        width: 7.25333rem;
        border-top-left-radius: 0.60444rem;
        border-bottom-left-radius: 0.60444rem;
        position: absolute;
        top: 0.71111rem;
        right: 0;
        line-height: 1.42222rem;
        font-size: 0.99556rem;
        color: #fff;
        text-align: center; }
      .gameBag-wrap .gameBag-content .gameBag-head .gameBag-main {
        height: 4.40889rem;
        width: 100%;
        position: absolute;
        top: 1.95556rem;
        left: 0; }
        .gameBag-wrap .gameBag-content .gameBag-head .gameBag-main p {
          margin: 0;
          font-size: 0.99556rem;
          color: #666; }
        .gameBag-wrap .gameBag-content .gameBag-head .gameBag-main .not-get {
          position: absolute;
          top: 50%;
          left: 4.40889rem;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%); }
        .gameBag-wrap .gameBag-content .gameBag-head .gameBag-main .not-get-num {
          position: absolute;
          top: 50%;
          left: 5.60889rem;
          transform: translateY(70%);
          -webkit-transform: translateY(70%);
          color: #ff5f5f; }
        .gameBag-wrap .gameBag-content .gameBag-head .gameBag-main .has-get-num {
          position: absolute;
          top: 50%;
          right: 5.60889rem;
          transform: translateY(70%);
          -webkit-transform: translateY(70%);
          color: #ff5f5f; }
        .gameBag-wrap .gameBag-content .gameBag-head .gameBag-main .has-get {
          position: absolute;
          top: 50%;
          right: 4.40889rem;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%); }
        .gameBag-wrap .gameBag-content .gameBag-head .gameBag-main img {
          height: 3.91111rem;
          width: 3.91111rem;
          position: absolute;
          top: 0;
          left: 50%;
          transform: translateX(-50%);
          -webkit-transform: translateX(-50%); }
      .gameBag-wrap .gameBag-content .gameBag-head h1 {
        position: absolute;
        bottom: 1.77778rem;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        font-size: 1.13778rem;
        color: #222;
        margin: 0; }
    .gameBag-wrap .gameBag-content .gameBag-title {
      position: relative;
      height: 2.56rem;
      width: 100%;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      font-size: 0.99556rem;
      color: #999;
      background: #eeeeee;
      line-height: 2.56rem;
      border-left: 1.06667rem solid transparent;
      border-right: 1.06667rem solid transparent; }
    .gameBag-wrap .gameBag-content .game-recommend {
      height: 11.55556rem;
      width: 100%;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      position: relative; }
      .gameBag-wrap .gameBag-content .game-recommend .game-tip {
        height: 1.6rem;
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        margin-top: 1.06667rem;
        position: relative;
        border-left: transparent solid 1.06667rem;
        border-right: transparent solid 1.06667rem; }
        .gameBag-wrap .gameBag-content .game-recommend .game-tip p {
          height: 1.6rem;
          width: 14.22222rem;
          box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          position: absolute;
          top: 0;
          left: 50%;
          transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          margin: 0;
          color: #8e8e8e;
          background-color: #eee;
          font-size: 0.85333rem;
          text-align: center;
          z-index: 2; }
        .gameBag-wrap .gameBag-content .game-recommend .game-tip span {
          display: block;
          border-bottom: 1px solid #d3d3d3;
          height: 1px;
          box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          width: 100%;
          position: absolute;
          top: 50%;
          left: 0;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%); }
      .gameBag-wrap .gameBag-content .game-recommend .game-recommend-list {
        height: 6.15111rem;
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        position: absolute;
        bottom: 1.42222rem;
        left: 0;
        border-left: transparent solid 1.06667rem;
        border-right: transparent solid 1.06667rem;
        display: flex;
        display: -webkit-flex;
        flex-direction: row; }
        .gameBag-wrap .gameBag-content .game-recommend .game-recommend-list article {
          flex: 1;
          box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          position: relative; }
          .gameBag-wrap .gameBag-content .game-recommend .game-recommend-list article img {
            position: relative;
            top: 0;
            left: 50%;
            transform: translate(-50%, 0);
            -webkit-transform: translate(-50%, 0);
            height: 3.91111rem;
            width: 3.91111rem; }
          .gameBag-wrap .gameBag-content .game-recommend .game-recommend-list article .recommend-name {
            font-size: 0.99556rem;
            color: #222;
            text-align: center;
            height: auto;
            width: 100%;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }

.gameBag-has-list,
.gameBag-not-list {
  position: relative;
  height: auto;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  background: #fff; }
  .gameBag-has-list .gameBag-has-item,
  .gameBag-has-list .gameBag-not-item,
  .gameBag-not-list .gameBag-has-item,
  .gameBag-not-list .gameBag-not-item {
    position: relative;
    height: auto;
    width: 100%;
    min-height: 7.89333rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-bottom: 1px solid #eee; }
    .gameBag-has-list .gameBag-has-item .item-wrap,
    .gameBag-has-list .gameBag-not-item .item-wrap,
    .gameBag-not-list .gameBag-has-item .item-wrap,
    .gameBag-not-list .gameBag-not-item .item-wrap {
      position: relative;
      height: auto;
      width: 100%;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      border-width: 1.77778rem 1.06667rem;
      border-color: transparent;
      border-style: solid; }
      .gameBag-has-list .gameBag-has-item .item-wrap .item-content,
      .gameBag-has-list .gameBag-not-item .item-wrap .item-content,
      .gameBag-not-list .gameBag-has-item .item-wrap .item-content,
      .gameBag-not-list .gameBag-not-item .item-wrap .item-content {
        position: relative;
        height: auto;
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        display: flex;
        display: -webkit-flex;
        flex-direction: row; }
        .gameBag-has-list .gameBag-has-item .item-wrap .item-content .img,
        .gameBag-has-list .gameBag-not-item .item-wrap .item-content .img,
        .gameBag-not-list .gameBag-has-item .item-wrap .item-content .img,
        .gameBag-not-list .gameBag-not-item .item-wrap .item-content .img {
          flex: 1;
          position: relative; }
          .gameBag-has-list .gameBag-has-item .item-wrap .item-content .img .img-in,
          .gameBag-has-list .gameBag-not-item .item-wrap .item-content .img .img-in,
          .gameBag-not-list .gameBag-has-item .item-wrap .item-content .img .img-in,
          .gameBag-not-list .gameBag-not-item .item-wrap .item-content .img .img-in {
            position: absolute;
            top: 0;
            left: 0;
            height: 2.70222rem;
            width: 2.70222rem; }
        .gameBag-has-list .gameBag-has-item .item-wrap .item-content #over,
        .gameBag-has-list .gameBag-not-item .item-wrap .item-content #over,
        .gameBag-not-list .gameBag-has-item .item-wrap .item-content #over,
        .gameBag-not-list .gameBag-not-item .item-wrap .item-content #over {
          position: absolute;
          top: -0.53333rem;
          right: -0.53333rem;
          height: 4.44444rem;
          width: 4.44444rem; }
        .gameBag-has-list .gameBag-has-item .item-wrap .item-content article,
        .gameBag-has-list .gameBag-not-item .item-wrap .item-content article,
        .gameBag-not-list .gameBag-has-item .item-wrap .item-content article,
        .gameBag-not-list .gameBag-not-item .item-wrap .item-content article {
          flex: 6;
          position: relative;
          min-height: 4.33778rem; }
          .gameBag-has-list .gameBag-has-item .item-wrap .item-content article p,
          .gameBag-has-list .gameBag-not-item .item-wrap .item-content article p,
          .gameBag-not-list .gameBag-has-item .item-wrap .item-content article p,
          .gameBag-not-list .gameBag-not-item .item-wrap .item-content article p {
            margin: 0; }
          .gameBag-has-list .gameBag-has-item .item-wrap .item-content article p:nth-child(1),
          .gameBag-has-list .gameBag-not-item .item-wrap .item-content article p:nth-child(1),
          .gameBag-not-list .gameBag-has-item .item-wrap .item-content article p:nth-child(1),
          .gameBag-not-list .gameBag-not-item .item-wrap .item-content article p:nth-child(1) {
            color: #222;
            font-size: 0.99556rem;
            position: relative;
            top: 0;
            left: 0;
            line-height: 1.13778rem; }
            .gameBag-has-list .gameBag-has-item .item-wrap .item-content article p:nth-child(1) span,
            .gameBag-has-list .gameBag-not-item .item-wrap .item-content article p:nth-child(1) span,
            .gameBag-not-list .gameBag-has-item .item-wrap .item-content article p:nth-child(1) span,
            .gameBag-not-list .gameBag-not-item .item-wrap .item-content article p:nth-child(1) span {
              font-size: 0.99556rem;
              color: #999; }
          .gameBag-has-list .gameBag-has-item .item-wrap .item-content article p:nth-child(2),
          .gameBag-has-list .gameBag-not-item .item-wrap .item-content article p:nth-child(2),
          .gameBag-not-list .gameBag-has-item .item-wrap .item-content article p:nth-child(2),
          .gameBag-not-list .gameBag-not-item .item-wrap .item-content article p:nth-child(2) {
            color: #999;
            font-size: 0.85333rem;
            position: relative;
            line-height: 0.85333rem;
            margin-top: 0.56889rem;
            margin-bottom: 0.28444rem; }
          .gameBag-has-list .gameBag-has-item .item-wrap .item-content article p:nth-child(3),
          .gameBag-has-list .gameBag-not-item .item-wrap .item-content article p:nth-child(3),
          .gameBag-not-list .gameBag-has-item .item-wrap .item-content article p:nth-child(3),
          .gameBag-not-list .gameBag-not-item .item-wrap .item-content article p:nth-child(3) {
            color: #222;
            font-size: 0.85333rem;
            margin-top: 0.28444rem;
            position: relative;
            line-height: 1.28rem;
            width: 76%;
            white-space: pre-wrap; }
        .gameBag-has-list .gameBag-has-item .item-wrap .item-content button,
        .gameBag-has-list .gameBag-not-item .item-wrap .item-content button,
        .gameBag-not-list .gameBag-has-item .item-wrap .item-content button,
        .gameBag-not-list .gameBag-not-item .item-wrap .item-content button {
          position: absolute;
          right: 0;
          bottom: -5%; }

.gameBag-has-list {
  margin-top: 0.71111rem; }
  .gameBag-has-list .gameBag-has-item .item-wrap .item-content article {
    height: auto;
    width: 89%; }
    .gameBag-has-list .gameBag-has-item .item-wrap .item-content article aside {
      height: 1.42222rem;
      width: 89%;
      position: relative; }
      .gameBag-has-list .gameBag-has-item .item-wrap .item-content article aside p {
        font-size: 0.85333rem !important;
        color: #06be77 !important;
        margin-top: 0.35556rem !important;
        line-height: 1.42222rem; }
        .gameBag-has-list .gameBag-has-item .item-wrap .item-content article aside p span {
          display: inline-block;
          background: #f8f8f8;
          padding: 0 0.85333rem;
          border-radius: 0.71111rem;
          color: #06be77 !important; }

.gameBag-has-list:nth-child(2) {
  margin-top: 0rem; }

.hot-server {
  position: relative;
  height: 4.8rem;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-bottom: 1px solid #eee; }
  .hot-server img {
    height: 2.70222rem;
    width: 2.70222rem;
    position: absolute;
    top: 50%;
    left: 1.06667rem;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%); }
  .hot-server article {
    height: 4.40889rem;
    width: 50%;
    position: absolute;
    top: 50%;
    left: 4.83556rem;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    display: flex;
    display: -webkit-flex;
    flex-direction: column; }
    .hot-server article p {
      flex: 1;
      margin: 0;
      display: flex;
      display: -webkit-flex;
      flex-direction: row;
      align-items: center; }
    .hot-server article p:nth-child(1) {
      font-size: 1.13778rem;
      color: #000000; }
      .hot-server article p:nth-child(1) span {
        font-size: 0.85333rem;
        line-height: 0.99556rem;
        color: #ff5f5f;
        border: solid #ff5f5f 1px;
        display: inline-block;
        padding: 0 0.5rem;
        border-radius: 0.92444rem; }
    .hot-server article p:nth-child(2) {
      font-size: 0.99556rem; }
