@media screen and (min-width: 1200px) {
  .check-item {
    display: none;
  }
  .game-wrapper .game {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .game-wrapper .game .game-item {
    margin: 0 1px;
  }
  .cooperation {
    width: 70%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1400px) {
  .game-wrapper .game {
    display: flex;
    flex-wrap: wrap;
  }
  .game-wrapper .game .game-item {
    margin: 0 20px;
  }
  .cooperation .cooperation-item {
    width: 60%;
    margin: 20px 80px !important;
  }
}
@media screen and (min-width: 1630px) {
  .game-wrapper .game {
    width: 60%;
    display: flex;
    flex-wrap: wrap;
  }
  .game-wrapper .game .game-item {
    margin: 0 -10px;
  }
}
@media screen and (min-width: 1750px) {
  .game-wrapper .game {
    width: 60%;
    display: flex;
    flex-wrap: wrap;
  }
  .game-wrapper .game .game-item {
    margin: 0 5px !important;
  }
}
@media screen and (min-width: 1800px) {
  .game-wrapper .game {
    width: 65%;
    display: flex;
    flex-wrap: wrap;
  }
  .game-wrapper .game .game-item {
    margin: 0 15px;
  }
}
@media screen and (max-width: 1200px) {
  .swiper-container {
    display: none;
  }
  .header {
    display: flex;
    flex-direction: column;
    background: #000;
    padding: 10px;
  }
  .header .header-item {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .header .header-item .name {
    font-size: 22px;
    color: #fff;
  }
  .header .header-item .check-item {
    border: 1px solid #a7a2a2;
    padding: 6px;
  }
  .header .header-item .check-item img {
    background: #696666;
    width: 25px;
    height: 25px;
  }
  .header .header-check {
    display: none;
    position: absolute;
    left: 40px;
    margin-top: 40px;
    width: 220px;
  }
  .header .header-check li {
    color: #8b8484;
    font-size: 16px;
    margin: 6px 0;
  }
  .service .service-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .game-wrapper .game {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .game-wrapper .game .game-item {
    margin: 0 -10px;
  }
  footer {
    overflow: hidden;
  }
  footer .footer-item {
    width: 500px !important;
    display: flex;
    flex-direction: column;
    margin-left: -55%;
    height: 120px !important;
  }
  .detail {
    width: 800px !important;
    margin: 0 auto !important;
  }
}
@media screen and (max-width: 1050px) {
  .swiper-container {
    display: none;
  }
  .game-wrapper .game {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .game-wrapper .game .game-item {
    margin: 0 50px;
  }
  .detail {
    width: 600px !important;
    margin: 0 auto !important;
  }
  .detail .btn {
    margin-left: 50% !important;
  }
}
@media screen and (max-width: 700px) {
  .cooperation {
    width: 100%;
  }
  .cooperation .cooperation-item {
    width: 200px !important;
  }
  .detail {
    width: 500px !important;
    margin: 0 auto !important;
  }
}
@media screen and (max-width: 650px) {
  .swiper-container {
    display: none;
  }
  .service {
    overflow: hidden;
  }
  .service .service-bottom-item {
    width: 100% !important;
  }
  .game-wrapper {
    overflow: hidden;
  }
  .game-wrapper .game {
    display: flex;
    flex-wrap: wrap;
  }
  .game-wrapper .game .game-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 140px;
    margin: 0 10px;
  }
}