@charset "utf-8";

html{overflow-y:scroll;}
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:#333333; text-decoration:none; outline:none;star:expression(this.onFocus=this.blur());}
a:hover{ text-decoration: underline;}
.fl { float:left;}
.fr { float:right;}
.none {display:none;}
body, html {width:100%; font-family: "Microsoft YaHei","Helvetica Neue",Arial, HelveticaNeue, Helvetica, "BBAlpha Sans", sans-serif;font-weight: normal;display: -webkit-box;-webkit-box-orient: vertical; -webkit-box-align: center;}

/* *{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;} 用于解决某些情况下出现闪屏的问题，若无则不加*/
body{opacity: 1;-webkit-transition:opacity 500ms ease-in;transition:opacity 500ms ease-in; }
html{ font-size: 625%; } 
@media screen and (max-width:359px) and (orientation:portrait) {
    html { font-size: 266.67%; } 
}
@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait) {
    html { font-size: 300%; } 
}
@media screen and (min-width:375px) and (max-width:399px) and (orientation:portrait) {
    html { font-size: 312.5%; } 
}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait) {
    html { font-size: 333.33%; } 
}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){
    html { font-size: 345%; }
}
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){
    html { font-size:360%; }
}
@media screen and (min-width:480px)and (max-width:639px) and (orientation:portrait){
    html { font-size:400%;}
} 
@media screen and (min-width:640px)and (max-width:719px) and (orientation:portrait){
    html { font-size:533.33%;}
} 
@media screen and (min-width:720px)and (max-width:749px) and (orientation:portrait){
    html { font-size:600%;}
} 
@media screen and (min-width:720px)and (max-width:1024px) and (orientation:portrait){
    html { font-size:625%;}
} 
@media screen and (min-width:1025px) and (orientation:portrait){
    html { font-size:625%;}
}


.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; background:url(../images/indexpc_bg01.jpg) no-repeat center top; position:relative; overflow:hidden;}
.home_bg03 {width:100%; height:900px; display:block; background:url(../images/home_bg02.jpg) no-repeat center top; position:relative; z-index:4; overflow:hidden;}
.index_bg03 {width:100%; height:1080px; display:block; background:url(../images/home_bg03.jpg) no-repeat center top; background-size:100%; background-size:cover; position:relative; overflow:hidden;}
.index_bg04 {width:100%; height:1080px; display:block; background:url(../images/home_bg04.jpg) no-repeat center top; background-size:100%; background-size:cover; position:relative;}
.index_bg06 {width:100%; height:1080px; display:block; background:url(../images/home_bg05.jpg) no-repeat center top; background-size:100%; background-size:cover; position:relative; overflow:hidden;}
.index_bg07 {width:100%; height:560px; display:block; background:url(../images/home_bg06.jpg) no-repeat center top; position:relative; z-index:4; overflow:hidden;}
.index_bg08 {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:9.2rem; height:1.6rem; display:block; background:url(../images/indexpc_bg02_title.png) no-repeat; background-size:100%; position:absolute; left:50%; top:0.4rem; margin-left:-4.6rem; z-index:3;}
.index_bg03_title {width:9.2rem; height:1.6rem; display:block; background:url(../images/indexpc_bg03_title.png) no-repeat; background-size:100%; position:absolute; left:50%; top:0.9rem; margin-left:-4.6rem; z-index:3;}
.index_bg04_title {width:9.2rem; height:1.6rem; display:block; background:url(../images/indexpc_bg04_title.png) no-repeat; background-size:100%; position:absolute; left:50%; top:0.4rem; margin-left:-4.6rem; z-index:3;}
.index_bg05_title {width:9.2rem; height:1.6rem; display:block; background:url(../images/indexpc_bg05_title.png) no-repeat; background-size:100%; position:absolute; left:50%; top:0.4rem; margin-left:-4.6rem; z-index:3;}
.index_bg06_title {width:9.2rem; height:1.6rem; display:block; background:url(../images/indexpc_bg06_title.png) no-repeat; background-size:100%; position:absolute; left:50%; top:1rem; margin-left:-4.6rem; z-index:3;}
.index_bg07_title {width:9.2rem; height:1.6rem; display:block; background:url(../images/indexpc_bg07_title.png) no-repeat; background-size:100%; position:absolute; left:50%; top:0.6rem; margin-left:-4.6rem; z-index:3;}



