@charset "utf-8";
html, body { height:100%;}
body{font-size:13px; color:#333333; line-height:18px; background:#ffffff;}
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{text-decoration:none; cursor:pointer; outline:none;star:expression(this.onFocus=this.blur()); color:#c0e8f7;}
a:hover{text-decoration:underline; color:#f7f4c0;}
.fl { float:left;}
.fr { float:right;}
.none {display:none;}


.xdd_big_user .xdd_big_userbg {background:url(../images/xdd_big_loginbg.png) no-repeat;}


.homebg {width:100%; display:block;}


.home_bg01 {width:100%; height:1080px; display:block; background:url(../images/indexpc_bg01.jpg) no-repeat center top; position:relative; overflow:hidden;}
.home_bg03 {width:100%; height:840px; display:block; background:url(../images/home_bg03.jpg) no-repeat center top; position:relative; z-index:4; overflow:hidden;}
.home_bg04 {width:100%; height:1200px; display:block; background:url(../images/home_bg04.jpg) no-repeat center top; position:relative; z-index:4; overflow:hidden;}
.home_bg05 {width:100%; height:1080px; display:block; background:url(../images/home_bg05.jpg) no-repeat center top; position:relative; z-index:4; overflow:hidden;}
.home_bg06 {width:100%; height:600px; display:block; background:url(../images/home_bg06.jpg) no-repeat center top; position:relative; z-index:4; overflow:hidden;}
.home_footer {width:100%; height:120px; display:block; background:url(../images/home_bg07.jpg) no-repeat center top; position:relative; z-index:4; overflow:hidden; color:#111111;}


.home_bg03_title {width:720px; height:200px; display:block; background:url(../images/home_bg03_title.png) no-repeat; background-size:100%; position:absolute; left:50%; top:40px; margin-left:-360px; z-index:5;}
.home_bg04_title {width:720px; height:200px; display:block; background:url(../images/home_bg04_title.png) no-repeat; background-size:100%; position:absolute; left:50%; top:40px; margin-left:-360px; z-index:5;}
.home_bg05_title {width:720px; height:200px; display:block; background:url(../images/home_bg05_title.png) no-repeat; background-size:100%; position:absolute; left:50%; top:40px; margin-left:-360px; z-index:5;}
.home_bg06_title {width:720px; height:200px; display:block; background:url(../images/home_bg06_title.png) no-repeat; background-size:100%; position:absolute; left:50%; top:40px; margin-left:-360px; z-index:5;}

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

.index_bg01_logo {width:320px; height:180px; display:block; text-indent:-9999px; overflow:hidden; background:url(../images/indexpc_bg01_logo.png) no-repeat; background-size:100%; position:absolute; left:50%; top:15px; margin-left:-800px; z-index:9;}

.index_bg01_ren {width:1200px; height:1080px; display:block; position:absolute; left:50%; top:-20px; margin-left:-240px; z-index:3;}
.index_bg01_ren1 {width:1200px; height:1080px; display:block; background:url(../images/indexpc_bg01_ren1.png) no-repeat; background-size:100%; position:absolute; left:0; top:0; z-index:3; -webkit-animation:bg01_ren1 3s linear infinite;transform-origin: center center;}
.index_bg01_ren2 {width:1200px; height:1080px; display:block; background:url(../images/indexpc_bg01_ren2.png) no-repeat; background-size:100%; position:absolute; left:0; top:0; z-index:4; -webkit-animation:bg01_ren2 3s linear infinite;transform-origin: right center;}
.index_bg01_ren3 {width:1200px; height:1080px; display:block; background:url(../images/indexpc_bg01_ren3.png) no-repeat; background-size:100%; position:absolute; left:0; top:0; z-index:5; -webkit-animation:bg01_ren2 3s linear infinite;transform-origin: left center;}

@-webkit-keyframes bg01_ren1 {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.02, 1.02, 1.02);
	transform: scale3d(1.02, 1.02, 1.02);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes bg01_ren2 {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.01, 1.01, 1.01);
	transform: scale3d(1.01, 1.01, 1.01);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.index_bg01_text {width:800px; height:500px; display:block; background:url(../images/indexpc_bg01_text.png) no-repeat; background-size:100%; position:absolute; left:50%; top:170px; margin-left:-835px; z-index:3; pointer-events: none;}
.index_bg01_text:before {content: ''; width:800px; height:500px; display:block; background:url(../images/indexpc_bg01_textgg.png) no-repeat; background-size:100% 3000%; position:absolute; left:0; top:0; -webkit-animation: bg01_text 2s steps(30) infinite; mix-blend-mode: screen; opacity:0.8;}
	@-webkit-keyframes bg01_text{
     to{
         background-position: 0 -15000px;
     }
	}
.index_bg01_yun {width:100%; height:1080px; display:block; background:url(../images/indexpc_bg01_gg.png) no-repeat center top; background-size:100%; background-size:cover; position:absolute; left:0; top:0; z-index:6;  mix-blend-mode: screen; pointer-events: none;}
.index_bg01_sun {width:760px; height:760px; display:block; background:url(../images/indexpc_bg01_sungg.gif) no-repeat; background-size:100%; position:absolute; left:50%; top:-140px; margin-left:-330px; z-index:7;transform: rotate(-30deg); mix-blend-mode: screen; pointer-events: none;}



.index_bg01 .down_yuyue {width:3.06rem; height:1.03rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/indexpc_bg01_btn5.png) no-repeat; background-size:100%; position:absolute; left:4.65rem; top:0.06rem; cursor:pointer;}
.index_bg01 .down_yuyue:before {content: ''; width:3.06rem; height:1.03rem; display:block; background:url(../images/indexpc_bg01_btn5t1.png) no-repeat; background-size:100%;}
.index_bg01_mc a:hover {-webkit-filter:brightness(1.1);filter:brightness(1.1);}

.index_bg01_btn {width:306px; display:block; position:absolute; left:50%; top:780px; margin-left:0px; z-index:6;}
.index_bg01_btn .down_yuyue {width:306px; height:103px; display:block; text-indent:-9999px; overflow:hidden; background:url(../images/indexpc_bg01_btn5.png) no-repeat; background-size:100%; cursor:pointer;}
.index_bg01_btn .down_yuyue:before {content: ''; width:306px; height:103px; display:block; background:url(../images/indexpc_bg01_btn5t1.png) no-repeat; background-size:100%;}
.index_bg01_btn a:hover {-webkit-filter:brightness(1.1);filter:brightness(1.1);}

.home_top_num {width:280px; height:100px; display:block; background:url(../images/home_top_num.png) no-repeat; position:absolute; left:50%; top:780px; margin-left:-320px; z-index:5;}
.home_top_num span { position:absolute; right:11px; top:32px; font-size:40px; line-height:50px; text-align:center; color:#FFFFFF;letter-spacing:16.5px;}
.home_top_num:after {content: ''; width:280px; height:100px; display:block; background:url(../images/home_top_num2.png) no-repeat; position:absolute; left:0; top:0; z-index:5;}


.home_bg03bg {width:1280px; height:420px; display:block; position:absolute; left:50%; top:260px; margin-left:-640px; }
.home_bg03_li {width:300px; height:420px; float:left; margin:0px 10px; position:relative;}
.home_bg03_li.gift1 {background:url(../images/home_bg03_giftbg1.png) no-repeat;}
.home_bg03_li.gift2 {background:url(../images/home_bg03_giftbg2.png) no-repeat;}
.home_bg03_li.gift3 {background:url(../images/home_bg03_giftbg3.png) no-repeat;}
.home_bg03_li.gift4 {background:url(../images/home_bg03_giftbg4.png) no-repeat;}
.home_bg03_text { font-size:16px; line-height:24px; color:#ffffff; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif; text-align:center; width:300px; position:absolute; left:0px; top:80px; z-index:4;}
.home_bg03_text span { color:#ffea7f;}
.home_bg03_btn {width:300px; display:block; position:absolute; left:0px; top:315px; z-index:6;}
.home_bg03_btn a {width:220px; height:50px; text-indent:-9999px; display:block; background:url(../images/home_btn01.png) no-repeat 0px -9999px; margin:0px auto;}
.home_bg03_btn .home_bg03_btn1 {width:220px; height:50px; text-indent:-9999px; display:block; background:url(../images/home_btn01.png) no-repeat 0px 0px; margin:0px auto; border:0px; cursor:pointer;}
.home_bg03_btn .home_bg03_btn2 {width:220px; height:50px; text-indent:-9999px; display:block; background:url(../images/home_btn01.png) no-repeat 0px -50px; margin:0px auto; border:0px; cursor:pointer;}
.home_bg03_btn .home_bg03_btn3 { background-position:0px -100px;}
.home_bg03_btn .home_bg03_btn4 { background-position:0px -150px;}
.home_bg03_btn .home_bg03_btn5 { background-position:0px -200px;}
.home_bg03_btn .home_bg03_btn6 { background-position:0px -250px;}
.home_bg03_btn .home_bg03_btn7 { background-position:0px -350px;}
.home_bg03_btn .home_bg03_btn1:hover { background-position:-220px 0px;}
.home_bg03_btn .home_bg03_btn2:hover { background-position:-220px -50px;}
.home_bg03_btn .home_bg03_btn3:hover { background-position:-220px -100px;}
.home_bg03_btn .home_bg03_btn4:hover { background-position:-220px -150px;}
.home_bg03_btn .home_bg03_btn5:hover { background-position:-220px -200px;}
.home_bg03_btn .home_bg03_btn6:hover { background-position:-220px -250px;}
.home_bg03_btn .home_bg03_btn7:hover { background-position:-220px -350px;}
.gift1 .home_bg03_gift {width:180px; height:180px; position:absolute; left:60px; top:130px; background:url(../images/home_bg03_gift1.png) no-repeat; background-size:100%;}
.gift2 .home_bg03_gift {width:180px; height:180px; position:absolute; left:60px; top:130px; background:url(../images/home_bg03_gift2.png) no-repeat; background-size:100%;}
.gift3 .home_bg03_gift {width:180px; height:180px; position:absolute; left:60px; top:130px; background:url(../images/home_bg03_gift3.png) no-repeat; background-size:100%;}
.gift4 .home_bg03_gift {width:180px; height:180px; position:absolute; left:60px; top:130px; background:url(../images/home_bg03_gift4.png) no-repeat; background-size:100%;}
.home_bg03_text2 {width:300px; position:absolute; left:0px; top:375px; font-size:13px; line-height:22px; color:#eeeeee; text-align:center; z-index:6;}
.home_bg03_text2 a { color:#9ce9ff; text-decoration:underline;}
.home_bg03_text2 a:hover { color:#9cffe0;}
.home_bg03_text2 a.home_bg03_lq {width:70px; height:22px; display:inline-block; margin-left:20px; text-indent:-9999px; background:url(../images/home_btn02.png) no-repeat 0px 0px;}
.home_bg03_text2 a.home_bg03_lq:hover { background-position:0px -22px;}
.home_bg03_text2 span { color:#ffea7f; font-weight:bold; font-size:15px;}
.home_register02 {width:300px; display:block; position:absolute; left:0px; top:175px; z-index:6;}
.home_register02 dl {width:300px; height:42px; float:left;}
.home_register02 dt {width:105px; text-align:right; float:left; font-size:13px; line-height:24px; color:#eeeeee;}
.home_login_input {width:153px; height:22px; border:1px solid #a6bfe8; margin:0px; padding:0px; font-size:13px; line-height:22px; color:#315184;}
.home_login .home_bg03_btn { top:265px;}
.home_login .home_bg03_text2 { top:320px;}
.home_login .home_bg03_text2 .fl { margin-left:45px;}
.home_login .home_bg03_text2 .fr { margin-right:45px;}
.home_login05 {width:224px; position:absolute; left:38px; top:360px; z-index:6;}
.home_login05 img {width:33px; height:33px; float:left; margin:0px 2px;}
.home_logout02 {width:260px; position:absolute; left:20px; top:120px; font-size:14px; line-height:24px; color:#315184; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif; text-align:center; z-index:5;}
.home_logout02 span {color:#b82284;}
.home_logout03 {width:220px; position:absolute; left:40px; top:375px; font-size:13px; line-height:22px; color:#ffffff; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif; z-index:6; }
.home_logout03 span { float:left; overflow:hidden; word-break:keep-all;white-space:nowrap; text-overflow: ellipsis; width:180px;}
.home_logout03 a { margin-left:0px; color:#9ce9ff; text-decoration:underline; float:right;}
.home_logout03 a:hover { color:#9cffe0;}


.index_bg03_note {width:700px; height:30px; display:block; font-size:18px; line-height:30px; text-align:center; letter-spacing:16px; color:#141212; position:absolute; left:50%; top:220px; margin-left:-350px; z-index:5; opacity:0;}

.index_bg03_text {width:400px; height:60px; display:block; font-size:24px; line-height:60px; text-align:center; color:#141212; position:absolute; left:50%; top:250px; margin-left:-200px; z-index:5; opacity:0;}
.index_bg03_text span {  font-size:38px; line-height:60px; font-weight:bold; color:#141212; padding:0 10px;}
.index_bg03_mc {width:1420px; height:820px; display:block; background:url(../images/indexpc_bg03_mc.png) no-repeat; background-size:100%; position:absolute; left:50%; top:285px; margin-left:-710px; z-index:4;}

.dacheng_yuyue_li {width:280px; height:420px; display:block; position:absolute; left:50%; opacity:0; z-index:3;}
.dacheng_yuyue_li.gift1 { top:380px; margin-left:-590px;}
.dacheng_yuyue_li.gift2 { top:380px; margin-left:-290px;}
.dacheng_yuyue_li.gift3 { top:380px; margin-left:10px;}
.dacheng_yuyue_li.gift4 { top:380px; margin-left:310px;}

.dacheng_yuyue_libg {width:100%; height:100%; display:block;}
.dacheng_yuyue_libg .dacheng_yuyue_bg {width:280px; height:420px; display:block; background:url(../images/indexpc_bg03_libg.png) no-repeat; background-size:100%; position:absolute; left:0; top:0; z-index:1;}
.dacheng_yuyue_libg:hover .dacheng_yuyue_bg {-webkit-filter:brightness(1.1);filter:brightness(1.1);}
.dacheng_yuyue_libg .dacheng_yuyue_gift {width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:2;}
.dacheng_yuyue_libg .dacheng_yuyue_text {width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:3;}

.dacheng_yuyue_li.gift1 .dacheng_yuyue_gift {background:url(../images/indexpc_bg03_gift1.png) no-repeat; background-size:100%;}
.dacheng_yuyue_li.gift2 .dacheng_yuyue_gift {background:url(../images/indexpc_bg03_gift2.png) no-repeat; background-size:100%;}
.dacheng_yuyue_li.gift3 .dacheng_yuyue_gift {background:url(../images/indexpc_bg03_gift3.png) no-repeat; background-size:100%;}
.dacheng_yuyue_li.gift4 .dacheng_yuyue_gift {background:url(../images/indexpc_bg03_gift4.png) no-repeat; background-size:100%;}
.dacheng_yuyue_libg a {width:160px; height:100px; display:block; text-indent:-9999px; overflow:hidden; position:absolute; left:60px; top:300px; z-index:5;}
.dacheng_yuyue_libg a.btn_lq { display:none;}
.dacheng_yuyue_libg a.btn_ylq {background:url(../images/indexpc_bg03_jpyff.png) no-repeat; background-size:100%; cursor:default;}
.dacheng_yuyue_libg a.btn_no { display:none;}

.animated .index_bg03_note {-webkit-animation:right_in 0.5s linear 0s forwards;}
.animated .index_bg03_text {-webkit-animation:bottom_in 0.5s linear 0.3s forwards;}
.animated .index_bg03_mc {-webkit-animation:left_in 0.6s linear 0s forwards;}
.animated .dacheng_yuyue_li.gift1 { -webkit-animation:dacheng_yuyue_li 0.5s linear 0.5s forwards;}
.animated .dacheng_yuyue_li.gift2 { -webkit-animation:dacheng_yuyue_li 0.5s linear 0.6s forwards;}
.animated .dacheng_yuyue_li.gift3 { -webkit-animation:dacheng_yuyue_li 0.5s linear 0.7s forwards;}
.animated .dacheng_yuyue_li.gift4 { -webkit-animation:dacheng_yuyue_li 0.5s linear 0.8s forwards;}
@-webkit-keyframes dacheng_yuyue_li { 
	0%{ opacity:0; margin-top:-60px;}
	100%{ opacity:1; margin-top:0;}
}


.index_bg05_mc {width:1364px; height:640px; padding:2px; display:block; position:absolute; left:50%; top:280px; margin-left:-682px; overflow:hidden; opacity:0;}
.animated .index_bg05_mc { -webkit-animation:bottom_in 0.5s linear 0s forwards;}
.index_bg05_mc li {width:66px; margin:0 4px; height:640px; float:left; overflow:hidden;}
.index_bg05_mc li {-webkit-animation:zhai 0.3s linear 0s forwards;}
.index_bg05_mc li.current {-webkit-animation:kuang 0.3s linear 0s forwards;}
@-webkit-keyframes kuang { 
	from{width:66px;}     
	to{width:1060px;}   
}
@-webkit-keyframes zhai { 
	from{width:1060px;}     
	to{width:66px;}   
}

.index_bg05_pic {width:1060px; height:640px; display:block; position:relative;}
.index_bg05_lit {width:66px; height:640px; display:block; position:absolute; left:0; top:0; z-index:3; cursor:pointer;}
.index_bg05_01 .index_bg05_lit { background:url(../images/indexpc_bg05_title1.png) no-repeat; background-size:100%;}
.index_bg05_02 .index_bg05_lit { background:url(../images/indexpc_bg05_title2.png) no-repeat; background-size:100%;}
.index_bg05_03 .index_bg05_lit { background:url(../images/indexpc_bg05_title3.png) no-repeat; background-size:100%;}
.index_bg05_04 .index_bg05_lit { background:url(../images/indexpc_bg05_title4.png) no-repeat; background-size:100%;}
.index_bg05_05 .index_bg05_lit { background:url(../images/indexpc_bg05_title5.png) no-repeat; background-size:100%;}
.index_bg05_lip {width:1060px; height:640px; display:none; position:absolute; left:0; top:0; z-index:2;}
.index_bg05_01 .index_bg05_lip { background:url(../images/indexpc_bg05_pic1.png) no-repeat; background-size:100%;}
.index_bg05_02 .index_bg05_lip { background:url(../images/indexpc_bg05_pic2.png) no-repeat; background-size:100%;}
.index_bg05_03 .index_bg05_lip { background:url(../images/indexpc_bg05_pic3.png) no-repeat; background-size:100%;}
.index_bg05_04 .index_bg05_lip { background:url(../images/indexpc_bg05_pic4.png) no-repeat; background-size:100%;}
.index_bg05_05 .index_bg05_lip { background:url(../images/indexpc_bg05_pic5.png) no-repeat; background-size:100%;}
.current .index_bg05_lit { display:none;}
.current .index_bg05_lip { display:block;}

.home_bg06_left { position:absolute; left:50%; top:250px; margin-left:-346px; width:340px; height:220px; overflow:hidden; display:block; background:#f5f6f7; }
.home_bg06_right { position:absolute; left:50%; top:250px; margin-left:6px; width:340px; height:220px; overflow:hidden; display:block; background:#f5f6f7; }
.home_bg06_right a { background:url(../images/home_btn04.png) no-repeat 0px -9999px; float:left; text-indent:-9999px;}
.home_bg06_right a.b1 {width:340px; height:80px; background-position:0px 0px;}
.home_bg06_right a.b1:hover { background-position:0px -80px;}
.home_bg06_right a.b2 {width:340px; height:40px; background-position:0px -160px; margin:5px 0px;}
.home_bg06_right a.b2:hover { background-position:0px -200px;}
.home_bg06_right a.b3 {width:60px; height:80px; background-position:0px -240px; margin:5px 0px 5px 50px;}
.home_bg06_right a.b3:hover { background-position:0px -320px;}
.home_bg06_right a.b4 {width:60px; height:80px; background-position:-60px -240px; margin:5px 30px;}
.home_bg06_right a.b4:hover { background-position:-60px -320px;}
.home_bg06_right a.b5 {width:60px; height:80px; background-position:-120px -240px; margin:5px 0px;}
.home_bg06_right a.b5:hover { background-position:-120px -320px;}



@-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 show_in { 
	0%{ opacity:0;}
	100%{ opacity: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);}
}
@-webkit-keyframes rotateleft { 
	from{-webkit-transform:rotate(0deg);}     
	to{-webkit-transform:rotate(360deg);}   
}
@-webkit-keyframes rotateright { 
	from{-webkit-transform:rotate(360deg);}     
	to{-webkit-transform:rotate(0deg);}   
}

@-webkit-keyframes animatop{
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(0, -8%, 0);
    transform: translate3d(0, -8%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes animazoon{
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}



/* 彈窗 */
.home_win_bg { _position:absolute; position:fixed; width:100%; height:100%; left:0px; top:0px; display:block; z-index:999;}
.win_close {width:100%; height:100%; display:block; text-indent:-9999px; background:url(https://www.gamexdd.com/public/images/xdd_winbg60.png) repeat; position:absolute; left:0; top:0; z-index:1;}

/* 敬請期待 */
.home_qidaibg {width:520px; height:250px; display:block; background:url(../images/indexpc_win_qidaibg.png) no-repeat; background-size:100%; position:absolute; position:fixed; left:50%; top:50%; margin:-125px -260px; z-index:2;}
.home_qidaibg span {width:66%; height:100px; padding:35px 0 0 0; display:block; margin:0 auto; font-size:20px; line-height:32px; color:#111111; text-align:center;display: flex;flex-wrap: -webkit-wrap;-webkit-align-items: center;-webkit-justify-content: center;}
.home_qidaibg .btn_close {width:240px; height:60px; display:block; text-indent:-9999px; background:url(../images/indexpc_win_btn.png) no-repeat; background-size:100%; position:absolute; left:140px; top:150px; z-index:6;}


/* 信息提示 */
.home_resultsbg {width:520px; height:250px; display:block; background:url(../images/indexpc_win_qidaibg.png) no-repeat; background-size:100%; position:absolute; position:fixed; left:50%; top:50%; margin:-125px -260px; z-index:2;}
.home_resultsbg .btn_close {width:240px; height:60px; display:block; text-indent:-9999px; background:url(../images/indexpc_win_btn.png) no-repeat; background-size:100%; position:absolute; left:140px; top:150px; z-index:6;}
.home_resultsbg .title {width:90%; padding:35px 0 0 0; margin:0 auto; font-size:24px; line-height:40px; color:#111111; text-align:center; display:block;}
.home_resultsbg .text {width:90%; padding:10px 0 0 0; margin:0 auto; font-size:16px; line-height:32px; color:#111111; text-align:center; display:block;}
.home_resultsbg .text a { text-decoration:underline; color:#ffff99; margin:0 5px; text-decoration:underline;}
.home_resultsbg .text a:hover {color:#ffff00;}


/* 領取提示 */
.home_receivebg {width:520px; height:300px; display:block; background:url(../images/indexpc_receive_bg.png) no-repeat; background-size:100%; position:absolute; position:fixed; left:50%; top:50%; margin:-160px -260px; z-index:2;}
.home_receive_text {width:380px; display:block; position:absolute; left:70px; top:110px; font-size:15px; line-height:30px; text-align:center; color:#ffffff;}
.home_receive_text a { color:#b3fbff; display:block; text-decoration:underline;}
.home_receive_text a:hover { color:#d5fdf8;}
.home_receivebg .btn_close {width:240px; height:60px; display:block; text-indent:-9999px; background:url(../images/indexpc_win_btn.png) no-repeat; background-size:100%; position:absolute; left:140px; top:200px; z-index:6;}
.home_receivebg .btn_close:hover {-webkit-filter:brightness(1.1);filter:brightness(1.1);}


/* 獎品箱 */
.home_winjpxbg {width:700px; height:360px; padding:80px 50px 30px 50px; position:absolute; left:50%; top:50%; margin:-240px 0 0 -450px; background:url(../images/indexpc_jpxbg.png) no-repeat; background-size:100%; color:#333333; z-index:9;}
.home_winjpx_title {width:60px; height:60px; display:block;position:absolute; right:-35px; top:5px; z-index:3;}
.home_winjpx_title span { display:none;}
.home_winjpx_title .close {width:60px; height:60px; display:block; text-indent:-9999px; background:url(../images/indexpc_win_close.png) no-repeat; background-size:100%; overflow:hidden;}
.home_winjpx_tt {width:700px; height:40px; display:block;}
.home_winjpx_tt dl {width:700px; height:40px; float:left; color:#333333; font-size:15px; line-height:40px; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif; background:#dda77e; border-bottom:1px solid #987452; box-sizing:border-box; font-weight:bold; text-align:center;}
.home_winjpx_tt dt {width:179px; float:left; border-right:1px solid #987452;}
.home_winjpx_tt dd {width:520px; float:left;}
.home_winjpx_text {width:700px; height:320px; background:#fffbf4; overflow-x:hidden; overflow-y:auto; display:block;}
.home_winjpx_text dl {width:700px; height:40px; float:left; font-size:13px; line-height:40px; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif; background:#fffbf4; border-bottom:1px solid #987452; box-sizing:border-box;}
.home_winjpx_text dt {width:179px; float:left; border-right:1px solid #987452; text-align:center; color:#646694;}
.home_winjpx_text dd {width:504px; float:left; color:#7d7ea0; padding-left:5px; position:relative; overflow:hidden;}
.home_winjpx_text dd a { width:70px; height:30px; background:#56668a; display:block; -moz-border-radius:6px; border-radius:6px; position:absolute; right:0; top:5px; text-align:center; line-height:30px; color:#FFFFFF;}
.home_winjpx_text dd a:hover {background:#4f7bb8; text-decoration:none;}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.home_winjpx_text::-webkit-scrollbar {width: 8px; height: 16px; background-color: #e7e7e7;}

/*定义滚动条轨道 内阴影+圆角*/
.home_winjpx_text::-webkit-scrollbar-track {background-color: #e7e7e7;}

/*定义滑块 内阴影+圆角*/
.home_winjpx_text::-webkit-scrollbar-thumb {background-color: #adc8d2;}




/* 用戶登錄 */
.index_loginbg {width:800px; height:600px; display:block; background:url(../images/indexpc_login_bg.png) no-repeat; background-size:100%; position:absolute; position:fixed; left:50%; top:50%; margin:-320px 0 0 -400px; z-index:30;}
.index_loginbg:after { content:''; width:60px; height:60px; display:block; text-indent:-9999px; background:url(../images/indexpc_win_close.png) no-repeat; background-size:100%; position:absolute; right:-60px; top:105px; z-index:6;pointer-events: none;}

.index_login,.index_register {width:360px; height:320px; display:block; position:absolute; left:405px; top:260px;}
.index_login_menu {width:340px; height:50px; display:block; position:absolute; left:10px; top:-0.05px; text-align:center; font-size:18px; line-height:36px;}
.index_login_menu a {width:170px; height:50px; float:left; margin:0 0px; background:url(../images/indexpc_login_menu.png) no-repeat; background-size:200% 300%; text-indent:-9999px; overflow:hidden;}
.index_login_menu a:first-child { background-position:0 -50px;}
.index_login_menu a:nth-child(2) { background-position:-170px -50px;}
.index_login_menu a:first-child:hover  { background-position:0 -100px;}
.index_login_menu a:nth-child(2):hover  { background-position:-170px -100px;}
.index_login_menu a:first-child.on  { background-position:0 -0;}
.index_login_menu a:nth-child(2).on  { background-position:-170px -0;}

.index_login_dl {width:340px; display:block; position:absolute; left:5px; top:60px;}
.index_login_dl dl {width:340px; height:50px; float:left;}
.index_login_dl dt {width:90px; float:left; text-align:right; font-size:16px; line-height:34px; color:#666666;}
.index_login_dl dd {width:250px; float:left;}
.index_login_input {width:236px; height:32px; display:block; background:#ffffff; border:1px solid #cccccc; margin:0; padding:0 5px; font-size:13px; line-height:32px;}
.index_login_btn { position:absolute; left:40px; top:165px;}
.index_login_button {width:280px; height:70px; display:block; text-indent:-9999px; overflow:hidden; border:0; padding:0; margin:0; cursor:pointer;}
.index_login_button:hover {-webkit-filter:brightness(1.2);filter:brightness(1.2);}
.index_login .index_login_button {background:url(../images/indexpc_login_btn1.png) no-repeat; background-size:100%;}
.index_register .index_login_button {background:url(../images/indexpc_login_btn2.png) no-repeat; background-size:100%;}
.index_register .index_login_btn {top:215px;}
.index_register .index_login_input { color:#999999;}
.index_login_other {width:380px; position:absolute; left:0; top:255px; z-index:6;}
.index_login_other a { float:left; margin:0 2px;width:114px; height:42px; text-indent:-9999px; overflow:hidden;}
.index_login_other a.login_btn_fb { background:url(https://www.gamexdd.com/public/images/login_mbtn_fb.png) no-repeat; background-size:100% 100%;}
.index_login_other a.login_btn_gg { background:url(https://www.gamexdd.com/public/images/login_mbtn_gg.png) no-repeat; background-size:100% 100%;}
.index_login_other a.login_btn_yh { background:url(https://www.gamexdd.com/public/images/login_mbtn_yh.png) no-repeat; background-size:100% 100%;}
.index_login_other a.login_btn_bh { display:none;}
.index_login_other a.login_btn_wl { display:none;}



/* 右側菜單 */
.home_right {width:146px; height:340px; display:block; position:absolute; position:fixed; right:-300px; top:50%; margin-top:-200px; z-index:40; opacity:0;}
.home_right:before {content: '';width:200px; height:420px; display:block; background:url(../images/home_right_bg.png) no-repeat; background-size:100%; position:absolute; left:-27px; top:-60px; z-index:1; pointer-events: none;}

.home_right_btn { width:146px; height:280px; display:block; position:absolute; left:0; top:0; z-index:3;}
.home_right_btn a {width:146px; height:42px; display:block; text-indent:-9999px; overflow:hidden; cursor:pointer; margin-top:3px;}
.home_right_btn a.menu1 {background:url(../images/home_right_menu1.png) no-repeat; background-size:100%;}
.home_right_btn a.menu2 {background:url(../images/home_right_menu2.png) no-repeat; background-size:100%;}
.home_right_btn a.menu3 {background:url(../images/home_right_menu3.png) no-repeat; background-size:100%;}
.home_right_btn a.menu4 {background:url(../images/home_right_menu4.png) no-repeat; background-size:100%;}
.home_right_btn a.menu5 {background:url(../images/home_right_menu5.png) no-repeat; background-size:100%;}
.home_right_btn a.btn_jpx {background:url(../images/home_right_menu6.png) no-repeat; background-size:100%;}

.home_right_user {width:150px; height:60px; display:block; overflow:hidden; position:absolute; left:0; top:280px; z-index:5; font-size:13px; line-height:20px; color:#eeeeee; text-align:center;}
.home_right_user a {width:60px; height:20px; display:block; margin:0 auto; background:#4a2b06; color:#ffffff; overflow:hidden;-moz-border-radius:6px; border-radius:6px; margin-top:4px;}
.home_right_user a:hover { background:#6e3e06; text-decoration:none;}
.home_right_user span { width:100%; display:block; word-break:keep-all;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}


.scroll_h {width:0; height:800px; display:block; overflow:hidden; position:absolute; left:0; top:-9999px;}

.home_right.ani-in { -webkit-animation:ani-in1 0.4s linear forwards;}
.home_right.ani-out { -webkit-animation:ani-out1 0.4s linear forwards;}

@-webkit-keyframes ani-in1 { 
	from{opacity:0;right:-300px;}
	to{opacity:1;right:40px;}
}
@-webkit-keyframes ani-out1 { 
	from{opacity:1;right:40px;}
	to{opacity:0;right:-300px;}
}