body {
  /* background-color: #ffffffdd; */
  background: linear-gradient(#28dee3, #ce90ff);
  /* animation: gradientAnimation 5s ease infinite; */
  color: #333;

  font-family: "PT Mono", monospace;

  /* background: linear-gradient(125deg, #FFFFFF 0%, #000000 100%), linear-gradient(200deg, #FFD9E8 0%, #FFD9E8 50%, #DE95BA calc(50% + 1px), #DE95BA 60%, #7F4A88 calc(60% + 1px), #7F4A88 75%, #4A266A calc(75% + 1px), #4A266A 100%), linear-gradient(113deg, #FFD9E8 0%, #FFD9E8 40%, #DE95BA calc(40% + 1px), #DE95BA 50%, #7F4A88 calc(50% + 1px), #7F4A88 70%, #4A266A calc(70% + 1px), #4A266A 100%);
background-blend-mode: overlay, overlay, normal; */
}

/* @keyframes gradientAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
} */

a {
  color: #333;
  text-decoration: none;
  -webkit-text-decoration: none;
}

a:hover {
  color: #333;
  text-decoration: none;
}

.card {
  background-color: transparent !important;
}

.top-navbar {
  display: flex;
  height: 40px;
  flex-direction: row;
  align-items: center;
  background-color: #062d43;
}

.nav-drop {
  padding-left: 10px;
  padding-top: 0;
  padding-bottom: 0;
}

.nav-img {
  width: 18px;
  margin-bottom: 3px;
}

.bi-list {
  color: #f9faff;
  font-weight: bold;
  width: 18px;
  height: 18px;
}
.bi-justify {
  color: #f9faff;
  font-weight: bold;
  width: 18px;
  height: 18px;
}

.elselogo {
  margin-left: 10px;
  font-size: 18px;
  font-weight: bold;
}

.logo-a {
  color: #f9faff;
}

.logo-a:hover {
  color: #cecfd5;
}

.gameinfo-main {
  margin-bottom: 20px;
}

.gameinfo-grid {
  display: grid;
  grid-template-rows: repeat(auto-fill, 96px);
  grid-gap: 15px 15px;
  grid-auto-flow: dense;
  justify-content: center;
  margin: 16px auto 0px;
  padding: 0px;
  list-style-type: none;
  --gridTemplateColumns: 3;
  grid-template-columns: repeat(var(--gridTemplateColumns), 96px);
}

.game-center {
  grid-area: igc / igc / igc / igc;
  display: flex;
  justify-content: center;
  /* background: linear-gradient(to right, #ffe6fd, #c0ffd7); */
  /* background-color: #42677b; */

  /* height: 80vh; */
}

.game-center iframe {
  /* border: 2px solid #cecfd5; */
  height: auto;
  width: 100%;
  /* margin-left: 5px; */
  /* margin-right: 5px; */
  padding: 0 15px;
}

.grid-item {
  border-radius: 5px;
  display: flex;
  justify-content: center;
  /* background-color: #ffffffdd; */
}

.card img {
  border-radius: 5px;
}

.text-overlay {
  display: none;
  /* position: absolute;
  bottom: 0;
  width: 100%;
  height: 0;
  background-color: #a8dba8;
  color: #fff;
  text-align: center;
  transition: height 0.6s, opacity 1s;
  overflow: hidden;
  pointer-events: none;
  border-radius: 0 0 5px 5px; */
}

/* .card:hover .text-overlay {
  font-weight: bold;
  height: auto;
  opacity: 0.8;
} */

/* .footer {
  display: flex;
  flex-direction: column;
  background-color: #cff09e;
  box-shadow: 0px -5px 20px #79bd9a;
  height: auto;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  margin-top: 10px;
  opacity: 0.7;
} */

.game-center-2 {
  display: none;
}

.footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding: 10px 10px;
  /* padding-left: 10px; */
  /* padding-right: 10px; */
  background-color: #f5f5f5;
}