.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:3.4rem; height:1.2rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/indexpc_logo.png) no-repeat; background-size:100%; position:absolute; left:0.2rem; top:0.15rem; 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:280px; display:block; position:absolute; left:50%; top:800px; margin-left:-140px; z-index:6;}
.index_bg01_btn .down_yuyue {width:280px; height:108px; 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:680px; 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:240px; 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_bg02_giftbg1.png) no-repeat;}
.home_bg03_li.gift2 {background:url(../images/home_bg02_giftbg2.png) no-repeat;}
.home_bg03_li.gift3 {background:url(../images/home_bg02_giftbg3.png) no-repeat;}
.home_bg03_li.gift4 {background:url(../images/home_bg02_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_bg02_gift1.png) no-repeat; background-size:100%;}
.gift2 .home_bg03_gift {width:280px; height:280px; position:absolute; left:10px; top:80px; background:url(../images/home_bg02_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_bg02_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_bg02_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_text {width:6rem; height:0.3rem; font-size:0.15rem; line-height:0.3rem; color:#FFFFFF; text-align:center; letter-spacing:0.08rem; display:block; position:absolute; left:50%; top:2.3rem; margin-left:-3rem;}
.index_bg03_mc {width:13rem; height:8rem; display:block; position:absolute; left:50%; top:2.8rem; margin-left:-6.5rem;}

.index_bg03_text1 {width:4.2rem; height:3.6rem; display:block; background:url(../images/indexpc_bg03_text1.png) no-repeat; background-size:100%; position:absolute; left:1.3rem; top:1.02rem; z-index:6; opacity:0;}
.index_bg03_text2 {width:4.2rem; height:3.6rem; display:block; background:url(../images/indexpc_bg03_text2.png) no-repeat; background-size:100%; position:absolute; left:1.3rem; top:1.02rem; z-index:6; opacity:0;}
.index_bg03_text3 {width:3.4rem; height:1.5rem; display:block; background:url(../images/indexpc_bg03_text3.png) no-repeat; background-size:100%; position:absolute; left:1.55rem; top:5.28rem; z-index:6; opacity:0;}
.index_bg03_text4 {width:3rem; height:2.6rem; display:block; background:url(../images/indexpc_bg03_text4.png) no-repeat; background-size:100%; position:absolute; left:8.45rem; top:4.9rem; z-index:6; opacity:0;}
.index_bg03_ren {width:2.8rem; height:8rem; display:block; background:url(../images/indexpc_bg03_ren.png) no-repeat; background-size:100%; position:absolute; left:9.98rem; top:0rem; z-index:5; opacity:0;}
.index_bg03_coin {width:13rem; height:8rem; display:block; background:url(../images/indexpc_bg03_coin.png) no-repeat; background-size:100%; position:absolute; left:0rem; top:0rem; z-index:4; opacity:0;}
.index_bg03_mobile {width:3.4rem; height:6.2rem; display:block; background:url(../images/indexpc_bg03_mobile.png) no-repeat; background-size:100%; position:absolute; left:5.64rem; top:1.06rem; z-index:3; opacity:0;}
.animated .index_bg03_text1 { -webkit-animation:big_in 0.4s linear 0.2s forwards;}
.animated .index_bg03_text2 { -webkit-animation:big_in 0.4s linear 0.5s forwards;}
.animated .index_bg03_text3 { -webkit-animation:big_in 0.4s linear 0.8s forwards;}
.animated .index_bg03_text4 { -webkit-animation:big_in 0.4s linear 0.8s forwards;}
.animated .index_bg03_ren { -webkit-animation:right_in 0.4s linear 0.4s forwards;}
.animated .index_bg03_coin { -webkit-animation:hide_in 0.5s linear 0.6s forwards;}
.animated .index_bg03_mobile { -webkit-animation:small_in 0.4s linear 0.1s forwards;}



.index_bg04_text {width:6.6rem; height:0.52rem; display:block; font-size:0.32rem; line-height:0.52rem; text-align:center; color:#333333; position:absolute; left:50%; top:2.1rem; margin-left:-3.3rem; z-index:5; opacity:0;}
.index_bg04_text span {  font-size:0.36rem; line-height:0.52rem; font-weight:bold; color:#cb0000; padding:0 0.1rem;}

.index_bg04_ren {width:5.4rem; height:7.2rem; display:block; background:url(../images/indexpc_bg04_ren.png) no-repeat; background-size:100%; position:absolute; left:50%; top:3.25rem; margin-left:-6.4rem; z-index:3; opacity:0;}
.index_bg04_yun {width:10rem; height:4.6rem; display:block; background:url(../images/indexpc_bg04_yun.png) no-repeat; background-size:100%; position:absolute; left:50%; top:8rem; margin-left:-9.6rem; z-index:4;}

.index_bg04_mc {width:7rem; height:7.2rem; display:block; position:absolute; left:50%; top:2.9rem; margin-left:-1.05rem; z-index:4;}

.dacheng_yuyue_li {width:6rem; height:1.6rem; display:block; position:absolute; left:0; top:0; opacity:0; z-index:3;}
.dacheng_yuyue_li.gift1 {left:0rem; top:0rem;}
.dacheng_yuyue_li.gift2 {left:1rem; top:1.4rem;}
.dacheng_yuyue_li.gift3 {left:0rem; top:2.8rem;}
.dacheng_yuyue_li.gift4 {left:1rem; top:4.2rem;}
.dacheng_yuyue_li.gift5 {left:0rem; top:5.6rem;}

.dacheng_yuyue_libg {width:100%; height:100%; display:block;}
.dacheng_yuyue_libg .dacheng_yuyue_bg { display:none;}
.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 { display:none;}
.dacheng_yuyue_li.gift1 .dacheng_yuyue_gift {background:url(../images/indexpc_bg04_gift1.png) no-repeat; background-size:100%;}
.dacheng_yuyue_li.gift2 .dacheng_yuyue_gift {background:url(../images/indexpc_bg04_gift2.png) no-repeat; background-size:100%;}
.dacheng_yuyue_li.gift3 .dacheng_yuyue_gift {background:url(../images/indexpc_bg04_gift3.png) no-repeat; background-size:100%;}
.dacheng_yuyue_li.gift4 .dacheng_yuyue_gift {background:url(../images/indexpc_bg04_gift4.png) no-repeat; background-size:100%;}
.dacheng_yuyue_li.gift5 .dacheng_yuyue_gift {background:url(../images/indexpc_bg04_gift5.png) no-repeat; background-size:100%;}

.dacheng_yuyue_libg a {width:1.8rem; height:1.4rem; display:block; text-indent:-999rem; overflow:hidden; position:absolute; left:4rem; top:0.1rem; z-index:5;}
.dacheng_yuyue_li.gift2 .dacheng_yuyue_libg a, .dacheng_yuyue_li.gift4 .dacheng_yuyue_libg a {left:0.2rem;}
.dacheng_yuyue_libg a.btn_lq { display:none;}
.dacheng_yuyue_libg a.btn_ylq {background:url(../images/indexpc_bg04_end.png) no-repeat; background-size:100%; cursor:default;}
.dacheng_yuyue_libg a.btn_no { display:none;}

.animated .index_bg04_text {-webkit-animation:right_in 0.5s linear 0.2s forwards;}
.animated .index_bg04_ren { -webkit-animation:left_in 0.5s linear 0.1s forwards;}
.animated .dacheng_yuyue_li.gift1 { -webkit-animation:right_in 0.5s linear 0.4s forwards;}
.animated .dacheng_yuyue_li.gift2 { -webkit-animation:left_in 0.5s linear 0.6s forwards;}
.animated .dacheng_yuyue_li.gift3 { -webkit-animation:right_in 0.5s linear 0.8s forwards;}
.animated .dacheng_yuyue_li.gift4 { -webkit-animation:left_in 0.5s linear 1.0s forwards;}
.animated .dacheng_yuyue_li.gift5 { -webkit-animation:right_in 0.5s linear 1.2s forwards;}



.index_bg06_mc {width:11rem; height:6.4rem; display:block; position:absolute; left:50%; top:2.8rem; margin-left:-5.5rem; opacity:0;}
.animated .index_bg06_mc { -webkit-animation:small_in 0.5s linear 0.4s forwards; opacity:0;}

#certify .swiper-slide {width:4.2rem; height:6.4rem; display:block; background:url(../images/indexpc_bg06_libg.png) no-repeat; background-size:100%;}
#certify .swiper-slide img {width:3.2rem; height:5.7rem; position:absolute; left:0.5rem; top:0.35rem; z-index:3;}
#certify .swiper-button-prev {width:0.8rem; height:0.8rem; display:block; background:url(../images/indexpc_bg06_jt.png) no-repeat left top; background-size:200% 200%; position:absolute; left:-0.2rem; top:50%; margin-top:-0.4rem;-webkit-animation:prevnext 2s linear infinite;}
#certify .swiper-button-prev:hover { background-position:left bottom;}
#certify .swiper-button-next {width:0.8rem; height:0.8rem; display:block; background:url(../images/indexpc_bg06_jt.png) no-repeat right top; background-size:200% 200%; position:absolute; right:-0.2rem; top:50%; margin-top:-0.4rem; -webkit-animation:prevnext 2s linear infinite;}
#certify .swiper-button-next:hover { background-position:right bottom;}
@-webkit-keyframes prevnext { 
	0%{ margin:-0.4rem 0rem 0 0rem;}
	50%{ margin:-0.4rem -0.15rem 0 -0.15rem;}
	100%{ margin:-0.4rem 0rem 0 0rem;}
}
.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:6rem; height:0.6rem; display:block; position:absolute; left:50%; top:6.8rem; margin-left:-3rem; line-height:0.14rem; font-size:0;}
.swiper-pagination .swiper-pagination-bullet {width:0.2rem; height:0.2rem; margin:0 0.05rem; background:#ffffff; border-radius:0.1rem; opacity:1;}
.swiper-pagination .swiper-pagination-bullet-active {width:0.4rem; height:0.2rem;  background:#fff696;}


.home_bg06_left { position:absolute; left:50%; top:240px; margin-left:-346px; width:340px; height:220px; overflow:hidden; display:block; background:#f5f6f7; font-size:20px; line-height:40px;}
.home_bg06_right { position:absolute; left:50%; top:240px; 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;}

.index_footer {width:100%; padding-top:0.2rem; display:block;}


@-webkit-keyframes hide_in { 
	0%{ opacity:0;}
	100%{ opacity:1;}
}
@-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 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, -10%, 0);}
	to {opacity:1; -webkit-transform: translate3d(0, 0, 0);}
}
@-webkit-keyframes bottom_in { 
	from {opacity:0; -webkit-transform: translate3d(0, 10%, 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);}
  50% {-webkit-transform: translate3d(0, -8%, 0);}
  to {-webkit-transform: translate3d(0, 0, 0);}
}
@-webkit-keyframes animazoon{
  from {-webkit-transform: scale3d(1, 1, 1);}
  50% {-webkit-transform: scale3d(0.9, 0.9, 0.9);}
  to {-webkit-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:4.6rem; height:2.6rem; display:block; background:url(../images/indexpc_win_qidaibg.png) no-repeat; background-size:100%; position:absolute; position:fixed; left:50%; top:50%; margin:-1.3rem -2.3rem; z-index:2;}
.home_qidaibg span {width:90%; height:1rem; padding:0.4rem 0rem 0 0; display:block; margin:0 auto; font-size:0.2rem; line-height:0.32rem; color:#111111; text-align:center;display: flex;flex-wrap: -webkit-wrap;-webkit-align-items: center;-webkit-justify-content: center;}
.home_qidaibg .btn_close {width:1.8rem; height:0.6rem; display:block; text-indent:-999rem; background:url(../images/indexpc_win_btn.png) no-repeat; background-size:100%; position:absolute; left:1.4rem; top:1.4rem; z-index:6;}


/* 信息提示 */
.home_resultsbg {width:4.6rem; height:2.6rem; display:block; background:url(../images/indexpc_win_qidaibg.png) no-repeat; background-size:100%; position:absolute; position:fixed; left:50%; top:50%; margin:-1.1rem -2.3rem; z-index:2;}
.home_resultsbg .btn_close {width:1.8rem; height:0.6rem; display:block; text-indent:-999rem; background:url(../images/indexpc_win_btn.png) no-repeat; background-size:100%; position:absolute; left:1.4rem; top:1.5rem; z-index:6;}
.home_resultsbg .title {width:90%; padding:0.5rem 0rem 0 0rem; margin:0 auto; font-size:0.24rem; line-height:0.4rem; color:#111111; text-align:center; display:block;}
.home_resultsbg .text {width:90%; padding:0.05rem 0rem 0 0rem; margin:0 auto; font-size:0.16rem; line-height:0.32rem; color:#111111; text-align:center; display:block;}
.home_resultsbg .text a { text-decoration:underline; color:#ffff99; margin:0 0.05rem; text-decoration:underline;}
.home_resultsbg .text a:hover {color:#ffff00;}


/* 領取提示 */
.home_receivebg {width:4.6rem; height:3rem; display:block; background:url(../images/indexpc_receive_bg.png) no-repeat; background-size:100%; position:absolute; position:fixed; left:50%; top:50%; margin:-1.5rem -2.3rem; z-index:2;}
.home_receive_text {width:3.8rem; display:block; position:absolute; left:0.4rem; top:1.0rem; font-size:0.15rem; line-height:0.3rem; 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:1.8rem; height:0.6rem; display:block; text-indent:-999rem; background:url(../images/indexpc_win_btn.png) no-repeat; background-size:100%; position:absolute; left:1.4rem; top:1.85rem; z-index:6;}
.home_receivebg .btn_close:hover {-webkit-filter:brightness(1.1);filter:brightness(1.1);}



/* 獎品箱 */
.home_winjpxbg {width:7rem; height:3.6rem; padding:0.84rem 0.5rem 0.36rem 0.5rem; position:absolute; left:50%; top:50%; margin:-2.4rem 0 0 -4.2rem; background:url(../images/indexpc_jpxbg.png) no-repeat; background-size:100%; color:#333333; z-index:9;}
.home_winjpxbg:after { content:''; width:8.4rem; height:4.5rem; display:block; background:url(../images/indexpc_jpxbg2.png) no-repeat; background-size:100%; position:absolute; left:0rem; top:0rem; z-index:6; pointer-events: none;}
.home_winjpx_title {width:0.4rem; height:0.4rem; display:block;position:absolute; right:-0.2rem; top:0.3rem; z-index:3;}
.home_winjpx_title span { display:none;}
.home_winjpx_title .close {width:0.4rem; height:0.4rem; display:block; text-indent:-999rem; background:url(../images/indexpc_win_close.png) no-repeat; background-size:100%; overflow:hidden;}
.home_winjpx_tt {width:7rem; height:0.4rem; display:block;}
.home_winjpx_tt dl {width:7rem; height:0.4rem; float:left; color:#333333; font-size:0.15rem; line-height:0.4rem; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif; background:#e2f1f8; border-bottom:0.01rem solid #b8b9d8; box-sizing:border-box; font-weight:bold; text-align:center;}
.home_winjpx_tt dt {width:1.79rem; float:left; border-right:0.01rem solid #abbed7;}
.home_winjpx_tt dd {width:5.2rem; float:left;}
.home_winjpx_text {width:7rem; height:3.2rem; overflow-x:hidden; overflow-y:auto; display:block;}
.home_winjpx_text dl {width:7rem; height:0.4rem; float:left; font-size:0.13rem; line-height:0.4rem; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif; background:#fafafc; border-bottom:0.01rem solid #b8b9d8; box-sizing:border-box;}
.home_winjpx_text dt {width:1.79rem; float:left; border-right:0.01rem solid #b8b9d8; text-align:center; color:#646694;}
.home_winjpx_text dd {width:5.04rem; float:left; color:#7d7ea0; padding-left:0.05rem; position:relative; overflow:hidden;}
.home_winjpx_text dd a { width:0.7rem; height:0.3rem; background:#56668a; display:block; -moz-border-radius:0.06rem; border-radius:0.06rem; position:absolute; right:0; top:0.05rem; text-align:center; line-height:0.3rem; color:#FFFFFF;}
.home_winjpx_text dd a:hover {background:#4f7bb8; text-decoration:none;}

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

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

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





/* 用戶登錄 */
.index_loginbg {width:8.4rem; height:5.6rem; display:block; background:url(../images/indexpc_login_bg.png) no-repeat; background-size:100%; position:absolute; position:fixed; left:50%; top:50%; margin:-2.8rem 0 0 -4.2rem; z-index:30;}

.index_login,.index_register {width:3.6rem; height:3.2rem; display:block; position:absolute; left:3.8rem; top:1.8rem;}
.index_login_menu {width:3.4rem; height:0.5rem; display:block; position:absolute; left:0.1rem; top:0rem; text-align:center; font-size:0.18rem; line-height:0.36rem;}
.index_login_menu a {width:1.7rem; height:0.5rem; float:left; margin:0 0rem; background:url(../images/indexpc_login_menu.png) no-repeat; background-size:200% 300%; text-indent:-999rem; overflow:hidden;}
.index_login_menu a:first-child { background-position:0 -0.5rem;}
.index_login_menu a:nth-child(2) { background-position:-1.7rem -0.5rem;}
.index_login_menu a:first-child:hover  { background-position:0 -1rem;}
.index_login_menu a:nth-child(2):hover  { background-position:-1.7rem -1rem;}
.index_login_menu a:first-child.on  { background-position:0 -0rem;}
.index_login_menu a:nth-child(2).on  { background-position:-1.7rem -0rem;}

.index_login_dl {width:3.4rem; display:block; position:absolute; left:0.05rem; top:0.6rem;}
.index_login_dl dl {width:3.4rem; height:0.5rem; float:left;}
.index_login_dl dt {width:0.9rem; float:left; text-align:right; font-size:0.16rem; line-height:0.34rem; color:#666666;}
.index_login_dl dd {width:2.5rem; float:left;}
.index_login_input {width:2.36rem; height:0.32rem; display:block; background:#ffffff; border:0.01rem solid #cccccc; margin:0; padding:0 0.05rem; font-size:0.13rem; line-height:0.32rem;}
.index_login_btn { position:absolute; left:1.0rem; top:1.65rem;}
.index_login_button {width:2.4rem; height:0.8rem; display:block; text-indent:-999rem; 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:2.15rem;}
.index_register .index_login_input { color:#999999;}
.index_login_other {width:3.8rem; position:absolute; left:0rem; top:2.55rem; z-index:6;}
.index_login_other a { float:left; margin:0 0.02rem;width:1.14rem; height:0.42rem; text-indent:-999rem; 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:1.4rem; height:4.4rem; display:block; position:absolute; position:fixed; right:-3rem; top:50%; margin-top:-2.3rem; z-index:40; opacity:0;}
.home_right:before {content: '';width:1.9rem; height:5.4rem; display:block; background:url(../images/home_right_bg.png) no-repeat; background-size:100%; position:absolute; left:-0.25rem; top:-0.5rem; z-index:1; pointer-events: none;}
.scroll_h {width:0; height:7rem; display:block; overflow:hidden; position:absolute; left:0; top:-999rem;}


.home_right_btn { width:1.4rem; height:3.5rem; display:block; position:absolute; left:0rem; top:0.4rem; z-index:3;}
.home_right_btn a {width:1.4rem; height:0.4rem; display:block; text-indent:-999rem; margin-bottom:0.08rem; overflow:hidden; cursor:pointer;}
.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.menu6 {background:url(../images/home_right_menu6.png) no-repeat; background-size:100%;}
.home_right_btn a.btn_jpx {background:url(../images/home_right_menu7.png) no-repeat; background-size:100%;}
.home_right_btn a:hover {-webkit-filter:brightness(1.1);filter:brightness(1.1);}

.home_right_user {width:1.5rem; height:0.6rem; display:block; overflow:hidden; position:absolute; left:-0.05rem; top:3.9rem; z-index:5; font-size:0.13rem; line-height:0.2rem; color:#19728c; text-align:center;}
.home_right_user a {width:0.6rem; height:0.2rem; display:block; margin:0 auto; background:#19728c; color:#ffffff; overflow:hidden;-moz-border-radius:0.06rem; border-radius:0.06rem; margin-top:0.04rem;}
.home_right_user a:hover { background:#1c95b9;}
.home_right_user span { width:100%; display:block; word-break:keep-all;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}


.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;}
}