#index-pg {
  font-size: 0.37333rem;
  height: 100%;
  overflow: scroll; }

.header {
  position: relative;
  display: flex;
  height: 3.78667rem;
  justify-content: center;
  align-items: center;
  color: #fff; }
  .header .logo {
    width: 3.20667rem;
    /*height: 2.14667rem; */
  }
  .header .person-wrapper {
    position: absolute;
    top: 2.13333rem;
    left: 0.26667rem; }
    .header .person-wrapper .person-icon {
      width: 1.41333rem;
      height: 1.41333rem; }
    .header .person-wrapper .menu-wrapper {
      position: absolute;
      top: 100%;
      left: -0.26667rem;
      width: 6.8rem;
      background: #fff;
      z-index: 100; }
      .header .person-wrapper .menu-wrapper .menu-list .menu-item {
        display: flex;
        align-items: center;
        padding: 0.13333rem 0.26667rem;
        border-bottom: 0.01333rem solid #666;
        color: #000; }
        .header .person-wrapper .menu-wrapper .menu-list .menu-item .icon {
          width: 0.72rem;
          height: 0.72rem;
          margin-right: 0.26667rem; }
      .header .person-wrapper .menu-wrapper .sub-btn {
        padding: 0.13333rem 0.26667rem;
        margin: 5.46667rem 1.33333rem 0.66667rem 0.26667rem;
        background: #32ccfe;
        border-radius: 0.13333rem;
        display: flex;
        align-items: center; }
        .header .person-wrapper .menu-wrapper .sub-btn .icon {
          width: 0.72rem;
          height: 0.72rem;
          margin-right: 0.26667rem; }

.category-list-outer {
  overflow-x: scroll;
  background: #32ccfe; }

.category-list {
  display: flex;
  justify-content: start;
  align-items: center; }
  .category-list .category-item {
    flex: 0 0 auto;
    padding: 0.3em 0.5em;
    color: #fff; }
    .category-list .category-item.active {
      background: #fff;
      color: #041c36; }

.game-wrapper h3 {
  color: #003366;
  font-size: 0.4rem;
  line-height: 0.93333rem;
  margin-top: 0.26667rem;
  margin-left: 0.4rem; }

.game-wrapper .game-list {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  padding: 0 0.26667rem;
  margin-top: -0.26667rem; }
  .game-wrapper .game-list .game-item {
    width: 2.85333rem;
    height: 4.48rem;
    margin-left: 0.24rem;
    margin-top: 0.26667rem;
    overflow: hidden;
    border: 0.01333rem solid #32ccfe;
    background: #fff; }
    .game-wrapper .game-list .game-item .thumb {
      width: 100%;
      height: 2.4rem;
      background: center center/cover no-repeat; }
    .game-wrapper .game-list .game-item .title {
      width: 100%;
      text-overflow: ellipsis;
      white-space: nowrap;
      height: 0.48rem;
      line-height: 0.48rem;
      overflow: hidden;
      color: #01d5fd;
      text-align: center;
      margin: 0.26667rem auto;
      padding: 0 0.3em; }
    .game-wrapper .game-list .game-item .play-btn {
      width: 2.4rem;
      border-radius: 0.13333rem;
      background: #32ccfe;
      color: #fff;
      text-align: center;
      margin: 0 auto;
      padding: 0.3em 0; }

.swiper-slide {
  width: 100%;
  height: 4.85333rem; }
  .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
    background: center center/cover no-repeat; }