.footer-logo {
  margin-top: 0.6rem;
  color: #111;
  font-family: "Roboto", sans-serif;
}

.footer-ban {
  margin-top: 0.6rem;
  margin-bottom: 0.6rem;
  color: #111;
  font-family: "Roboto", sans-serif;
}

.footer-content {
  display: flex;
  text-align: right;
  margin-bottom: 0.6rem;
}

.footer-sm {
  display: none;
}

.content-item:not(:last-child) {
  margin-right: 0.8rem;
}

.content-item {
  font-weight: bold;
  color: #111;
  font-family: "Roboto", sans-serif;
}
.content-item:hover {
  color: #cecfd5;
}

.cookie-container {
  width: 100%;
}

.cookie {
  position: fixed;
  bottom: 0;
  left: 0;
  /* display: flex; */
  /* justify-content: center; */
  width: 100%;
  font-family: "Roboto", sans-serif;
}

.cookie-1 {
  opacity: 0.975;
  animation-duration: 0.8s;
  animation-name: fadeIn;
  background-color: #fff;
  color: #595d63;
  padding: 16px;
  box-sizing: border-box;
  box-shadow: 1px -1px 5px #595d6344;
  /* border-radius: 12px; */
  /* box-shadow: 0 4px #aab1ba; */
  /* border: 2px solid #aab1ba; */
}

.cookie-1-t {
  line-height: 1.6;
  font-size: 14px;
  letter-spacing: -0.25px;
  font-weight: 500;
  text-align: center;
  flex: 1 1 0;
}

.cookie-1-b {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.f2-title1 {
  margin: 0;
  font-size: 16px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.f2-link {
  font-weight: bold;
}

.cookie-btn {
  background: #0058a3;
  border: 2px solid #03427a;
  color: #ffffff;
  border-radius: 20px;
  padding: 8px 24px;
  outline: 0;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.75px;
}

@media (max-width: 576px) {
  .grid-item {
    transition: width 0.5s;
  }

  .grid-item.expanded {
    width: 100%;
  }

  .start-button-container {
    bottom: 20px;
    opacity: 1;
  }

  .text-overlay {
    display: none;
  }

  .footer {
    display: none;
    font-size: 15px;
    flex-direction: column;
    justify-content: center;
  }

  .footer-ban {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .footer-sm {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 15px;
    font-family: "Roboto", sans-serif;
    background-color: #f5f5f5;
  }

  .footer-ban-sm {
    display: flex;
    flex-direction: row;
    margin-top: 0.8rem;
  }

  .ban-sm {
    margin-right: 0.8rem;
  }

  .content-item-sm {
    font-weight: bold;
  }

  .content-item-sm:not(:last-child) {
    margin-right: 0.8rem;
  }
}

#ad {
  margin: 5px;
  border-radius: 5px;
  /* position: relative; */
  /* background-color: #e6e6e6; */
}

#ad2 {
  margin: 5px;
  border-radius: 5px;
  /* position: relative; */
  /* background-color: #e6e6e6; */
}

#ad3 {
  margin: 5px;
  border-radius: 5px;
  /* position: relative; */
  /* background-color: #e6e6e6; */
}

.adsbygoogle {
  z-index: 2;
}

.ad-info {
  display: none;
  /* z-index: 1;
  position: absolute;
  top: 50%;
  left: 20%; */
}

.img-item {
  width: 100%;
  /* box-shadow: -1px 2px 6px 1px #eee; */
  box-shadow: 0px 0px 20px rgba(66, 66, 66, 0.2);
}

.game-center2-info {
  display: none;
}

