*{margin: 0;padding: 0;border: 0;outline: none;list-style: none;}
a{text-decoration: none;}
a:hover{text-decoration: underline;
		-webkit-transition: all 0.25s ease;
		-o-transition: all 0.25s ease;
		transition: all 0.25s ease;}
.allclear{ clear: both;}
.post{ position: absolute;}


/*顶部导航*/
.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("../../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:#0b090d; font-family: Arial, Gotham, Helvetica Neue, Helvetica," sans-serif"; font-size: 12px; min-width: 1200px;}
.wrap{position: relative;width: 100%; height: 4850px; overflow: hidden; z-index: 2;}
.bg{position: absolute;top: 0;left: 50%;width: 1920px;margin-left: -960px;}
.bg img{display: block;width: 100%;}
.partCenter{position: absolute;left: 0;width: 100%;text-align: center;}
.main{position: relative;width: 1200px;margin: 0 auto;}
.toplogo{top: 24px; left: 180px;}
.play{position: absolute;top: 700px;left: 50%;margin-left: -220.5px; width: 441px;height: 180px;background: url(../images/play.webp) no-repeat;-webkit-animation: play 3s infinite steps(75);animation: play 3s infinite steps(75);}
.play:hover{background: url(../images/play2.webp) no-repeat;}
.botPlay{top: 4444px;}

.part1_btn{position: absolute;top: 884px;left: 0;width: 1200px;}
.btnBox{width: 100%; display: flex;justify-content: space-between;}
.btnBox a{display: block;width: 196px;height: 83px;}
.news{background: url(../images/news.png) no-repeat;}
.news:hover{background: url(../images/news2.png) no-repeat;}
.register{background: url(../images/register.png) no-repeat;}
.register:hover{background: url(../images/register2.png) no-repeat;}
.guides{background: url(../images/guides.png) no-repeat;}
.guides:hover{background: url(../images/guides2.png) no-repeat;}
.code{background: url(../images/code.png) no-repeat;}
.code:hover{background: url(../images/code2.png) no-repeat;}
.support{background: url(../images/support.png) no-repeat;}
.support:hover{background: url(../images/support2.png) no-repeat;}
.faq{background: url(../images/faq.png) no-repeat;}
.faq:hover{background: url(../images/faq2.png) no-repeat;}
.forum{background: url(../images/forum.png) no-repeat;}
.forum:hover{background: url(../images/forum2.png) no-repeat;}
.ranking{background: url(../images/ranking.png) no-repeat;}
.ranking:hover{background: url(../images/ranking2.png) no-repeat;}
.download{background: url(../images/download.png) no-repeat;}
.download:hover{background: url(../images/download2.png) no-repeat;}
.login{background: url(../images/login.png) no-repeat;}
.login:hover{background: url(../images/login2.png) no-repeat;}

.part_btn {
  position: fixed;
  top: 308px;
  left: 20px;
  width: 80px;
  z-index: 9999;
}

.part_btn a {
  display: block;
  width: 80px;
  height: 85px;
  margin-bottom: 10px;
}
.part1_fb{background: url("../images/part1_fb.png") no-repeat;}
.part1_fb:hover{background: url("../images/part1_fb2.png") no-repeat;}
.part1_ytb{background: url("../images/part1_youtube.png") no-repeat;}
.part1_ytb:hover{background: url("../images/part1_youtube2.png") no-repeat;}
.part1_discord{background: url("../images/part1_discord.png") no-repeat;}
.part1_discord:hover{background: url("../images/part1_discord2.png") no-repeat;}

.part2_title{top: 1143px;}
.part2{position: absolute;left: -130px;width: 1596px; top: 1200px; color: #ffffff;}
.part2_bg{ width: 953px; height: 953px; background: url("../images//part2/part2_bg.webp") no-repeat; position: absolute; right: 90px; top: 50px; opacity: 0.4;-webkit-animation: circle 55s infinite linear;animation: circle 55s infinite linear;}
.part2_slide{position: relative;width: 1596px;height: 1186px;overflow: hidden;}
.part2_slide .bd li{float: left; position: relative;width: 100%;height: 100%;}
.part2_slide .bd .part2_lf{position: absolute;top: 0;left: 0; z-index: 3;}
.part2_slide .bd .part2_rg{position: absolute;right: 0;top: 0; z-index: 2;}
.part2_slide .hd{position: absolute;top: 655px;left: 746px;width: 550px; z-index: 6;}
.part2_slide .hd li{position: absolute;width: 100px;height: 107px; cursor: pointer;}
.part2_slide .hd .part2_smallGoddess1:hover:after,.part2_slide .hd .part2_smallGoddess1.on:after,.part2_slide .hd .part2_smallGoddess2:hover:after,.part2_slide .hd .part2_smallGoddess2.on:after,.part2_slide .hd .part2_smallGoddess3:hover:after,.part2_slide .hd .part2_smallGoddess3.on:after,.part2_slide .hd .part2_smallGoddess4:hover:after,.part2_slide .hd .part2_smallGoddess4.on:after,.part2_slide .hd .part2_smallGoddess5:hover:after,.part2_slide .hd .part2_smallGoddess5.on:after{content: "";position: absolute; left: -10px; top: -10px; width: 120px;height: 120px;}
.part2_slide .hd .part2_smallGoddess1:hover:after,.part2_slide .hd .part2_smallGoddess1.on:after{ background: url("../images/part2/vagrant2_ico.webp") no-repeat;}
.part2_slide .hd .part2_smallGoddess2:hover:after,.part2_slide .hd .part2_smallGoddess2.on:after{ background: url("../images/part2/magician2_ico.webp") no-repeat;}
.part2_slide .hd .part2_smallGoddess3:hover:after,.part2_slide .hd .part2_smallGoddess3.on:after{ background: url("../images/part2/mercenary2_ico.webp") no-repeat;}
.part2_slide .hd .part2_smallGoddess4:hover:after,.part2_slide .hd .part2_smallGoddess4.on:after{ background: url("../images/part2/acrobat2_ico.webp") no-repeat;}
.part2_slide .hd .part2_smallGoddess5:hover:after,.part2_slide .hd .part2_smallGoddess5.on:after{ background: url("../images/part2/assist2_ico.webp") no-repeat;}
.part2_slide .hd .part2_smallGoddess1{left: 15px;top: 0; background: url("../images/part2/vagrant_ico.webp") no-repeat;}
.part2_slide .hd .part2_smallGoddess2{left: 120px;top: 0; background: url("../images/part2/magician_ico.webp") no-repeat;}
.part2_slide .hd .part2_smallGoddess3{left: 224px; top: 0; background: url("../images/part2/mercenary_ico.webp") no-repeat;}
.part2_slide .hd .part2_smallGoddess4{right: 120px;top: 0; background: url("../images/part2/acrobat_ico.webp") no-repeat;}
.part2_slide .hd .part2_smallGoddess5{right: 15px; top: 0; background: url("../images/part2/assist_ico.webp") no-repeat;}

.part2_box{ width: 713px; height: 925px; position: absolute; left: 0; top: 120px; background: url("../images/part2/part2_box.webp") no-repeat;}
.part2_icoBox,.part2_icoBox2{position: absolute;left: 106.5px;width: 500px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.part2_icoBox div,.part2_icoBox2 div{position: relative; width: 250px; height: 72px;margin-bottom: 60px;}
.part2_icoBox{ top: 210px;}
.part2_icoBox2{	top: 550px;}
.part2_title1,.part2_title2{ width: 283px; height: 40px; background: url("../images/part2/part2_title1.png") no-repeat; text-indent: 12px; position: absolute; left: 106.5px; font-size: 24px; color: #ffffff; font-weight: 400; line-height: 40px;}
.part2_title1{ top: 150px;}
.part2_title2{ top: 487px;}
.part2_name{position: absolute; right: -70px; top: -40px; color: #33211a; font-size: 18px; font-weight: bold;font-family: Arial;}
.part2_txt{position: absolute; left: 0; top: -130px; color: #33211a; font-size: 14px; font-family: Arial;line-height: 16px;}
.part2_img{position: absolute; right: 0; top: 0;}
.part2_box2{ width: 599px; height: 263px; background: url("../images/part2/part2_box2.webp") no-repeat; position: absolute; right: 280px; top: 760px; color: #33211a; font-size: 16px;}
.part2_title3{ width: 229px; height: 52px; background: url("../images/part2/part2_title2.png") no-repeat; font-size: 24px; color: #33211a; font-weight: bold; line-height: 52px; text-align: center; margin: 45px auto 5px auto;}
.part2_txt2{ width: 540px; margin: 0 auto; font-size: 16px; color: #33211a; line-height: 18px;}


.part3_title{top: 2408px; z-index: 2;}
.part3_bg1{ width: 352px; height: 461px; background: url("../images/part3/part3_bg3.webp") no-repeat; position: absolute; left: -200px; top: 2706px;}
.part3_bg2{ width: 260px; height: 449px; background: url("../images/part3/part3_bg4.webp") no-repeat; position: absolute; right: -25px; top: 2481px;}
.part3_list{position: absolute;top: 2570px;left: 325px;width: 550px;display: flex;justify-content: space-between;z-index: 2;}
.part3_list a{position: relative; display: block;width: 129px;height: 129px;z-index: 1;}
.part3_list a img:last-child,.part3_list a.on img:first-child,.part3_list a:hover img:first-child{display: none;}
.part3_list a.on img:last-child,.part3_list a:hover img:last-child{display: block;}

.part3_slide { position: relative; width: 1320px; height: 1186px; overflow: hidden; touch-action: pan-x;}
.part3_name{ width: 372px; height: 80px; line-height: 80px; background: url("../images/part3/part3_line.png") bottom no-repeat; font-size: 64px; font-weight: bolder; position: absolute; left: 0; top: 310px; color: #fff;}
.part3_txt{ position: absolute; left: 0; top: 405px; font-size: 64px; font-weight: bolder; font-size: 32px; color: #fff;}
.part3_slide .mountSwiper { width: 100%; height: 100%; touch-action: pan-x;}
.part3_slide .mountSwiper .swiper-slide { width: 100%; height: 100%;}
.part3_slide .mountSwiper .swiper-slide img { width: 861px; height: 514px; position: absolute; right: 0; top: 190px;}
.part3_slide .hd { position: absolute; top: 470px; left: 0; width: 380px; z-index: 3;}
.part3_slide .hd li { position: absolute; width: 80px; height: 100px; cursor: pointer;}
.part3_slide .hd .part3_smallGoddess1:hover:after,.part3_slide .hd .part3_smallGoddess1.on:after,.part3_slide .hd .part3_smallGoddess2:hover:after,.part3_slide .hd .part3_smallGoddess2.on:after,.part3_slide .hd .part3_smallGoddess3:hover:after,.part3_slide .hd .part3_smallGoddess3.on:after,.part3_slide .hd .part3_smallGoddess4:hover:after,.part3_slide .hd .part3_smallGoddess4.on:after,.part3_slide .hd .part3_smallGoddess5:hover:after,.part3_slide .hd .part3_smallGoddess5.on:after,.part3_slide .hd .part3_smallGoddess6:hover:after,.part3_slide .hd .part3_smallGoddess6.on:after{ content: ""; position: absolute; left: 0; bottom: -7px; width: 80px; height: 100px; border-bottom: 7px #ffffff solid;}
.part3_slide .hd .part3_smallGoddess1,.part3_slide .hd .part3_smallGoddess2,.part3_slide .hd .part3_smallGoddess3,.part3_slide .hd .part3_smallGoddess4{ top: 0;}
.part3_slide .hd .part3_smallGoddess5,.part3_slide .hd .part3_smallGoddess6{ top: 120px;}
.part3_slide .hd .part3_smallGoddess1,.part3_slide .hd .part3_smallGoddess5{ left: 0;}
.part3_slide .hd .part3_smallGoddess2,.part3_slide .hd .part3_smallGoddess6{ left: 100px;}
.part3_slide .hd .part3_smallGoddess3{ right: 100px;}
.part3_slide .hd .part3_smallGoddess4{ right: 0;}

#slideClass{position: absolute;top: 2570px;left: 0;width: 1320px;}
#slideClass .swiper-button-next::after,#slideClass .swiper-button-prev::after{display: none;}
#slideClass .swiper-button-next{right: 310px; -webkit-animation: fadeInLeft 1s ease-in-out infinite alternate;animation: fadeInLeft 1s ease-in-out infinite alternate;}
#slideClass .swiper-button-prev{left: 310px; -webkit-animation: fadeInRight 1s ease-in-out infinite alternate;animation: fadeInRight 1s ease-in-out infinite alternate;}
#slideClass .swiper-button-next,#slideClass .swiper-button-prev{width: 154px; top: 620px;}


.part4_title{ top: 3592px;}
#slideClass2{position: absolute;top: 3788px;left: 0;width: 1200px;}
#slideClass2 .swiper-slide{ width: 1054px; height: 589px;}
#slideClass2 .swiper-slide-prev img,#slideClass2 .swiper-slide-next img{opacity: 0.6;}
#slideClass2 .swiper-button-next::after,#slideClass2 .swiper-button-prev::after{display: none;}
#slideClass2 .swiper-button-next,#slideClass2 .swiper-button-prev{width: 94px; height: 80px; top: 270px;}
#slideClass2 .swiper-button-next{ background: url("../images/part4/part4_right.webp") no-repeat; right: 40px; -webkit-animation: fadeInLeft 1s ease-in-out infinite alternate;animation: fadeInLeft 1s ease-in-out infinite alternate;}
#slideClass2 .swiper-button-prev{ background: url("../images/part4/part4_left.webp") no-repeat; left: 40px; -webkit-animation: fadeInRight 1s ease-in-out infinite alternate;animation: fadeInRight 1s ease-in-out infinite alternate;}
#slideClass2 .swiper-button-next:hover{ background: url("../images/part4/part4_right2.webp") no-repeat;}
#slideClass2 .swiper-button-prev:hover{ background: url("../images/part4/part4_left2.webp") no-repeat;}


/*Footer*/
.footer {position: absolute; top: 97.3%;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;}


/*子页面 code*/
.sub_wrap{position: relative;width: 100%; background: #1e1c2d url("../images/sub/sub_bg.webp") top center no-repeat;}
.sub_wrap2{position: relative;width: 100%; background: #1e1c2d url("../images/sub/sub_bg2.webp") top center no-repeat;}
.sub_wrap3{position: relative;width: 100%; background: #1e1c2d url("../images/sub/sub_bg3.webp") top center no-repeat;}
.sub_wrap4{position: relative;width: 100%; background: #1e1c2d url("../images/sub/sub_bg4.webp") top center no-repeat;}
.sub_wrap5{position: relative;width: 100%; background: #1e1c2d url("../images/sub/sub_bg5.webp") top center no-repeat;}
.sub_main{position: relative;width: 1200px; padding-top: 555px;margin: 0 auto;}
.sub_logo{top: 36px;}
.sub_play{top: 370px;}
.sub_nav{position: relative;width: 1200px;margin: 0 auto 50px;}
.home{background: url(../images/sub/home.png) no-repeat;}
.home:hover{background: url(../images/sub/home2.png) no-repeat;}
.sub_top{ width: 1200px; height: 139px; background: url("../images/sub/main_top.webp") no-repeat; position: absolute; top: -120px; left: 0; z-index: 1;}
.sub_bot{ width: 1200px; height: 139px; background: url("../images/sub/main_bot.webp") no-repeat; position: absolute; bottom: -120px; left: 0; z-index: 1;}
.sub_content{position: relative;width: 1200px;min-height: 800px;font-size: 16px;color: #33211a;margin: 150px auto; padding: 0 60px 90px 60px;box-sizing: border-box; background: url("../images/sub/main_y.webp") repeat-y;}
.sub_content a{ width: 100%; color: #33211a;text-decoration: underline;font-family: Arial;}
.sub_content a:hover{ color: #c8a375;}
.sub_title{ width: 100%; text-align: center; margin: 10px auto; box-sizing: border-box; color: #33211a;font-weight: bold; font-size: 24px; position: relative; z-index: 2;}
.sub_date{ width: 100%; text-align: center; font-size: 12px; color: #909090; margin-top: 10px;}
.article-content #server{display: inline-block;vertical-align: middle;width: 260px;height: 24px;margin: 0 10px;}
.redeem{width: 120px;height: 43px; background: url("../images/sub/redeem.png") no-repeat;vertical-align: middle;cursor: pointer;}
.redeem:hover{background: url("../images/sub/redeem2.png") no-repeat;}
.sub_img img{display: block;max-width: 100%;margin: 0 auto; padding: 20px 0;}
.sub_bold{font-weight: bold;margin-top: 25px;line-height: 32px;}
.sub_line{ width: 100%; border-top: 1px solid #c8a375; border-bottom: 1px solid #c8a375; clear: both; margin: 20px auto 40px;}
.sub_que{color: #ffffff;line-height: 40px;font-weight: bold;}
.sub_wrap>.footer{position: relative;top: 0;left: 0;margin: 60px auto 0;}

.sub_newsbox a{ width: 100%; color: #33211a;text-decoration: none;font-family: Arial;}
.sub_newsbox a:hover{ color: #c8a375;}
.sub_news_tit,.sub_news_date{ height: 40px; line-height: 40px;}
.sub_news_tit{ width: 86%; float: left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sub_news_date{ width: 11%; float: right; text-align: center;}
.sub_news_line{ width: 100%; border-bottom: 1px dotted #c8a375; clear: both;}

.art_number{ width: 140px; height: 26px; position: absolute; left: 50%;margin-left: -69px; bottom: 20px;}
.art_number .l_number,.art_number .r_number{ width: 26px; height: 26px; cursor: pointer;}
.art_number .l_number{ float: left; background: url("../images/sub/left.png") no-repeat;}
.art_number .l_number:hover{ background: url("../images/sub/left2.png") no-repeat;}
.art_number .r_number{ float: right; background: url("../images/sub/right.png") no-repeat;}
.art_number .r_number:hover{ background: url("../images/sub/right2.png") no-repeat;}
.art_number .number_box{ width: 88px; height: 23px; float: left; text-align: center; }
.art_number .number_box a{ font-size: 15px; line-height: 26px; margin: 0 3px; cursor: pointer;color: #33231b;}
.art_number .number_box a:hover,.art_number a.current{ color: #c8a375;}

/* part2 */
@-webkit-keyframes play {
	to{
		background-position: 0 -13500px;
	}
}
@keyframes play {
	to{
		background-position: 0 -13500px;
	}
}


/* part3 */
@-webkit-keyframes pulse{0%{filter:brightness(80%)}50%{filter:brightness(120%)}100%{filter:brightness(80%)}}
@keyframes pulse{0%{filter:brightness(80%)}50%{filter:brightness(120%)}100%{filter:brightness(80%)}}
@-webkit-keyframes circle{to{-webkit-transform: rotate(360deg);}}
@keyframes circle{to{transform: rotate(360deg);}}

@-webkit-keyframes fadeInLeft {
	from {
			/*opacity: 0;*/
			-webkit-transform: translate3d(-10%, 0, 0);
			transform: translate3d(-10%, 0, 0);
	}

	to {
			/*opacity: 1;*/
			-webkit-transform: none;
			transform: none;
	}
}

@keyframes fadeInLeft {
	from {
			/*opacity: 0;*/
			-webkit-transform: translate3d(-10%, 0, 0);
			transform: translate3d(-10%, 0, 0);
	}

	to {
			/*opacity: 1;*/
			-webkit-transform: none;
			transform: none;
	}
}

@-webkit-keyframes fadeInRight {
	from {
			/*opacity: 0;*/
			-webkit-transform: translate3d(10%, 0, 0);
			transform: translate3d(10%, 0, 0);
	}

	to {
			/*opacity: 1;*/
			-webkit-transform: none;
			transform: none;
	}
}

@keyframes fadeInRight {
	from {
			/*opacity: 0;*/
			-webkit-transform: translate3d(10%, 0, 0);
			transform: translate3d(10%, 0, 0);
	}

	to {
			/*opacity: 1;*/
			-webkit-transform: none;
			transform: none;
	}
}

@media screen and (max-width: 1800px){
  .wrap{height: 4656px;}
  .bg,.main,.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,.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: 4462px;}
  .bg,.main,.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: 4268px;}
  .bg,.main,.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: 4074px;}
  .bg,.main,.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: 3880px;}
  .bg,.main,.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);}
}


/* Hide the skill content inside the left box */
.part2_slide .bd li .part2_lf .part2_box .part2_title1,
.part2_slide .bd li .part2_lf .part2_box .part2_icoBox,
.part2_slide .bd li .part2_lf .part2_box .part2_title2,
.part2_slide .bd li .part2_lf .part2_box .part2_icoBox2,
.part2_slide .bd li .part2_lf .part2_box .part2_name,
.part2_slide .bd li .part2_lf .part2_box .part2_txt {
  display: none !important;
}

/* Show registration form in the left box */
.part2_slide .bd li .part2_lf .part2_box .registration-placeholder {
  display: block !important;
  padding: 20px;
  text-align: center;
  color: #fff;
}

/* Keep the left box visible */
.part2_slide .bd .part2_lf {
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 3 !important;
}

/* Keep the right side as is */
.part2_slide .bd .part2_rg {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  z-index: 2 !important;
}

.part2_icoBox,
.part2_icoBox2,
.part2_title1,
.part2_title2 {
  display: none !important;
}

.part2_lf .part2_box {
  display: flex;
  justify-content: center;
  align-items: center;
   align-items: flex-start; 
  padding: 20px;
  box-sizing: border-box;
}

/* Iframe for registration */
.part2_lf .part2_box iframe {
  width: 100%;
  height: 700px;
  border: none;
  border-radius: 10px;
  background: #ffffff !important;  /* Force white background */
  background-image: none !important;  /* Remove any background image */
}
.part2_lf .part2_box iframe {
  overflow: hidden;
}