*{margin: 0;padding: 0;border: 0;list-style: none;}
a{text-decoration: none;-webkit-transition: all 0.45s;-ms-transition: all 0.45s;-moz-transition: all 0.45s;transition: all 0.45s;}
.allclear{ clear: both;}


body{width: 100%;min-width: 1200px;font-family: Arial;font-size: 12px; background-color: #2e4f20;}
.wrap{position: relative;width: 100%;height: 1180px;overflow: hidden;}
.bg{position: absolute;top: 0;left: 50%;width: 1920px;margin-left: -960px;z-index: 0;}
.bg img{display: block;width: 100%;}
.main{position: relative;width: 1200px;margin: 0 auto;}
.mbkLogo{position: absolute;top: 88px;left: -85px;}
.center{position: absolute;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.playnow{position: absolute;left: 50%;top: 800px;width: 340px;height: 150px;margin-left: -170px; background: url(../images/play.webp) no-repeat;animation: play 2s infinite steps(50); }
.playnow:hover{background: url(../images/play2.webp) no-repeat;}
.part1_txt{top: 674px;width: 650px;height: 150px;padding: 10px 25px; line-height: 26px;font-size: 20px;color: #f5e200; background-color: rgb(0, 0, 0,.65);border-radius: 10px;box-sizing: border-box; }



/*左侧五个按钮*/
.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;}

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


  @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);}
  }