@media screen and (min-width: 1280px) {
  /* .gameinfo-content {
    --gridTemplateColumns: 12;
    grid-template-areas:
      " h8  h8 ad3 ad3 igc igc igc igc ad1 ad1 bg2 bg2"
      "bg3 bg3 ad3 ad3 igc igc igc igc ad1 ad1 bg2 bg2"
      "bg3 bg3  h7  h7 igc igc igc igc  h9  h9 bg2 bg2"
      "bg3 bg3 h10 h10 igc igc igc igc bg4 bg4 h11 h11"
      "h12 h12 bg5 bg5 igc igc igc igc bg4 bg4 bg1 bg1 "
      "bg6 bg6 bg5 bg5 h15 h15 h13 h13 bg4 bg4 bg1 bg1"
      "bg6 bg6 bg5 bg5 h16 h16 h14 h14 h18 h18 bg1 bg1"
      "bg6 bg6 ad2 ad2 ad2 ad2 ad2 ad2 ad2 ad2 h17 h17";
  } */

  /* .gameinfo-content {
    --gridTemplateColumns: 12;
    grid-template-areas:
      " h4  h4  .  ad3 igc igc igc igc ad1  .   h9  h9"
      " h5  h5  .  ad3 igc igc igc igc ad1  .  bg2 bg2"
      "bg1 bg1  .  ad3 igc igc igc igc ad1  .  bg2 bg2"
      "bg1 bg1  .  ad3 igc igc igc igc ad1  .  bg2 bg2"
      "bg1 bg1  .  ad3 igc igc igc igc ad1  .   h7  h7"
      "bg3 bg3  .  ad3 igc igc igc igc ad1  .   h6  h6"
      "bg3 bg3 h10 h10  .   .   .   .   h8  h8  .   . "
      "bg3 bg3 ad2 ad2 ad2 ad2 ad2 ad2 ad2 ad2 h11 h11";
  } */

  .gameinfo-content {
    --gridTemplateColumns: 12;
    grid-template-areas:
      " h4  h4 ad3 ad3 igc igc igc igc ad1 ad1  h9  h9"
      " h5  h5 ad3 ad3 igc igc igc igc ad1 ad1 bg2 bg2"
      "bg1 bg1 ad3 ad3 igc igc igc igc ad1 ad1 bg2 bg2"
      "bg1 bg1 ad3 ad3 igc igc igc igc ad1 ad1 bg2 bg2"
      "bg1 bg1 ad3 ad3 igc igc igc igc ad1 ad1  h7  h7"
      "bg3 bg3 ad3 ad3 igc igc igc igc ad1 ad1  h6  h6"
      "bg3 bg3 h10 h10  .   .   .   .   h8  h8  .   . "
      "bg3 bg3 ad2 ad2 ad2 ad2 ad2 ad2 ad2 ad2 h11 h11";
  }

  /* .gameinfo-content {
    --gridTemplateColumns: 12;
    grid-template-areas:
      "ad3 ad3 ad3  .  igc igc igc igc  h6  h6  h9  h9"
      "ad3 ad3 ad3  .  igc igc igc igc  .   .  bg2 bg2"
      "bg1 bg1  h4  h4 igc igc igc igc  h8  h8 bg2 bg2"
      "bg1 bg1  h5  h5 igc igc igc igc  .   .  bg2 bg2"
      "bg1 bg1  .   .  igc igc igc igc  h7  h7  .   . "
      "bg3 bg3  .   .  igc igc igc igc ad1 ad1 ad1  . "
      "bg3 bg3 h10 h10  .   .   .   .  ad1 ad1 ad1  . "
      "bg3 bg3 ad2 ad2 ad2 ad2 ad2 ad2 ad2 ad2 h11 h11";
  } */

  /* .gameinfo-content {
    --gridTemplateColumns: 12;
    grid-template-areas:
      "ad3 ad3 ad3  .  igc igc igc igc  h6  h6  h9  h9"
      "ad3 ad3 ad3  .  igc igc igc igc ad1 ad1 ad1  . "
      "bg1 bg1  h4  h4 igc igc igc igc ad1 ad1 ad1  . "
      "bg1 bg1  h5  h5 igc igc igc igc  .   .  bg2 bg2"
      "bg1 bg1  .   .  igc igc igc igc  h7  h7 bg2 bg2"
      "bg3 bg3  .   .  igc igc igc igc  h8  h8 bg2 bg2"
      "bg3 bg3 h10 h10  .   .   .   .   .   .   .   . "
      "bg3 bg3 ad2 ad2 ad2 ad2 ad2 ad2 ad2 ad2 h11 h11";
  } */

  @-webkit-keyframes buzz {
    50% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }

    100% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
  }

  @keyframes buzz {
    50% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }

    100% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
  }

  /* .card:hover,
  .card:focus,
  .card:active {
    -webkit-animation-name: buzz;
    animation-name: buzz;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
  } */

  #ad {
    grid-area: ad1 / ad1 / ad1 / ad1;
    display: flex;
    justify-content: center;
  }

  #ad2 {
    grid-area: ad2 / ad2 / ad2 / ad2;
    display: flex;
    justify-content: center;
  }

  #ad3 {
    grid-area: ad3 / ad3 / ad3 / ad3;
    display: flex;
    justify-content: center;
  }
  /* #ad4 {
    grid-area: ad4 / ad4 / ad4 / ad4;
    display: flex;
    justify-content: center;
  } */

  #adgoogle1 {
    /* width: 96px;
    height: 641px; */
    /* width: 308px;
    height: 197px; */
    width: 197px;
    height: 702px;
  }

  #adgoogle2 {
    /* width: 864px;
    height: 85px; */
    width: 863px;
    height: 86px;
  }

  #adgoogle3 {
    /* width: 96px;
    height: 641px; */
    /* width: 308px; */
    /* height: 197px; */
    width: 197px;
    height: 702px;
  }

  .big-game1 {
    grid-area: bg1 / bg1 / bg1 / bg1;
  }

  .big-game2 {
    grid-area: bg2 / bg2 / bg2 / bg2;
  }
  .big-game3 {
    grid-area: bg3 / bg3 / bg3 / bg3;
  }

  .banner169-3 {
    grid-area: h3 / h3 / h3 / h3;
  }
  .banner169-4 {
    grid-area: h4 / h4 / h4 / h4;
  }
  .banner169-5 {
    grid-area: h5 / h5 / h5 / h5;
  }
  .banner169-6 {
    grid-area: h6 / h6 / h6 / h6;
  }
  .banner169-7 {
    grid-area: h7 / h7 / h7 / h7;
  }
  .banner169-8 {
    grid-area: h8 / h8 / h8 / h8;
  }
  .banner169-9 {
    grid-area: h9 / h9 / h9 / h9;
  }
  .banner169-10 {
    grid-area: h10 / h10 / h10 / h10;
  }

  /* .big-game3 {
    grid-area: bg3 / bg3 / bg3 / bg3;
  }

  .big-game4 {
    grid-area: bg4 / bg4 / bg4 / bg4;
  }

  .big-game5 {
    grid-area: bg5 / bg5 / bg5 / bg5;
  }

  .big-game6 {
    grid-area: bg6 / bg6 / bg6 / bg6;
  } */

  /* .banner169-7 {
    grid-area: h7 / h7 / h7 / h7;
  }
  .banner169-8 {
    grid-area: h8 / h8 / h8 / h8;
  }
  .banner169-9 {
    grid-area: h9 / h9 / h9 / h9;
  }
  .banner169-10 {
    grid-area: h10 / h10 / h10 / h10;
  }
  .banner169-11 {
    grid-area: h11 / h11 / h11 / h11;
  }
  .banner169-11 {
    grid-area: h11 / h11 / h11 / h11;
  }
  .banner169-12 {
    grid-area: h12 / h12 / h12 / h12;
  }
  .banner169-13 {
    grid-area: h13 / h13 / h13 / h13;
  }
  .banner169-14 {
    grid-area: h14 / h14 / h14 / h14;
  }
  .banner169-15 {
    grid-area: h15 / h15 / h15 / h15;
  }
  .banner169-16 {
    grid-area: h16 / h16 / h16 / h16;
  }
  .banner169-17 {
    grid-area: h17 / h17 / h17 / h17;
  }
  .banner169-18 {
    grid-area: h18 / h18 / h18 / h18;
  } */

  .pugame {
    display: none;
  }

  #xxxl {
    display: contents;
  }

  #xxl {
    display: none;
  }

  #xl {
    display: none;
  }

  #l {
    display: none;
  }

  #s {
    display: none;
  }
}

