@charset "utf-8";
html,body{height:100%;}
body{font-family:新明細體, PMingLiU, SimSun, sans-serif;font-size:13px; line-height:25px; color:#5f0000; background:#000000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th{margin:0;padding:0;}
fieldset,img {border:0;}
ul,li,ol {list-style:none;}
select,input{vertical-align:middle;}
a{color:#5f0102; text-decoration:none; outline:none;star:expression(this.onFocus=this.blur());}
a:hover{ text-decoration: underline; color:#fe0003;}
.fl { float:left;}
.fr { float:right;}
.none {display:none;}


.ag_bg {width:100%; height:100%; min-height:800px; display:block; position:relative; overflow:hidden;}


.index_bg01 {width:100%; height:10.8rem; display:block; margin-top:-0.2rem; position:relative; overflow:hidden;}
.index_bg01_logo {width:3.4rem; height:1.4rem; display:block; background:url(../images/indexpc_logo.png) no-repeat; background-size:100%; position:absolute; left:50%; top:0.44rem; margin-left:-7.5rem; z-index:9;}
.index_bg01_bg {width:19.2rem; height:10.8rem; display:block; background:url(../images/indexpc_bg01.jpg) no-repeat; background-size:100%; position:absolute; left:50%; top:0; margin-left:-9.6rem; z-index:1;}
.index_bg01_bg2 {width:19.2rem; height:10.8rem; display:block; background:url(../images/indexpc_bg01_bg.png) no-repeat; background-size:100%; position:absolute; left:50%; top:0; margin-left:-9.6rem; z-index:6;}
.index_bg01_bg3 {width:19.2rem; height:10.8rem; display:block; position:absolute; left:50%; top:0; margin-left:-9.6rem; z-index:10;-webkit-animation: bg01_bg3 4s step-end infinite;}
	@-webkit-keyframes bg01_bg3{
		0%{ background:url(../images/indexpc_bg01_xian1.png) no-repeat; background-size:100%;}
		50%{ background:url(../images/indexpc_bg01_xian2.png) no-repeat; background-size:100%;}
	}
@-webkit-keyframes bg01_bg4 { 
	0%{ -webkit-transform: scale3d(1, 1, 1);}
	50%{ -webkit-transform: scale3d(1.2, 1.2, 1.2);}
	100%{ -webkit-transform: scale3d(1, 1, 1);}
}
.index_bg01_ren1 {width:10rem; height:10.8rem; display:block; position:absolute; left:4.76rem; top:0rem; z-index:9;}
.index_bg01_ren2 {width:6.4rem; height:9rem; display:block; position:absolute; left:9.51rem; top:1.26rem; z-index:8;}
.index_bg01_ren3 {width:4rem; height:8rem; display:block; position:absolute; left:2.92rem; top:2.28rem; z-index:8;}
.index_bg01_ren4 {width:2.5rem; height:5.8rem; display:block; position:absolute; left:5.39rem; top:1.75rem; z-index:5;}
.index_bg01_ren5 {width:3.4rem; height:4.8rem; display:block; position:absolute; left:14.87rem; top:0.54rem; z-index:5;opacity:0.3;mix-blend-mode: luminosity;}
.index_bg01_ren6 {width:6.4rem; height:7.4rem; display:block; position:absolute; left:-1.7rem; top:2.49rem; z-index:4;opacity:0.25;mix-blend-mode: luminosity;}
.index_bg01_ren7 {width:5rem; height:8.1rem; display:block; position:absolute; left:3.76rem; top:-0.12rem; z-index:3;opacity:0.2;mix-blend-mode: luminosity;}
.index_bg01_ren8 {width:2.9rem; height:4.8rem; display:block; position:absolute; left:10.36rem; top:-0.15rem; z-index:2;opacity:0.25;mix-blend-mode: luminosity;}
.index_bg01_ren9 {width:2.8rem; height:4.8rem; display:block; position:absolute; left:13.08rem; top:0.3rem; z-index:2;opacity:0.25;mix-blend-mode: luminosity;}
.index_bg01_ren0 {width:3.6rem; height:6.8rem; display:block; position:absolute; left:15.4rem; top:4rem; z-index:7;opacity:0.5;mix-blend-mode: luminosity;}

.index_bg01_ren1:before { content:''; width:100%; height:100%; display:block; background:url(../images/indexpc_bg01_ren1.png) no-repeat; background-size:100%;opacity:0; -webkit-animation:small_in 0.5s linear 0s forwards;}
.index_bg01_ren2:before { content:''; width:100%; height:100%; display:block; background:url(../images/indexpc_bg01_ren2.png) no-repeat; background-size:100%;opacity:0; -webkit-animation:left_in 0.5s linear 0.5s forwards;}
.index_bg01_ren3:before { content:''; width:100%; height:100%; display:block; background:url(../images/indexpc_bg01_ren3.png) no-repeat; background-size:100%;opacity:0; -webkit-animation:right_in 0.5s linear 0.3s forwards;}
.index_bg01_ren4:before { content:''; width:100%; height:100%; display:block; background:url(../images/indexpc_bg01_ren4.png) no-repeat; background-size:100%;opacity:0; -webkit-animation:bottom_in 0.5s linear 0.6s forwards;}
.index_bg01_ren5:before { content:''; width:100%; height:100%; display:block; background:url(../images/indexpc_bg01_ren5.png) no-repeat; background-size:100%;opacity:0; -webkit-animation:bottom_in 0.5s linear 0.9s forwards;}
.index_bg01_ren6:before { content:''; width:100%; height:100%; display:block; background:url(../images/indexpc_bg01_ren6.png) no-repeat; background-size:100%;opacity:0; -webkit-animation:left_in 0.5s linear 0.2s forwards;}
.index_bg01_ren7:before { content:''; width:100%; height:100%; display:block; background:url(../images/indexpc_bg01_ren7.png) no-repeat; background-size:100%;opacity:0; -webkit-animation:big_in 0.5s linear 0.6s forwards;}
.index_bg01_ren8:before { content:''; width:100%; height:100%; display:block; background:url(../images/indexpc_bg01_ren8.png) no-repeat; background-size:100%;opacity:0; -webkit-animation:big_in 0.5s linear 0.4s forwards;}
.index_bg01_ren9:before { content:''; width:100%; height:100%; display:block; background:url(../images/indexpc_bg01_ren9.png) no-repeat; background-size:100%;opacity:0; -webkit-animation:big_in 0.5s linear 0.6s forwards;}
.index_bg01_ren0:before { content:''; width:100%; height:100%; display:block; background:url(../images/indexpc_bg01_ren0.png) no-repeat; background-size:100%;opacity:0; -webkit-animation:right_in 0.5s linear 0.2s forwards;}

.index_bg01_text1 {width:11.4rem; height:2rem; display:block; background:url(../images/indexpc_bg01_text1.png) no-repeat; background-size:100%; position:absolute; left:50%; top:5.4rem; margin-left:-5.7rem; z-index:11;opacity:0; -webkit-animation:bottom_in 0.5s linear 0.5s forwards;}
.index_bg01_text1:before { content:'';width:11.4rem; height:2rem; display:block; background:url(../images/indexpc_bg01_text11.png) no-repeat; background-size:100% 5000%; position:absolute; left:0; top:0; z-index:12; -webkit-animation: bg01_text1 3s steps(50) infinite;}
	@-webkit-keyframes bg01_text1{
     to{ background-position: 0 -100rem;}
	}
.index_bg01_text1:after { content:'';width:11.4rem; height:2rem; display:block; background:url(../images/indexpc_bg01_text12.png) no-repeat; background-size:100% 100%; position:absolute; left:0; top:0; z-index:13;}
.index_bg01_text2 {width:6rem; height:0.7rem; display:block; background:url(../images/indexpc_bg01_text2.png) no-repeat; background-size:100%; position:absolute; left:50%; top:7.2rem; margin-left:-3rem; z-index:11;opacity:0; -webkit-animation:left_in 0.5s linear 0.7s forwards;}


.index_bg01:after {content: ''; width:100%; height:4.4rem; display:block; background:url(../images/indexpc_bg01_bottom.png) no-repeat center bottom; background-size:100%; background-size:cover; position:absolute; left:0; bottom:0rem; z-index:10; pointer-events: none;}

.index_bg01_mc {width:10.4rem; height:1.6rem; display:block; position:absolute; left:50%; top:7.8rem; margin-left:-5.2rem; z-index:12;opacity:0; -webkit-animation:bottom_in 0.5s linear 0.8s forwards;}
.index_bg01_mc .down_179wd {width:2.8rem; height:1.06rem; display:none; text-indent:-999rem; overflow:hidden; background:url(../images/indexpc_bg01_btn9.png) no-repeat; background-size:100%; position:absolute; left:1.8rem; top:0.2rem; cursor:pointer; z-index:4;}
.index_bg01_mc .down_play {width:3.1rem; height:1.06rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/indexpc_bg01_btn7.png) no-repeat; background-size:100%; position:absolute; left:3.55rem; top:0.2rem; cursor:pointer; z-index:4;}

.index_bg01_mc a:hover {-webkit-filter:brightness(1.2);filter:brightness(1.2);}


@-webkit-keyframes small_in { 
	0%{ opacity:0; -webkit-transform: scale3d(1.4, 1.4, 1.4);}
	100%{ opacity:1; -webkit-transform: scale3d(1, 1, 1);}
}
@-webkit-keyframes big_in { 
	0%{ opacity:0; -webkit-transform: scale3d(0.7, 0.7, 0.7);}
	100%{ opacity:1; -webkit-transform: scale3d(1, 1, 1);}
}
@-webkit-keyframes left_in { 
	from {opacity:0; -webkit-transform: translate3d(-50%, 0, 0);}
	to {opacity:1; -webkit-transform: translate3d(0, 0, 0);}
}
@-webkit-keyframes right_in { 
	from {opacity:0; -webkit-transform: translate3d(50%, 0, 0);}
	to {opacity:1; -webkit-transform: translate3d(0%, 0, 0);}
}
@-webkit-keyframes top_in { 
	from {opacity:0; -webkit-transform: translate3d(0, -20%, 0);}
	to {opacity:1; -webkit-transform: translate3d(0, 0, 0);}
}
@-webkit-keyframes bottom_in { 
	from {opacity:0; -webkit-transform: translate3d(0, 20%, 0);}
	to {opacity:1; -webkit-transform: translate3d(0, 0, 0);}
}











.ag_reg_black {width:100%; height:100%; background:#000000; display:none; opacity:0.7; z-index:49; position:absolute; left:0; top:0;}
.ag_regbg {width:760px; height:560px; display:none; background:url(../images/ag11_regbg.png) no-repeat; position:absolute; left:50%; top:60%; margin:-280px -380px; z-index:52; opacity:0;}
.ag_regcloser {width:30px; height:30px; display:block; background:url(../images/ag11_regclose.png) no-repeat; text-indent:-9999px; position:absolute; right:1px; top:35px; z-index:51;}

.reg_mc {width:460px; display:block; position:absolute; left:280px; top:110px; z-index:20; height:380px;}
.reg_mc01 {width:380px; position:absolute; left:60px; top:85px;}
.reg_mc02 {width:380px; position:absolute; left:60px; top:135px;}
.reg_mc03 {width:380px; position:absolute; left:60px; top:185px;}
.reg_mc04 { display:none;}
.reg_mc05 {width:280px; position:absolute; left:160px; top:235px;}
.reg_mc06 {width:350px; position:absolute; left:62px; top:20px; text-align:center;}
.reg_mc06:before {content: ''; width:170px; height:50px; float:left; background:url(../images/ag11_regmenu.png) no-repeat 0px 0px; cursor:pointer;}
.reg_mc06 a {width:170px; height:50px; float:left; margin-left:10px; background:url(../images/ag11_regmenu.png) no-repeat -170px -50px; text-indent:-9999px;}
.reg_mc06 a:hover { background-position:-170px -100px;}
.reg_mc07 {width:280px; position:absolute; left:160px; top:185px;}
.reg_mc08 {width:350px; position:absolute; left:62px; top:20px; text-align:center;}
.reg_mc08:after {content: ''; width:170px; height:50px; float:left; margin-left:10px; background:url(../images/ag11_regmenu.png) no-repeat -170px 0px; cursor:pointer;}
.reg_mc08 a {width:170px; height:50px; float:left; background:url(../images/ag11_regmenu.png) no-repeat 0px -50px; text-indent:-9999px;}
.reg_mc08 a:hover { background-position:-0px -100px;}
.reg_mc09 { float:left; font-size:16px; line-height:30px; color:#cccccc; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif; display:none;}
.reg_mc font { float:left; font-size:16px; line-height:28px; color:#333333; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif; width:85px;}
.reg_mc .tips {width:0; height:0; float:right; position:absolute; right:8px; top:8px; pointer-events: none; }
.reg_mc span { display:none; width:280px; text-align:right; font-size:13px; line-height:18px; color:#999999; float:right; padding-top:22px; position:absolute; right:0; top:0; text-indent:0;}
.reg_mc span.error {width:280px; display:block; background:url(https://www.gamexdd.com/public/images/icon_ad_error.png) no-repeat right 0px; color:#CC0000;}
.reg_mc span.right {width:16px; display:block; background:url(https://www.gamexdd.com/public/images/icon_ad_right.png) no-repeat right 0px; color:#009900; height:0px; overflow:hidden;}
.reg_input01 {width:255px; padding:0px 5px; height:28px; border:1px solid #cccccc; background:#f8f8f8; font-size:13px; line-height:28px; color:#999999; display:block;}
.reg_input02 {width:220px; height:64px; text-indent:-9999px; display:block; background: url(../images/ag11_regbtn.png) no-repeat; border:0px; cursor:pointer; overflow:hidden; -moz-border-radius:6px; border-radius:6px; }
.reg_input02:hover {-webkit-filter:brightness(1.2);filter:brightness(1.2);}
.reg_input03 {width:220px; height:64px; text-indent:-9999px; display:block; background: url(../images/ag11_regbtn.png) no-repeat; border:0px; cursor:pointer; overflow:hidden;-moz-border-radius:6px; border-radius:6px; }
.reg_input03:hover {-webkit-filter:brightness(1.2);filter:brightness(1.2);}
.reg_mc_other {width:400px; height:50px; display:block; position:absolute; left:40px; top:320px; text-align:center;}
.reg_mc_other a { float:left; margin:0px 4px;width:125px; height:46px; text-indent:-9999px;}
.reg_mc_other a.reg_btn_fb { background:url(https://www.gamexdd.com/public/images/login_mbtn_fb.png) no-repeat; -webkit-background-size:100% 100%; background-size:100% 100%;}
.reg_mc_other a.reg_btn_gg { background:url(https://www.gamexdd.com/public/images/login_mbtn_gg.png) no-repeat; -webkit-background-size:100% 100%; background-size:100% 100%;}
.reg_mc_other a.reg_btn_yh { background:url(https://www.gamexdd.com/public/images/login_mbtn_yh.png) no-repeat; -webkit-background-size:100% 100%; background-size:100% 100%;}