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




body{width: 100%;min-width: 1200px;background-color: #1f1544;font-family: Arial;font-size: 12px;}
.wrap{position: relative;width: 100%;height: 1180px;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;}
.box{top: 70px;left: -41.5px;width: 1283px;height: 709px; background: url(../images/box.webp) no-repeat;}
.logo{top: 65px;left: 0;width: 100%;text-align: center;}
.preRegister{top: 636px;left: 50%; width: 299px;height: 72px;background: url(../images/pre_play.png) no-repeat;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.preRegister:hover{background: url(../images/pre_play2.png) no-repeat;}
.intro{top: 760px;left: 120px;width: 960px;color: #fff;font-size: 16px;font-weight: bold;font-family: Arial; text-transform: uppercase;}


#slideStore{ width: 815px; height: 428px; position: absolute; top: 196px; left: 186px; overflow: hidden; z-index: 2;}
#slideStore .swiper-slide{ width: 815px;height: 428px; box-sizing: border-box;}
#slideStore .swiper-slide img{display: block;width: 100%;}
.swiper-button-prev,.swiper-button-next{position: absolute;top: 420px;width: 37px;height: 41px;z-index: 2;background: url(../images/arrow.png) no-repeat;}
.swiper-button-prev:after,.swiper-button-next:after{ display: none;}
.swiper-button-prev{left: 130px;-webkit-transform: scaleX(-1);transform: scaleX(-1);}
.swiper-button-next{right: 140px;}
.swiper-button-prev:hover,.swiper-button-next:hover{background: url(../images/arrow2.png) no-repeat;}
 #slideStore .swiper-slide-prev,#slideStore .swiper-slide-next{opacity: 0.6 !important;}


/*左侧五个按钮*/
.part1_bar{ width: 100px; height: 370px; position: absolute; left: -55px; top: 35%; z-index: 5;}
.part1_bar:hover{ left: 0;}
.part1_fb,.part1_discord,.part1_ytb,.gotop,.part1_forum{position: absolute;left: 25px; width: 60px;height: 60px;background: url(../images/sidebar.webp) no-repeat; -webkit-transition: none; transition: none;}
.gotop{ top: 0; background-position: -10px -10px;}
.gotop:hover{ background-position: -90px -10px;}
.part1_fb{top: 65px; background-position: -10px -80px;}
.part1_fb:hover{background-position: -90px -80px;}
.part1_ytb{top: 130px; background-position: -10px -150px;}
.part1_ytb:hover{background-position: -90px -150px;}
.part1_discord{top: 195px; background-position: -10px -220px;}
.part1_discord:hover{background-position: -90px -220px;}
.part1_forum{top: 260px;background-position: -10px -290px;}
.part1_forum:hover{background-position: -90px -290px;}



/*底部信息*/
.swiper_footer{position: absolute;top: 91.5%;left: 50%;margin-left: -960px; width: 1920px;height: 100px;background:#4e505b; z-index: 5;}
.copyright{position: relative;margin: 20px auto 0; width:1200px; text-align:center; line-height:20px; display:block;font-size: 16px; color: #e0e1e5;}
.copyright a{ color: #e0e1e5;}
.copyright a:hover{ color: #FFFFFF;}


/*点击弹出窗 兼容IE  --------------*/
.mask{display: none; width: 100%; height: 100%; background: #000; opacity: .7;filter:alpha(opacity=70); position: fixed; left: 0; top: 0; z-index:99;}
.pop{display: none;width: 28em; height: 40em;z-index:99;background: #11121c;
  margin-left:-14em!important;margin-top:-15.2em!important;
  left:50%;/*FF IE7*/
  top:40%;/*FF IE7*/
  margin-top:0px;
  position:fixed!important;/*FF IE7*/
  position:absolute;/*IE6*/
  _top:       expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/}
.pop_close{position: absolute;top: 1.125em;right: -2.2em;width: 1.75em;height: 1.75em;cursor: pointer; background: url("../images/pop_close.png") no-repeat;background-size: 100% 100%;}
.pop_close:hover{background: url("../images/pop_close2.png") no-repeat;background-size: 100% 100%;-webkit-transform: rotate(-180deg);transform: rotate(-180deg);-webkit-transition: all 0.35s;transition: all 0.35s;}
.pop_logBox{position: relative;width: 100%;height: 4em;background-color: #1f203a;}
.pop_preRegisterImg{width: 24.1667em;height:18.1667em; margin: 0.5em auto;}
.pop_preRegisterImg img{display: block;width: 100%; border-radius: 5px;}
.pop_preBd{width: 21em;margin: 1em auto 1em;color: #ffffff;font-size: 1.1667em;line-height: 1.7em;}
.pop_preName{color: #978eff;font-weight: bold;}
.pop_learnMore{display: block; width: 11.5em;height: 2.5em;line-height:2.2em; margin: 0 auto;text-align: center;font-weight: bold;color: #fff;border: 0.1667em solid #5346e7;box-sizing: border-box; }

#pop_preRegister_tips{height: 18em;
  margin-top:-6.9em!important;}




  @media screen and (max-width: 1800px){
    .wrap{height: 1133px;}
    .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: 1086px;}
    .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: 1039px;}
    .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: 992px;}
    .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: 945px;}
    .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);}
  }