@media screen and (min-width: 996px) and (max-width: 1279px) {
  /* .gameinfo-content {
    --gridTemplateColumns: 10;
    grid-template-areas:
      "ad3 ad3 igc igc igc igc bg2 bg2  h7  h7 "
      "ad3 ad3 igc igc igc igc bg2 bg2  h8  h8"
      "bg1 bg1 igc igc igc igc bg2 bg2  h9  h9"
      "bg1 bg1 igc igc igc igc ad1 ad1 h10 h10"
      "bg1 bg1 igc igc igc igc ad1 ad1 bg0 bg0 "
      " h3  h3 igc igc igc igc  h5  h5 bg0 bg0"
      " h4  h4 ad2 ad2 ad2 ad2  h6  h6 bg0 bg0";
  } */
  .gameinfo-content {
    --gridTemplateColumns: 8;
    grid-template-areas:
      "ad3 ad3 igc igc igc igc  h2  h2 "
      "ad3 ad3 igc igc igc igc ad1 ad1"
      "ad3 ad3 igc igc igc igc ad1 ad1"
      "ad3 ad3 igc igc igc igc ad1 ad1"
      " h1  h1 igc igc igc igc ad1 ad1"
      " h3  h3 igc igc igc igc  h5  h5"
      " h4  h4 ad2 ad2 ad2 ad2  h6  h6";
  }

  #ad {
    grid-area: ad1 / ad1 / ad1 / ad1;
    display: flex;
    justify-content: center;
  }

  #ad2 {
    grid-area: ad2 / ad2 / ad2 / ad2;
    display: flex;
    justify-content: center;
  }

  #ad3 {
    grid-area: ad3 / ad3 / ad3 / ad3;
    display: flex;
    justify-content: center;
  }

  .banner169-1 {
    grid-area: h1 / h1 / h1 / h1;
  }
  .banner169-2 {
    grid-area: h2 / h2 / h2 / h2;
  }
  .banner169-3 {
    grid-area: h3 / h3 / h3 / h3;
  }
  .banner169-4 {
    grid-area: h4 / h4 / h4 / h4;
  }
  .banner169-5 {
    grid-area: h5 / h5 / h5 / h5;
  }
  .banner169-6 {
    grid-area: h6 / h6 / h6 / h6;
  }
  /* .banner169-7 {
    grid-area: h7 / h7 / h7 / h7;
  }
  .banner169-8 {
    grid-area: h8 / h8 / h8 / h8;
  }
  .banner169-9 {
    grid-area: h9 / h9 / h9 / h9;
  }
  .banner169-10 {
    grid-area: h10 / h10 / h10 / h10;
  } */

  #adgoogle1 {
    /* width: 196px;
    height: 186px; */
    /* width: 197px;
    height: 212px; */
    /* width: 100%;
    height: auto; */
    width: 207px;
    height: 450px;
  }

  #adgoogle2 {
    /* width: 384px;
    height: 106px; */
    /* width: 419px;
    height: 106px; */
    /* width: 100%;
    height: auto; */
    height: 384px;
    height: 92px;
  }

  #adgoogle3 {
    /* width: 196px;
    height: 186px; */
    /* width: 197px;
    height: 212px; */
    /* width: 100%;
    height: auto; */
    width: 207px;
    height: 450px;
  }

  /* .big-game0 {
    grid-area: bg0 / bg0 / bg0 / bg0;
  } */

  /* .big-game1 {
    grid-area: bg1 / bg1 / bg1 / bg1;
  }

  .big-game2 {
    grid-area: bg2 / bg2 / bg2 / bg2;
  } */

  .pugame {
    /* grid-area: pu1 / pu1 / pu1 / pu1;
    display: flex;
    justify-content: center; */
    display: none;
  }

  #xxxl {
    display: none;
  }

  #xxl {
    display: contents;
  }

  #xl {
    display: none;
  }

  #l {
    display: none;
  }

  #s {
    display: none;
  }
}

