@charset "utf-8";
html, body { height:100%;}
body{font-size:13px; color:#333333; line-height:18px; background:#ffffff; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;}
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:1000px; display:block; position:relative; overflow:hidden;}
.home_bg03 {width:100%; height:900px; display:block; background:url(../images/home_bg03.jpg) no-repeat center top; position:relative; z-index:4; overflow:hidden;}
.home_bg04 {width:100%; height:1030px; display:block; background:url(../images/home_bg04.jpg) no-repeat center top; position:relative; z-index:4; overflow:hidden;}
.home_bg05 {width:100%; height:1190px; 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:400px; height:140px; display:block; background:url(../images/home_bg03_title.png) no-repeat; background-size:100%; position:absolute; left:50%; top:40px; margin-left:-200px; z-index:5;}
.home_bg04_title {width:400px; height:140px; display:block; background:url(../images/home_bg04_title.png) no-repeat; background-size:100%; position:absolute; left:50%; top:40px; margin-left:-200px; z-index:5;}
.home_bg05_title {width:400px; height:140px; display:block; background:url(../images/home_bg05_title.png) no-repeat; background-size:100%; position:absolute; left:50%; top:40px; margin-left:-200px; z-index:5;}
.home_bg06_title {width:400px; height:140px; display:block; background:url(../images/home_bg06_title.png) no-repeat; background-size:100%; position:absolute; left:50%; top:40px; margin-left:-200px; z-index:5;}

.home_bg01:after {content: ''; width:100%; height:320px; 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:280px; height:105px; 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:-700px; z-index:9;}

.index_bg01_video {width:1920px; height:1080px; display:block; background:url(../images/indexpc_bg01.jpg) no-repeat center top; background-size:100%; position:absolute; left:50%; top:-80px; margin-left:-960px; z-index:1;}
.index_bg01_video video {width:100%; height:100%; display:block;}



.index_bg01_btn {width:300px; display:block; position:absolute; left:50%; top:765px; margin-left:-150px; z-index:6;}
.index_bg01_btn .down_yuyue {width:300px; height:120px; display:block; text-indent:-9999px; overflow:hidden; background:url(../images/home_bg01_btn.png) no-repeat; background-size:100%; cursor:pointer;}
.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:660px; margin-left:-140px; 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:220px; 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:280px; height:280px; position:absolute; left:10px; top:80px; background:url(../images/home_bg03_gift1.png) no-repeat; background-size:100%; background-size:800% 100%; -webkit-animation: bg03_gift 1s steps(8) infinite;}
.gift2 .home_bg03_gift {width:280px; height:280px; position:absolute; left:10px; top:80px; background:url(../images/home_bg03_gift2.png) no-repeat; background-size:100%;}
.gift3 .home_bg03_gift {width:280px; height:280px; position:absolute; left:10px; top:80px; background:url(../images/home_bg03_gift3.png) no-repeat; background-size:100%;}
.gift4 .home_bg03_gift {width:280px; height:280px; position:absolute; left:10px; top:80px; background:url(../images/home_bg03_gift4.png) no-repeat; background-size:100%; background-size:800% 100%; -webkit-animation: bg03_gift 1s steps(8) infinite;}
	@-webkit-keyframes bg03_gift{
     to{ background-position: -2240px 0; }
	 }
