*{margin: 0; padding: 0;border: 0;outline: none;}
a {color: #999;text-decoration: none;}
ul li {list-style: none;}


/*顶部导航*/
.gm-offical-top {position:fixed; top:0; left:0; z-index:999; width:100%; height:50px; background:#fff;}
.gm-offical-top .logo {float:left; _display:inline; width:139px; height:50px; margin-right:60px; padding-left:20px; background:url("http://r2cdn2.r2games.com/en/gamesite/topnav/images/gm_offical_top_logo.jpg") no-repeat 20px center; text-indent:-999em; overflow: hidden;}
.gm-offical-top .logo a {display:block; width:139px; height:50px;}

body{background:#091946; font-family: Arial; font-size: 12px; min-width: 1200px; padding-top: 50px;}
.wrap{position: relative;width: 100%; height: 1200px; overflow: hidden; z-index: 2;}
.bg {position: absolute;width: 1920px;left: 50%; margin-left: -960px;z-index: 0;}
.bg img{display: block;width: 100%;}
.main{ width: 1200px; margin: 0 auto; position: relative;}
.center{position: absolute;left: 0;width: 100%;text-align: center;}
.toplogo{position: absolute;top: 100px;left: 350px;}
.play{position: absolute;top: 620px;left: 50%;margin-left: -200px;width: 400px;height: 120px;background: url(../images/play.webp) no-repeat;-wbekit-animation: play 3s infinite steps(75);animation: play 3s infinite steps(75);}
.play:hover{background: url(../images/play2.webp) no-repeat;}
.part1_txt{position: absolute;left: -85px;top: 805px;padding: 17px 340px;font-family: "Arial"; font-size: 20px;color: #c69bcc;line-height: 24px;width: 1370px;height: 110px; background: url(../images/txtBg.png) no-repeat;box-sizing: border-box;}


.media{position: absolute;top: 740px;left: 500px;width: 200px;display: flex;justify-content: space-between;}
.media a{display: block; width: 53px;height: 58px;}
.fb_btn{ background: url("../images/fb.png") no-repeat;}
.discord_btn{ background: url("../images/discord.png") no-repeat;}
.fb_btn:hover{ background: url("../images/fb2.png") no-repeat;}
.discord_btn:hover{ background: url("../images/discord2.png") no-repeat;}
.ytb_btn{ background: url(../images/ytb.png) no-repeat;}
.ytb_btn:hover{ background: url(../images/ytb2.png) no-repeat;}




/*Footer*/
.footer {position: absolute;top: 91%;left: 0; height:115px; width: 100%;font-size: 12px;  text-align: center; z-index: 2;}
.footer .inner { position: relative;  width: 998px; margin: 0 auto;}
.footer .footer-hd { padding: 15px 0 0 0; line-height: 25px; color: #ffffff;}
.footer .footer-hd a{ color: #ffffff;text-decoration: none;}
.footer .footer-hd a:hover{ color: #bac6fe;}

.footer p{padding-top:15px; color: #ffffff;  font-size:12px;}
.footer .i-separation { margin:0 10px 0 10px; border-right: 1px solid #ffffff;}


@-webkit-keyframes play {
  to{
    background-position: 0 -9000px;
  }
}
@keyframes play {
  to{
    background-position: 0 -9000px;
  }
}


@media screen and (max-width: 1800px){
  .wrap{height: 1152px;}
  .bg,.mainr{ -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{-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: 1104px;}
  .bg,.main{-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: 1056px;}
  .bg,.main{-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: 1008px;}
  .footer{top:89.5%;}
  .bg,.main{-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: 960px;}
  .bg,.main{-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);}
}