@media screen and (min-width: 752px) and (max-width: 995px) {
  .gameinfo-content {
    --gridTemplateColumns: 7;
    grid-template-areas:
      " h1  h1 igc igc igc igc  . "
      " h2  h2 igc igc igc igc  . "
      "ad1 ad1 igc igc igc igc  . "
      "ad1 ad1 igc igc igc igc  . "
      " h3  h3 igc igc igc igc  . "
      " h4  h4 igc igc igc igc  . "
      " h5  h5 ad3 ad3 ad3  h7  h7"
      " h6  h6 ad2 ad2 ad2  h8  h8";
  }

  #ad {
    grid-area: ad1 / ad1 / ad1 / ad1;
    display: flex;
    justify-content: center;
  }

  #ad2 {
    grid-area: ad2 / ad2 / ad2 / ad2;
    display: flex;
    justify-content: center;
    /* display: none; */
  }

  #ad3 {
    grid-area: ad3 / ad3 / ad3 / ad3;
    display: flex;
    justify-content: center;
  }

  #adgoogle1 {
    width: 196px;
    height: 186px;
  }

  #adgoogle2 {
    width: 98px;
    height: 186px;
  }

  #adgoogle3 {
    width: 324px;
    height: 86px;
  }

  .banner169-1 {
    grid-area: h1 / h1 / h1 / h1;
  }
  .banner169-2 {
    grid-area: h2 / h2 / h2 / h2;
  }
  .banner169-3 {
    grid-area: h3 / h3 / h3 / h3;
  }
  .banner169-4 {
    grid-area: h4 / h4 / h4 / h4;
  }
  .banner169-5 {
    grid-area: h5 / h5 / h5 / h5;
  }
  .banner169-6 {
    grid-area: h6 / h6 / h6 / h6;
  }
  .banner169-7 {
    grid-area: h7 / h7 / h7 / h7;
  }
  .banner169-8 {
    grid-area: h8 / h8 / h8 / h8;
  }
  /* .banner169-9 {
    grid-area: h9 / h9 / h9 / h9;
  } */

  .pugame {
    display: none;
  }

  #xxxl {
    display: none;
  }

  #xxl {
    display: none;
  }

  #xl {
    display: contents;
  }

  #l {
    display: none;
  }

  #s {
    display: none;
  }
}