.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_text {width:660px; height:52px; display:block; background:url(../images/indexpc_bg03_text.png) no-repeat; background-size:100%; font-size:32px; line-height:52px; text-align:center; color:#f6e1b5; position:absolute; left:50%; top:210px; margin-left:-330px; z-index:5; opacity:0;}
.index_bg03_text span {  font-size:36px; line-height:52px; font-weight:bold; color:#80ffe1; padding:0 10px;}

.index_bg03_mc {width:1200px; height:600px; display:block; position:absolute; left:50%; top:280px; margin-left:-600px; z-index:4;}

.dacheng_yuyue_li {width:260px; height:600px; display:block; position:absolute; left:50%; top:0; opacity:0; z-index:3;}
.dacheng_yuyue_li.gift1 { margin-left:-600px;}
.dacheng_yuyue_li.gift2 { margin-left:-360px;}
.dacheng_yuyue_li.gift3 { margin-left:-120px;}
.dacheng_yuyue_li.gift4 { margin-left:120px;}
.dacheng_yuyue_li.gift5 { margin-left:360px;}

.dacheng_yuyue_libg {width:100%; height:100%; display:block;}
.dacheng_yuyue_libg .dacheng_yuyue_bg {width:260px; height:260px; display:block; background:url(../images/indexpc_bg03_libg.png) no-repeat; background-size:100%; position:absolute; left:0; top:10px; z-index:1;}
.dacheng_yuyue_li:hover .dacheng_yuyue_bg { -webkit-animation:rotateleft 10s linear infinite;}
.dacheng_yuyue_li.gift2 .dacheng_yuyue_bg, .dacheng_yuyue_li.gift4 .dacheng_yuyue_bg {top:80px;}
.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:hover .dacheng_yuyue_text { -webkit-animation:yuyue_text 2s linear infinite;}
@-webkit-keyframes yuyue_text{
  from {-webkit-transform: translate3d(0, 0, 0);}
  50% {-webkit-transform: translate3d(0, -2%, 0);}
  to {-webkit-transform: translate3d(0, 0, 0);}
}

.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_li.gift5 .dacheng_yuyue_gift {background:url(../images/indexpc_bg03_gift5.png) no-repeat; background-size:100%;}
.dacheng_yuyue_li.gift1 .dacheng_yuyue_text {background:url(../images/indexpc_bg03_text1.png) no-repeat; background-size:100%;}
.dacheng_yuyue_li.gift2 .dacheng_yuyue_text {background:url(../images/indexpc_bg03_text2.png) no-repeat; background-size:100%;}
.dacheng_yuyue_li.gift3 .dacheng_yuyue_text {background:url(../images/indexpc_bg03_text3.png) no-repeat; background-size:100%;}
.dacheng_yuyue_li.gift4 .dacheng_yuyue_text {background:url(../images/indexpc_bg03_text4.png) no-repeat; background-size:100%;}
.dacheng_yuyue_li.gift5 .dacheng_yuyue_text {background:url(../images/indexpc_bg03_text5.png) no-repeat; background-size:100%;}

.dacheng_yuyue_libg a {width:160px; height:80px; display:block; text-indent:-9999px; overflow:hidden; position:absolute; left:50px; top:230px; z-index:5;}
.dacheng_yuyue_li.gift2 .dacheng_yuyue_libg a, .dacheng_yuyue_li.gift4 .dacheng_yuyue_libg a {top:300px;}
.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_text {-webkit-animation:right_in 0.5s linear 0.2s forwards;}
.animated .dacheng_yuyue_li.gift1 { -webkit-animation:dacheng_yuyue_li 0.5s linear 0.4s forwards;}
.animated .dacheng_yuyue_li.gift2 { -webkit-animation:dacheng_yuyue_li 0.5s linear 0.5s forwards;}
.animated .dacheng_yuyue_li.gift3 { -webkit-animation:dacheng_yuyue_li 0.5s linear 0.6s forwards;}
.animated .dacheng_yuyue_li.gift4 { -webkit-animation:dacheng_yuyue_li 0.5s linear 0.7s forwards;}
.animated .dacheng_yuyue_li.gift5 { -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:0px;}
}


.index_bg05_mc {width:1200px; height:770px; display:block; position:absolute; left:50%; top:220px; margin-left:-600px; opacity:0;}
.animated .index_bg05_mc { -webkit-animation:big_in 0.5s linear 0.4s forwards; opacity:0;}

#certify .swiper-slide {width:450px; height:770px; display:block;}
#certify .swiper-slide img {width:450px; height:770px; position:absolute; left:0; top:0; z-index:3;}

#certify .swiper-button-prev {width:60px; height:80px; display:block; background:url(../images/indexpc_bg05_left.png) no-repeat; background-size:100%; position:absolute; left:200px; top:50%; margin-top:-40px;-webkit-animation:prevnext 2s linear infinite;}
#certify .swiper-button-next {width:60px; height:80px; display:block; background:url(../images/indexpc_bg05_right.png) no-repeat; background-size:100%; position:absolute; right:200px; top:50%; margin-top:-40px; -webkit-animation:prevnext 2s linear infinite;}
@-webkit-keyframes prevnext { 
	0%{ margin:-40px 0 0 0;}
	50%{ margin:-40px -15px 0 -15px;}
	100%{ margin:-40px 0 0 0;}
}
.swiper-slide{-webkit-filter:brightness(0.2);filter:brightness(0.2);}
.swiper-slide-prev {-webkit-filter:brightness(0.6);filter:brightness(0.6);}
.swiper-slide-next {-webkit-filter:brightness(0.6);filter:brightness(0.6);}
.swiper-slide-active {-webkit-filter:brightness(1);filter:brightness(1);}

.swiper-pagination {width:600px; height:30px; display:block; position:absolute; left:50%; top:780px; margin-left:-300px; line-height:14px; font-size:0;}
.swiper-pagination .swiper-pagination-bullet {width:30px; height:30px; background:url(../images/indexpc_bg05_icon1.png) no-repeat; background-size:100%; -moz-border-radius:0; border-radius:0; opacity:1;}
.swiper-pagination .swiper-pagination-bullet-active {width:30px; height:30px;  background:url(../images/indexpc_bg05_icon2.png) no-repeat; background-size:100%;}


.home_bg06_left { position:absolute; left:50%; top:220px; margin-left:-346px; width:340px; height:220px; overflow:hidden; display:block; background:#f5f6f7; }
.home_bg06_right { position:absolute; left:50%; top:220px; 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 big_in { 
	0%{ opacity:0; -webkit-transform: scale3d(1.4, 1.4, 1.4);}
	100%{ opacity:1; -webkit-transform: scale3d(1, 1, 1);}
}
@-webkit-keyframes small_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:360px; height:220px; display:block; background:url(../images/indexpc_win_qidaibg.png) no-repeat; background-size:100%; position:absolute; position:fixed; left:50%; top:50%; margin:-110px -180px; z-index:2;}
.home_qidaibg span {width:90%; height:100px; padding:30px 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:190px; height:50px; display:block; text-indent:-9999px; background:url(../images/indexpc_win_btn.png) no-repeat; background-size:100%; position:absolute; left:85px; top:130px; z-index:6;}


/* 信息提示 */
.home_resultsbg {width:360px; height:220px; display:block; background:url(../images/indexpc_win_qidaibg.png) no-repeat; background-size:100%; position:absolute; position:fixed; left:50%; top:50%; margin:-110px -180px; z-index:2;}
.home_resultsbg .btn_close {width:190px; height:50px; display:block; text-indent:-9999px; background:url(../images/indexpc_win_btn.png) no-repeat; background-size:100%; position:absolute; left:85px; top:140px; z-index:6;}
.home_resultsbg .title {width:90%; padding:30px 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:480px; height:280px; display:block; background:url(../images/indexpc_receive_bg.png) no-repeat; background-size:100%; position:absolute; position:fixed; left:50%; top:50%; margin:-140px -240px; z-index:2;}
.home_receive_text {width:380px; display:block; position:absolute; left:50px; top:110px; font-size:15px; line-height:30px; text-align:center; color:#333333;}
.home_receive_text a { color:#4071c5; display:block; text-decoration:underline;}
.home_receive_text a:hover { color:#3ea2ff;}
.home_receivebg .btn_close {width:190px; height:50px; display:block; text-indent:-9999px; background:url(../images/indexpc_win_btn.png) no-repeat; background-size:100%; position:absolute; left:145px; top:220px; z-index:6;}
.home_receivebg .btn_close:hover {-webkit-filter:brightness(1.1);filter:brightness(1.1);}



/* 獎品箱 */
.home_winjpxbg {width:700px; height:360px; padding:60px 70px 30px 70px; position:absolute; left:50%; top:50%; margin:-240px 0 0 -420px; background:url(../images/indexpc_jpxbg.png) no-repeat; background-size:100%; color:#333333; z-index:9;}
.home_winjpxbg:after { content:''; width:840px; height:450px; display:block; background:url(../images/indexpc_jpxbg2.png) no-repeat; background-size:100%; position:absolute; left:0; top:0; z-index:6; pointer-events: none;}
.home_winjpx_title {width:40px; height:40px; display:block;position:absolute; right:30px; top:10px; z-index:3;}
.home_winjpx_title span { display:none;}
.home_winjpx_title .close {width:40px; height:40px; 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:#e2f1f8; border-bottom:1px solid #b8b9d8; box-sizing:border-box; font-weight:bold; text-align:center;}
.home_winjpx_tt dt {width:179px; float:left; border-right:1px solid #abbed7;}
.home_winjpx_tt dd {width:520px; float:left;}
.home_winjpx_text {width:700px; height:320px; 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:#fafafc; border-bottom:1px solid #b8b9d8; box-sizing:border-box;}
.home_winjpx_text dt {width:179px; float:left; border-right:1px solid #b8b9d8; 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:700px; height:450px; display:block; background:url(../images/indexpc_login_bg.png) no-repeat; background-size:100%; position:absolute; position:fixed; left:50%; top:50%; margin:-225px 0 0 -350px; z-index:30;}
.index_loginbg:after { content:''; width:40px; height:40px; display:block; text-indent:-9999px; background:url(../images/indexpc_win_close.png) no-repeat; background-size:100%; position:absolute; right:-40px; top:10px; z-index:6;pointer-events: none;}

.index_login,.index_register {width:360px; height:320px; display:block; position:absolute; left:260px; top:80px;}
.index_login_menu {width:340px; height:40px; display:block; position:absolute; left:10px; top:0px; text-align:center; font-size:18px; line-height:36px;}
.index_login_menu a {width:160px; height:40px; float:left; margin:0 5px; 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 -40px;}
.index_login_menu a:nth-child(2) { background-position:-160px -40px;}
.index_login_menu a:first-child:hover  { background-position:0 -80px;}
.index_login_menu a:nth-child(2):hover  { background-position:-160px -80px;}
.index_login_menu a:first-child.on  { background-position:0 -0;}
.index_login_menu a:nth-child(2).on  { background-position:-160px -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:110px; top:165px;}
.index_login_button {width:220px; height:60px; 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:130px; 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:210px; height:430px; display:block; background:url(../images/home_right_bg.png) no-repeat; background-size:100%; position:absolute; left:-40px; top:-50px; z-index:1; pointer-events: none;}

.home_right_btn { width:130px; height:280px; display:block; position:absolute; left:0; top:0; z-index:3;}
.home_right_btn a {width:130px; height:34px; display:block; text-indent:-9999px; overflow:hidden; cursor:pointer; margin-top:11px;}
.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_btn a:hover {-webkit-filter:brightness(1.1);filter:brightness(1.1);}

.home_right_user {width:150px; height:60px; display:block; overflow:hidden; position:absolute; left:-10px; top:290px; z-index:5; font-size:13px; line-height:20px; color:#ac7b3f; text-align:center;}
.home_right_user a {width:60px; height:20px; display:block; margin:0 auto; background:#ac7b3f; color:#ffffff; overflow:hidden;-moz-border-radius:6px; border-radius:6px; margin-top:4px;}
.home_right_user a:hover { background:#e5a454;}
.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;}
}