*{margin: 0;padding: 0;border: 0;list-style: none;}
a{text-decoration: none;}


body{width: 100%;min-width: 1200px;font-size: 12px;font-family: Arial, Helvetica, sans-serif;background-color: #555252;}
.wrap{position: relative;width: 100%;height: 2160px;overflow: hidden;}
.bg{position: absolute;top: 0;left: 50%;width: 1920px;margin-left: -960px;}
.bg img{display: block;width: 100%;}
.main{position: relative;width: 1200px;margin: 0 auto;}
.post{position: absolute;}
.center{position: absolute;left: 0;width: 100%;text-align: center;}
.slogan{top: 500px;}
.time{top: 590px;}
.intro{top: 630px;}
.title{top: 750px;}
.spaceBetween{display: flex;flex-wrap: wrap;justify-content: space-between;}
.gamesList{top: 750px;left: -40px;width: 1280px;}
.gamesItem{width: 356px;height: 481px;margin: 0 -20px -15px;}
.gamesImg:hover img{-webkit-transform: scale(1.05);transform: scale(1.05); -webkit-transition: all 0.35s linear; transition: all 0.35s linear;}
.gamesBtn{position: relative; width: 302px;margin: -60px auto 0;z-index: 2;}
.gamesBtn a{width: 148px;height: 65px;}
.gamesPlay{background: url(../images/play_now.png) no-repeat;}
.gamesPlay:hover{background: url(../images/play_now2.png) no-repeat;}
.gamesCode{background: url(../images/free_code.png) no-repeat;}
.gamesCode:hover{background: url(../images/free_code2.png) no-repeat;}
.part2_txt,.part2_txt2{top: 1770px;font-size: 24px;color: #fff;}
.part2_media{top: 1824px;left: 370px; width: 460px;align-items: center;}
.part2_fb{width: 78px;height: 78px; background: url(../images/facebook.png) no-repeat;}
.part2_fb:hover{background: url(../images/facebook2.png) no-repeat;}
.part2_discord{width: 90px;height: 68px; background: url(../images/discord.png) no-repeat;}
.part2_discord:hover{background: url(../images/discord2.png) no-repeat;}
.part2_youtube{width: 82px;height: 58px; background: url(../images/ytb.png) no-repeat;}
.part2_youtube:hover{background: url(../images/ytb2.png) no-repeat;}
.part2_txt2{top: 1935px;}



/*尾部*/
.bot_bg{position: absolute;top: 94.5%;left: 50%;margin-left: -960px;width: 1920px; margin-top: 1em;z-index: 0;overflow: hidden;}
.copyright{position: relative;padding:1.5em 0;width:100%;text-align:center;font-size: 133.333%;line-height: 1.5em;display:block;color: #ffffff;z-index:3;}
.copyright a{color: #ffffff;}
.copyright a:hover{ color: #91a0fd;}



  @media screen and (max-width: 1800px){
    .wrap{height: 2074px;}
    .bg,.main,.swiper_footer{ -webkit-transform:perspective(1px) scale(0.96);-moz-transform:perspective(1px) scale(0.96);-ms-transform:perspective(1px) scale(0.96);-o-transform:perspective(1px) scale(0.96);transform:perspective(1px) scale(0.96);-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
    .bg,.main,.swiper_footer{-webkit-transform-origin: center 0;-moz-transform-origin: center 0;-ms-transform-origin: center 0;-o-transform-origin: center 0;transform-origin: center 0;}
  }
  @media screen and (max-width: 1700px){
    .wrap{height: 1988px;}
    .bg,.main,.swiper_footer{-webkit-transform:perspective(1px) scale(0.92);-moz-transform:perspective(1px) scale(0.92);-ms-transform:perspective(1px) scale(0.92);-o-transform:perspective(1px) scale(0.92);transform:perspective(1px) scale(0.92);}
  }
  @media screen and (max-width: 1600px){
    .wrap{height: 1904px;}
    .bg,.main,.swiper_footer{-webkit-transform:perspective(1px) scale(0.88);-moz-transform:perspective(1px) scale(0.88);-ms-transform:perspective(1px) scale(0.88);-o-transform:perspective(1px) scale(0.88);transform:perspective(1px) scale(0.88);}
  }
  @media screen and (max-width: 1500px){
    .wrap{height: 1818px;}
    .copyright{font-size: 14px;}
    .bg,.main,.swiper_footer{-webkit-transform:perspective(1px) scale(0.84);-moz-transform:perspective(1px) scale(0.84);-ms-transform:perspective(1px) scale(0.84);-o-transform:perspective(1px) scale(0.84);transform:perspective(1px) scale(0.84);}
  }
  @media screen and (max-width: 1400px) {
    .wrap{height: 1732px;}
    .bg,.main,.swiper_footer{-webkit-transform:perspective(1px) scale(0.8);-moz-transform:perspective(1px) scale(0.8);-ms-transform:perspective(1px) scale(0.8);-o-transform:perspective(1px) scale(0.8);transform:perspective(1px) scale(0.8);}
  }