@media screen and (min-width: 576px) and (max-width: 751px) {
  .gameinfo-content {
    --gridTemplateColumns: 5;
    grid-template-areas:
      " .  igc igc igc igc"
      " .  igc igc igc igc"
      " .  igc igc igc igc"
      " .  igc igc igc igc"
      " .  igc igc igc igc"
      " .  igc igc igc igc"
      "ad1 ad1 ad1 ad1 ad1";
  }

  #ad {
    grid-area: ad1 / ad1 / ad1 / ad1;
    display: flex;
    justify-content: center;
  }

  #ad2 {
    /* grid-area: ad2 / ad2 / ad2 / ad2;
                display: flex;
                justify-content: center; */
    display: none;
  }

  #ad3 {
    display: none;
  }

  #adgoogle1 {
    width: 532px;
    height: 86px;
  }

  #adgoogle2 {
    width: 0px;
    height: 0px;
  }

  #adgoogle3 {
    width: 0px;
    height: 0px;
  }

  .pugame {
    display: none;
  }

  #xxxl {
    display: none;
  }

  #xxl {
    display: none;
  }

  #xl {
    display: none;
  }

  #l {
    display: contents;
  }

  #s {
    display: none;
  }
}

@media screen and (max-width: 575px) {
  .gameinfo-content {
    --gridTemplateColumns: 3;
    grid-template-areas:
      "inf inf inf"
      "igc igc igc"
      "igc igc igc"
      "igc igc igc"
      "igc igc igc"
      "igc igc igc"
      "igc igc igc"
      "ad1 ad1 ad1"
      " .   .   . "
      " .   .   . "
      " .   .   . ";
  }

  .gameinfo-grid {
    grid-gap: 10px 10px;
    grid-template-rows: repeat(auto-fill, 106px);
    grid-template-columns: repeat(var(--gridTemplateColumns), 106px);
  }

  /* .gameinfo-grid {
  display: grid;
  grid-template-rows: repeat(auto-fill, 96px);
  grid-gap: 15px 15px;
  grid-auto-flow: dense;
  justify-content: center;
  margin: 16px auto 0px;
  padding: 0px;
  list-style-type: none;
  --gridTemplateColumns: 3;
  grid-template-columns: repeat(var(--gridTemplateColumns), 96px);
} */

  .game-center2-item {
    width: 100%;
  }

  #ad {
    grid-area: ad1 / ad1 / ad1 / ad1;
    display: flex;
    justify-content: center;
  }

  #ad2 {
    display: none;
  }

  #ad3 {
    display: none;
  }

  #adgoogle1 {
    width: 322px;
    height: 86px;
  }

  #adgoogle2 {
    width: 0px;
    height: 0px;
  }

  #adgoogle3 {
    width: 0px;
    height: 0px;
  }

  .game-center {
    /* grid-area: igc / igc / igc / igc;
    display: flex;
    justify-content: center;
    height: 90vh; */
    display: none;
  }

  .game-center-2 {
    grid-area: igc / igc / igc / igc;
    display: flex;
    justify-content: center;
    /* display: none; */
  }

  .game-center2-item-a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
  }

  .game-center2-item-a::after {
    content: "";
    position: absolute;
    z-index: 1;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: 100%;
    border-radius: 16px;
    background: linear-gradient(rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.3) 100%);
  }

  .float-content {
    position: absolute;
    z-index: 3;
    top: 40%;
    left: 40%;
    border-radius: 100px;
    background-color: rgba(255, 255, 255, 0.75);
    height: 81px;
    width: 81px;
    padding: 14px;
  }

  .bi-caret-right {
    color: rgb(27, 107, 225);
    width: 52px;
    height: 52px;
  }

  .game-center2-info {
    display: flex;
    grid-area: inf / inf / inf / inf;
    flex-direction: column;
    border-radius: 15px;
    /* align-items: center; */
    /* text-align: left; */
  }

  .game-info-title {
    padding: 8px 0 3px 15px;
    font-size: 20px;
    font-weight: bold;
    color: #062d43;
    font-family: "Changa", sans-serif;
  }

  .game-info-info {
    padding: 3px 0 8px 15px;
    font-size: 14px;
    color: #42677b;
    font-family: "Changa", sans-serif;
    font-weight: bold;
  }

  .img-center {
    width: 100%;
  }

  .pugame {
    display: none;
  }

  #xxxl {
    display: none;
  }

  #xxl {
    display: none;
  }

  #xl {
    display: none;
  }

  #l {
    display: none;
  }

  #s {
    display: contents;
  }

  .start-game-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    /* 在这里添加其他样式规则，如宽度、高度等 */
  }
}