@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu { margin: 0; padding: 0}
body { padding: 0; margin: 0; background: #0e2e5d; font: .16rem "Microsoft YaHei";}
html,body,fieldset,img,iframe,abbr { border: 0;}
* {
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-focus-ring-color: rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
ul,li {list-style: none;}
input,button,textarea,select { font-family: inherit; font-size: inherit; font-weight: inherit;}
textarea {overflow: auto; resize: none;}
h1,h2,h3,h4,h5,h6,em,strong,b {font-weight: 700;}
a {
    border: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline: none;
    text-decoration: none
}
a:hover { text-decoration: none;}
img{ width: 100%; vertical-align: middle;}
input,select{ outline: none;}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
.hide {display: none;}
.none {display: none;}
.fl {float: left;}
.fr {float: right;}
.show {display: block;}
img[src=""],img:not([src]){opacity:0;}
.container{
    width: 100%;
    min-width: 1000px;
    overflow: hidden;
	position:relative;
}


/*-- container --*/
.index_bg01 {width:100%; height:10.8rem; display:block; background:url(../images/indexpc_bg01.jpg) no-repeat center top; background-size:100%; background-size:cover; position:relative; overflow:hidden; z-index:1;}
.index_bg02 {width:100%; height:10.8rem; display:block; background:url(../images/indexpc_bg02.jpg) no-repeat center top; background-size:100%; background-size:cover; position:relative; z-index:3;}
.index_bg03 {width:100%; height:10.8rem; display:block; background:url(../images/indexpc_bg03.jpg) no-repeat center top; background-size:100%; background-size:cover; position:relative; overflow:hidden;}
.index_bg04 {width:100%; height:10.8rem; display:block; background:url(../images/indexpc_bg04.jpg) no-repeat center top; background-size:100%; background-size:cover; position:relative; overflow:hidden;}
.index_bg05 {width:100%; height:10.8rem; display:block; background:url(../images/indexpc_bg05.jpg) no-repeat center top; background-size:100%; background-size:cover; position:relative; overflow:hidden;}
.index_bg06 {width:100%; height:10.8rem; display:block; background:url(../images/indexpc_bg06.jpg) no-repeat center top; background-size:100%; background-size:cover; position:relative; overflow:hidden;}
.index_bg07 {width:100%; height:5.5rem; display:block; background:url(../images/indexpc_bg07.jpg) no-repeat center top; background-size:100%; background-size:cover; position:relative; overflow:hidden; color:#333333;}

.index_bg02_title {width:13.6rem; height:2.2rem; display:block; background:url(../images/indexpc_bg02_title.png) no-repeat; background-size:100%; position:absolute; left:50%; top:-0.65rem; margin-left:-6.8rem; z-index:3;}
.index_bg03_title {width:13.6rem; height:2.2rem; display:block; background:url(../images/indexpc_bg03_title.png) no-repeat; background-size:100%; position:absolute; left:50%; top:-0.18rem; margin-left:-6.8rem; z-index:3;}
.index_bg04_title {width:13.6rem; height:2.2rem; display:block; background:url(../images/indexpc_bg04_title.png) no-repeat; background-size:100%; position:absolute; left:50%; top:0.65rem; margin-left:-6.8rem; z-index:3;}
.index_bg05_title {width:13.6rem; height:2.2rem; display:block; background:url(../images/indexpc_bg05_title.png) no-repeat; background-size:100%; position:absolute; left:50%; top:1rem; margin-left:-6.8rem; z-index:3;}
.index_bg06_title {width:13.6rem; height:2.2rem; display:block; background:url(../images/indexpc_bg06_title.png) no-repeat; background-size:100%; position:absolute; left:50%; top:1.08rem; margin-left:-6.8rem; z-index:3;}

.index_bg01_logo {width:2.4rem; height:0.9rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/indexpc_bg01_logo.png) no-repeat; background-size:100%; position:absolute; left:0.3rem; top:0.2rem; z-index:9;}
.index_bg01:after {content: ''; width:100%; height:7.4rem; display:block; background:url(../images/indexpc_bg01_bottom.png) no-repeat center bottom; background-size:100%; background-size:cover; position:absolute; left:0; bottom:0rem; z-index:8; pointer-events: none;}

.index_bg01_ren1 {width:10rem; height:10rem; display:block; background:url(../images/indexpc_bg01_ren1.png) no-repeat; background-size:100%; position:absolute; left:50%; top:0; margin-left:-6rem; z-index:4;-webkit-animation:right_in 0.5s linear 0s forwards; opacity:0;}
.index_bg01_ren2 {width:10rem; height:10rem; display:block; background:url(../images/indexpc_bg01_ren2.png) no-repeat; background-size:100%; position:absolute; left:50%; top:0; margin-left:-4rem; z-index:3;-webkit-animation:left_in 0.5s linear 0.3s forwards; opacity:0;}
.index_bg01_text {width:12rem; height:3rem; display:block; background:url(../images/indexpc_bg01_text.png) no-repeat; background-size:100%; position:absolute; left:50%; top:4.2rem; margin-left:-6rem; z-index:6;-webkit-animation:big_in 0.5s linear 0.5s forwards; opacity:0;}
.index_bg01_text:before { content:''; width:12rem; height:2rem; display:block; background:url(../images/indexpc_bg01_textgg.png) no-repeat; background-size:100% 3000%; position:absolute; left:0; top:0.5rem; z-index:3; -webkit-animation: bg01_text 2s steps(30) infinite;}
	@-webkit-keyframes bg01_text{
     to{
         background-position: 0 -60rem;
     }
	}

.index_bg01_mc {width:5.4rem; height:1.3rem; display:block; background:url(../images/indexpc_bg01_mc.png) no-repeat; background-size:100%; position:absolute; left:50%; top:7rem; margin-left:-2.7rem; z-index:10;-webkit-animation:bottom_in 0.5s linear 0.8s forwards; opacity:0;}
.index_bg01_mc .game_icon { display:none;}
.index_bg01_mc .down_code {width:1.08rem; height:1.08rem; display:block; background:#9cb3e7; position:absolute; left:0.28rem; top:0.11rem;}
.index_bg01_mc .down_code img {width:1rem; height:1rem; display:block; position:absolute; left:0.04rem; top:0.04rem;}
.index_bg01_mc .down_googleplay {width:1.55rem; height:0.46rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/indexpc_bg01_btn1.png) no-repeat; background-size:100%; position:absolute; left:1.46rem; top:0.12rem;}
.index_bg01_mc .down_appstore {width:1.55rem; height:0.46rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/indexpc_bg01_btn2.png) no-repeat; background-size:100%; position:absolute; left:1.46rem; top:0.72rem;}
.index_bg01_mc .down_pcgame { display:none;}
.index_bg01_mc .down_gamebox {width:0.95rem; height:1.08rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/indexpc_bg01_btn3.png) no-repeat; background-size:100%; position:absolute; left:3.1rem; top:0.12rem;}
.index_bg01_mc a { cursor:pointer;}
.index_bg01 .down_yuyue {width:0.95rem; height:1.08rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/indexpc_bg01_btn4.png) no-repeat; background-size:100%; position:absolute; left:4.2rem; top:0.12rem;}
.index_bg01 .down_yuyue:before { content:''; width:0.95rem; height:1.08rem; display:block; background:url(../images/indexpc_bg01_btn4t1.png) no-repeat; background-size:100%; position:absolute; left:0; top:0;-webkit-animation:down_yuyue 1.5s linear infinite;}
@-webkit-keyframes down_yuyue{
  from { -webkit-transform: scale3d(1, 1, 1);}
  50% { -webkit-transform: scale3d(1.1, 1.1, 1.1);}
  to { -webkit-transform: scale3d(1, 1, 1);}
}
.index_bg01_mc a:hover {-webkit-filter:brightness(1.1);filter:brightness(1.1);}


@-webkit-keyframes big_in { 
	0%{ opacity:0; -webkit-transform: scale3d(1.5, 1.5, 1.5);}
	100%{ opacity:1; -webkit-transform: scale3d(1, 1, 1);}
}
@-webkit-keyframes small_in { 
	0%{ opacity:0; -webkit-transform: scale3d(0.6, 0.6, 0.6);}
	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 animatop{
  from { -webkit-transform: translate3d(0, 0, 0);}
  50% { -webkit-transform: translate3d(0, -5%, 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);}
}
@-webkit-keyframes animaleft{
  from { -webkit-transform: translate3d(0, 0, 0);}
  50% { -webkit-transform: translate3d(-5%, 0, 0);}
  to { -webkit-transform: translate3d(0, 0, 0);}
}
@-webkit-keyframes animaright{
  from { -webkit-transform: translate3d(0, 0, 0);}
  50% { -webkit-transform: translate3d(5%, 0, 0);}
  to { -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);}   
}



.index_bg02_note {width:7rem; height:0.2rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/indexpc_bg02_text.png) no-repeat; background-size:100%; position:absolute; left:50%; top:1.53rem; margin-left:-3.5rem; z-index:5; opacity:0;}
.index_bg03_note {width:7rem; height:0.2rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/indexpc_bg03_text.png) no-repeat; background-size:100%; position:absolute; left:50%; top:2rem; margin-left:-3.5rem; z-index:5; opacity:0;}
.index_bg04_note {width:7rem; height:0.2rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/indexpc_bg04_text.png) no-repeat; background-size:100%; position:absolute; left:50%; top:2.83rem; margin-left:-3.5rem; z-index:5; opacity:0;}
.animated .index_bg02_note {-webkit-animation:right_in 0.5s linear 0s forwards;}
.animated .index_bg03_note {-webkit-animation:right_in 0.5s linear 0s forwards;}
.animated .index_bg04_note {-webkit-animation:right_in 0.5s linear 0s forwards;}

.index_bg02_mc {width:9.9rem; height:8rem; display:block; position:absolute; left:50%; top:1.8rem; margin-left:-4.7rem; z-index:1;}
.index_bg02_step1 {width:9.9rem; height:4.1rem; display:block; background:url(../images/indexpc_bg02_01.png) no-repeat; background-size:100%; position:absolute; left:0rem; top:0rem; z-index:4; opacity:0;}
.index_bg02_step2 {width:3.3rem; height:3.8rem; display:block; background:url(../images/indexpc_bg02_02.png) no-repeat; background-size:100%; position:absolute; left:0rem; top:4.1rem; z-index:4; opacity:0;}
.index_bg02_step3 {width:3.3rem; height:3.8rem; display:block; background:url(../images/indexpc_bg02_03.png) no-repeat; background-size:100%; position:absolute; left:3.25rem; top:4.1rem; z-index:4; opacity:0;}
.index_bg02_step4 {width:3.3rem; height:3.8rem; display:block; background:url(../images/indexpc_bg02_04.png) no-repeat; background-size:100%; position:absolute; left:6.5rem; top:4.1rem; z-index:4; opacity:0;}
.animated .index_bg02_step1 { -webkit-animation:left_in 0.5s linear 0.1s forwards;}
.animated .index_bg02_step2 { -webkit-animation:right_in 0.5s linear 0.4s forwards;}
.animated .index_bg02_step3 { -webkit-animation:right_in 0.5s linear 0.6s forwards;}
.animated .index_bg02_step4 { -webkit-animation:right_in 0.5s linear 0.8s forwards;}

.index_bg02_step1:before {content: ''; width:2rem; height:2rem; display:block; background:url(../images/indexpc_bg02_gift1.png) no-repeat; background-size:100%; position:absolute; left:1.92rem; top:1.25rem; z-index:3;}
.index_bg02_step2:before {content: ''; width:2rem; height:2rem; display:block; background:url(../images/indexpc_bg02_gift2.png) no-repeat; background-size:100%; position:absolute; left:0.86rem; top:0.8rem; z-index:3;}
.index_bg02_step3:before {content: ''; width:2rem; height:2rem; display:block; background:url(../images/indexpc_bg02_gift3.png) no-repeat; background-size:100%; position:absolute; left:0.86rem; top:0.8rem; z-index:3;}
.index_bg02_step4:before {content: ''; width:2rem; height:2rem; display:block; background:url(../images/indexpc_bg02_gift4.png) no-repeat; background-size:100%; position:absolute; left:0.86rem; top:0.8rem; z-index:3;}


.index_bg02_yuyue_mc {width:3.68rem; height:2.6rem; display:block; position:absolute; left:5rem; top:0.6rem; z-index:5;}

.index_bg02_telephone {width:3.66rem; height:0.46rem; display:block; border:0.01rem solid #31518b; background:#ffffff; position:absolute; left:0rem; top:0.4rem; z-index:4;}
.index_bg02_telephone font { display:block; font-size:0.18rem; line-height:0.32rem; color:#31518b; position:absolute; left:0; top:-0.36rem;}
.index_bg02_telephone:after {content: ''; display:block; border-top:0.08rem #31518b solid; border-left:0.08rem transparent dashed; border-right:0.08rem transparent dashed; border-bottom:0.08rem transparent dashed; position:absolute; left:1.15rem; top:0.2rem; z-index:5; pointer-events: none; }
.index_bg02_telephone:before {content: ''; width:0.01rem; height:0.46rem; display:block; overflow:hidden; background:#31518b; position:absolute; left:1.5rem; top:0; z-index:5; pointer-events: none; }
.index_bg02_telephone .step2_select {-webkit-appearance: none;width:1.5rem; height:0.46rem; font-size:0.16rem; line-height:0.46rem; color:#2b436f; display:block; border:0; padding-left:0.1rem; position:relative; cursor:pointer; position:absolute; left:0rem; top:0rem;}
.index_bg02_telephone .step2_telephone {width:2.0rem; height:0.46rem; font-size:0.16rem; line-height:0.46rem; margin:0; padding:0 0.05rem 0 0.1rem; color:#819aca; display:block; border:0; position:absolute; left:1.51rem; top:0rem;}
.index_bg02_telephone .step2_telephone:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #6c9cf7 inset; -webkit-text-fill-color: #ffffff;}

.index_bg02_treaty {width:3.66rem; height:0.4rem; font-size:0.15rem; line-height:0.4rem; color:#31518b; display:block; position:absolute; left:0.02rem; top:0.9rem; z-index:4;}
.index_bg02_treaty label { cursor:pointer;}
.index_bg02_treaty input {-webkit-appearance: none; border:0.01rem solid #31518b; width:0.18rem; height:0.18rem; float:left; margin:0.11rem 0.08rem 0 0; -moz-border-radius:0.02rem; border-radius:0.02rem; position:relative; background:#ffffff; cursor:pointer;}
.index_bg02_treaty input:checked:before {content:''; position:absolute; left:0.03rem; top:-0.03rem; width:0.06rem; height:0.14rem; border-right:0.04rem solid #11a2ed; border-bottom:0.04rem solid #11a2ed;transform: rotate(35deg);-webkit-transform: rotate(35deg);}
.index_bg02_treaty input[type=checkbox] { display:block;}

.index_bg02_mobile {width:3.66rem; height:0.4rem; font-size:0.16rem; line-height:0.4rem; color:#31518b; display:block; position:absolute; left:0.02rem; top:1.25rem; z-index:2;}
.index_bg02_mobile label {width:1rem; height:0.4rem; padding:0 0.1rem; float:left; cursor:pointer;}
.index_bg02_mobile font { float:left;}
.index_bg02_mobile input {-webkit-appearance: none; width:0.2rem; height:0.2rem; float:left; background:#ffffff; margin:0.1rem 0.1rem 0.1rem 0; position:relative; border:0.01rem solid #54678a; -moz-border-radius:0.2rem; border-radius:0.2rem; cursor:pointer;}
.index_bg02_mobile input:checked:after {content: '';width:0.14rem; height:0.14rem; display:block; background:#11a2ed; -moz-border-radius:0.2rem; border-radius:0.2rem; position:absolute; left:0.02rem; top:0.02rem;}
.index_bg02_li.hd1:after {content: ''; width:3.1rem; height:0.4rem; display:block; color:#244385; border:0.01rem solid #7e7260; position:absolute; left:535; top:0.99rem; z-index:1;}

.index_bg02_btn1 {width:2.4rem; height:0.7rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/indexpc_bg02_btn1.png) no-repeat; background-size:100%; margin:0; border:0; padding:0; cursor:pointer; position:absolute; left:0.63rem; top:1.8rem; z-index:3; }
.index_bg02_btn1:after { content:''; width:0.1rem; height:0.1rem; border-radius:0.1rem; background:#ff0000; position:absolute; right:0.16rem; top:0.1rem; z-index:2;}
.index_bg02_btn1:hover {-webkit-filter:brightness(1.1);filter:brightness(1.1);}

.index_bg02_btngg {}
.index_bg02_btngg:before { content:''; width:2.64rem; height:0.66rem; display:block; background:url(../images/indexpc_bg02_btngg.png) no-repeat; background-size:100% 2000%; position:absolute; left:0; top:0; z-index:2; -webkit-animation: index_bg02_btngg 1s steps(20) infinite;}
	@-webkit-keyframes index_bg02_btngg{
     to{
         background-position: 0 -13.2rem;
     }
	}
	

.index_bg02_step2 .down_googleplay {width:1.2rem; height:0.36rem; text-indent:-999rem; overflow:hidden; -moz-border-radius:0.1rem; border-radius:0.1rem; border:0.02rem solid #ffffff; background:url(../images/down_googleplay.png) no-repeat center top; background-size:auto 100%; position:absolute; left:0.62rem; top:2.9rem; z-index:5;}
.index_bg02_step2 .down_appstore {width:1.2rem; height:0.36rem; text-indent:-999rem; overflow:hidden; -moz-border-radius:0.1rem; border-radius:0.1rem; border:0.02rem solid #ffffff; background:url(../images/down_appstore.png) no-repeat center top; background-size:auto 100%; position:absolute; left:1.86rem; top:2.9rem; z-index:5;}
.index_bg02_step2 a.down_googleplay:after, .index_bg02_step2 a.down_appstore:after { content:''; width:0.6rem; height:0.5rem; display:block; background:url(../images/indexpc_bg02_btngg2.png) no-repeat; background-size:100%; position:absolute; left:-1rem; top:0rem; z-index:2; opacity:0.6;-webkit-animation:indexpc_bg02_btngg2 1s linear infinite;}
@-webkit-keyframes indexpc_bg02_btngg2 { 
	0%{ left:-1rem;}
	100%{ left:100%;}
}
.index_bg02_step2 a.down_googleplay:before, .index_bg02_step2 a.down_appstore:before { content:''; width:0.1rem; height:0.1rem; border-radius:0.1rem; background:#ff0000; position:absolute; right:0rem; top:0rem; z-index:2;}
.index_bg02_step2 a.down_googleplay:hover, .index_bg02_step2 a.down_appstore:hover {border:0.02rem solid #fff58b;}

.index_bg02_btn5 {width:1.9rem; height:0.6rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/indexpc_bg02_btn5.png) no-repeat; background-size:100%; position:absolute; left:0.9rem; top:2.8rem; overflow:hidden; z-index:5;}
.index_bg02_btn5:hover {-webkit-filter:brightness(1.1);filter:brightness(1.1);}
.index_bg02_btn6 {width:1.9rem; height:0.6rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/indexpc_bg02_btn6.png) no-repeat; background-size:100%; position:absolute; left:0.9rem; top:2.8rem; overflow:hidden; z-index:5;}
.index_bg02_btn7 {width:1.9rem; height:0.6rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/indexpc_bg02_btn7.png) no-repeat; background-size:100%; position:absolute; left:0.9rem; top:2.8rem; overflow:hidden; z-index:5;}

.index_bg02_step2 .index_bg02_btn5, .index_bg02_step2 .index_bg02_btn6, .index_bg02_step2 .index_bg02_btn7 {width:0; height:0;}
.bg02_step2_btn .down_googleplay, .bg02_step2_btn .down_appstore { display:none;}
.bg02_step2_btn .index_bg02_btn5, .bg02_step2_btn .index_bg02_btn6, .bg02_step2_btn .index_bg02_btn7 {width:1.9rem; height:0.6rem;}


.index_bg02_btn2 {width:1.9rem; height:0.6rem; display:block; text-indent:-999rem; background:url(../images/indexpc_bg02_btn2.png) no-repeat; background-size:100%; position:absolute; left:0.9rem; top:2.8rem; overflow:hidden; z-index:5;}
.index_bg02_btn2:hover {-webkit-filter:brightness(1.1);filter:brightness(1.1);}
.index_bg02_btn3 {width:1.9rem; height:0.6rem; display:block; text-indent:-999rem; background:url(../images/indexpc_bg02_btn3.png) no-repeat; background-size:100%; position:absolute; left:0.9rem; top:2.8rem; overflow:hidden; z-index:5;}
.index_bg02_btn3:hover {-webkit-filter:brightness(1.1);filter:brightness(1.1);}




.index_bg03_text {width:7.5rem; height:0.6rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/indexpc_bg03_textbg.png) no-repeat; background-size:100%; position:absolute; left:50%; top:2.5rem; margin-left:-3.75rem; z-index:5; opacity:0;}
.index_bg03_text span {width:1.8rem; height:0.6rem; display:block; display:block; text-indent:0; text-align:center; font-size:0.32rem; line-height:0.6rem; font-weight:bold; color:#ffffff; position:absolute; left:50%; margin-left:-0.9rem; top:0;}
.animated .index_bg03_text {-webkit-animation:bottom_in 0.5s linear 0.4s forwards;}


.index_bg03_mc {width:100%; height:7.2rem; display:block; position:absolute; left:0; top:2.64rem; z-index:4;}
.index_bg03_xian {width:0.1rem; height:1.5rem; display:block; overflow:hidden; position:absolute; left:50%; top:2.64rem; margin-left:-9.6rem; z-index:2; -webkit-animation:bg03_xian 0.6s linear 0s forwards;}
.index_bg03_xian:before { content:''; width:19.2rem; height:1.5rem; display:block; background:url(../images/indexpc_bg03_xian.png) no-repeat; background-size:100%; position:absolute; left:0; top:0;}
@-webkit-keyframes bg03_xian { 
	0%{ width:0.1rem;}
	100%{ width:19.2rem;}
}

.dacheng_yuyue_li {width:2.6rem; height:6rem; display:block; position:absolute; left:50%; opacity:0; z-index:3;}
.dacheng_yuyue_li.gift1 { top:0.69rem; margin-left:-6.5rem;}
.dacheng_yuyue_li.gift2 { top:0.86rem; margin-left:-3.9rem;}
.dacheng_yuyue_li.gift3 { top:0.91rem; margin-left:-1.3rem;}
.dacheng_yuyue_li.gift4 { top:0.85rem; margin-left:1.3rem;}
.dacheng_yuyue_li.gift5 { top:0.68rem; margin-left:3.9rem;}
.dacheng_yuyue_li:after { content:''; width:1rem; height:2.4rem; display:block; overflow:hidden; position:absolute; left:0.82rem; top:0; z-index:1;}
.dacheng_yuyue_li.gift1:after {background:url(../images/indexpc_bg03_li1.png) no-repeat; background-size:100%;}
.dacheng_yuyue_li.gift2:after {background:url(../images/indexpc_bg03_li2.png) no-repeat; background-size:100%;}
.dacheng_yuyue_li.gift3:after {background:url(../images/indexpc_bg03_li3.png) no-repeat; background-size:100%;}
.dacheng_yuyue_li.gift4:after {background:url(../images/indexpc_bg03_li4.png) no-repeat; background-size:100%;}
.dacheng_yuyue_li.gift5:after {background:url(../images/indexpc_bg03_li5.png) no-repeat; background-size:100%;}
.animated .dacheng_yuyue_li.gift1 { -webkit-animation:dacheng_yuyue_li 0.6s linear 0.2s forwards;}
.animated .dacheng_yuyue_li.gift2 { -webkit-animation:dacheng_yuyue_li 0.6s linear 0.4s forwards;}
.animated .dacheng_yuyue_li.gift3 { -webkit-animation:dacheng_yuyue_li 0.6s linear 0.6s forwards;}
.animated .dacheng_yuyue_li.gift4 { -webkit-animation:dacheng_yuyue_li 0.6s linear 0.8s forwards;}
.animated .dacheng_yuyue_li.gift5 { -webkit-animation:dacheng_yuyue_li 0.6s linear 1.0s forwards;}
@-webkit-keyframes dacheng_yuyue_li { 
	0%{ opacity:0;}
	100%{ opacity:1;}
}

.dacheng_yuyue_libg {width:2.6rem; height:3.2rem; display:block; position:absolute; left:0; opacity:0; z-index:3;}
.dacheng_yuyue_li.gift1 .dacheng_yuyue_libg {top:1.9rem; background:url(../images/indexpc_bg03_libg1.png) no-repeat; background-size:100%;}
.dacheng_yuyue_li.gift2 .dacheng_yuyue_libg {top:2.2rem; background:url(../images/indexpc_bg03_libg2.png) no-repeat; background-size:100%;}
.dacheng_yuyue_li.gift3 .dacheng_yuyue_libg {top:1.35rem; background:url(../images/indexpc_bg03_libg3.png) no-repeat; background-size:100%;}
.dacheng_yuyue_li.gift4 .dacheng_yuyue_libg {top:2.2rem; background:url(../images/indexpc_bg03_libg4.png) no-repeat; background-size:100%;}
.dacheng_yuyue_li.gift5 .dacheng_yuyue_libg {top:1.6rem; background:url(../images/indexpc_bg03_libg5.png) no-repeat; background-size:100%;}
.animated .dacheng_yuyue_li.gift1 .dacheng_yuyue_libg { -webkit-animation:top_in 0.6s linear 0.2s forwards;}
.animated .dacheng_yuyue_li.gift2 .dacheng_yuyue_libg { -webkit-animation:top_in 0.6s linear 0.4s forwards;}
.animated .dacheng_yuyue_li.gift3 .dacheng_yuyue_libg { -webkit-animation:top_in 0.6s linear 0.6s forwards;}
.animated .dacheng_yuyue_li.gift4 .dacheng_yuyue_libg { -webkit-animation:top_in 0.6s linear 0.8s forwards;}
.animated .dacheng_yuyue_li.gift5 .dacheng_yuyue_libg { -webkit-animation:top_in 0.6s linear 1.0s forwards;}

.dacheng_yuyue_libg .dacheng_yuyue_bg { display:none;}
.dacheng_yuyue_libg .dacheng_yuyue_gift {width:1.4rem; height:1.4rem; display:block; position:absolute; left:0.6rem; top:0.85rem; z-index:3;}
.dacheng_yuyue_libg .dacheng_yuyue_text {width:1.08rem; height:1.2rem; display:block; position:absolute; left:0; top:0.2rem; opacity:0; z-index:3;}
.dacheng_yuyue_libg:hover .dacheng_yuyue_text { -webkit-animation:bottom_in 0.5s linear forwards;}
.animated .dacheng_yuyue_li.gift1 .dacheng_yuyue_gift { -webkit-animation:yuyue_gift 7s linear 0.8s infinite;}
.animated .dacheng_yuyue_li.gift2 .dacheng_yuyue_gift { -webkit-animation:yuyue_gift 7s linear 1.0s infinite;}
.animated .dacheng_yuyue_li.gift3 .dacheng_yuyue_gift { -webkit-animation:yuyue_gift 7s linear 1.2s infinite;}
.animated .dacheng_yuyue_li.gift4 .dacheng_yuyue_gift { -webkit-animation:yuyue_gift 7s linear 1.4s infinite;}
.animated .dacheng_yuyue_li.gift5 .dacheng_yuyue_gift { -webkit-animation:yuyue_gift 7s linear 1.6s infinite;}
@-webkit-keyframes yuyue_gift { 
	0%{transform: rotate(0deg);}
	1%{transform: rotate(5deg);}
	2%{transform: rotate(-5deg);}
	4%{transform: rotate(5deg);}
	5%{transform: rotate(0deg);}
	100%{transform: rotate(0deg);}
}

.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:1.9rem; height:0.6rem; display:none; text-indent:-999rem; overflow:hidden; position:absolute; left:0.35rem; top:2.6rem; z-index:6;}
.dacheng_yuyue_libg a.btn_lq {background:url(../images/indexpc_bg02_btn5.png) no-repeat; background-size:100%;}
.dacheng_yuyue_libg a.btn_ylq {width:1.6rem; height:1rem; display:block; background:url(../images/indexpc_bg03_jpyff.png) no-repeat; background-size:100%; cursor:default; position:absolute; left:0.5rem; top:1.8rem;}
.dacheng_yuyue_libg a.btn_no {background:url(../images/indexpc_bg02_btn7.png) no-repeat; background-size:100%; cursor:default;}
.dacheng_yuyue_libg a.btn_lq:hover {-webkit-filter:brightness(1.1);filter:brightness(1.1);}






.index_bg04_mc {width:12rem; height:6.6rem; display:block; background:url(../images/indexpc_bg04_mc.png) no-repeat; background-size:100%; position:absolute; left:50%; top:3.4rem; margin-left:-6rem; opacity:1;}
.animated .index_bg04_mc2 { -webkit-animation:big_in 0.5s linear 0.4s forwards;}

.index_bg04_share {width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:1;}
.index_bg04_share li {width:0.9rem; height:0.4rem; display:block; background:url(../images/indexpc_bg04_share_no.png) no-repeat; background-size:100%; opacity:1; position:absolute;}
.index_bg04_share li.share_day1 {left:2.8rem; top:2.5rem;}
.index_bg04_share li.share_day2 {left:2rem; top:5.4rem;}
.index_bg04_share li.share_day3 {left:4.3rem; top:4.4rem;}
.index_bg04_share li.share_day4 {left:6.5rem; top:4.6rem;}
.index_bg04_share li.share_day5 {left:5.5rem; top:2.15rem;}
.index_bg04_share li.share_day6 {left:8.6rem; top:2.65rem;}
.index_bg04_share li.share_day7 {left:9rem; top:5.3rem;}
.index_bg04_share li:before {content:''; width:1.2rem; height:1.2rem; display:block; position:absolute; left:-0.15rem; top:-1.1rem; opacity:0.8;}
.index_bg04_share li.share_day1:before {background:url(../images/indexpc_bg04_pic1.png) no-repeat; background-size:100%;}
.index_bg04_share li.share_day2:before {background:url(../images/indexpc_bg04_pic2.png) no-repeat; background-size:100%;}
.index_bg04_share li.share_day3:before {background:url(../images/indexpc_bg04_pic3.png) no-repeat; background-size:100%;}
.index_bg04_share li.share_day4:before {background:url(../images/indexpc_bg04_pic4.png) no-repeat; background-size:100%;}
.index_bg04_share li.share_day5:before {background:url(../images/indexpc_bg04_pic5.png) no-repeat; background-size:100%;}
.index_bg04_share li.share_day6:before {background:url(../images/indexpc_bg04_pic6.png) no-repeat; background-size:100%;}
.index_bg04_share li.share_day7:before {background:url(../images/indexpc_bg04_pic7.png) no-repeat; background-size:100%;}
.index_bg04_share li:after {content:''; width:1.2rem; height:1.2rem; display:block; position:absolute; left:1rem; top:-1.2rem;-webkit-animation:animaleft 1s linear infinite;}
.index_bg04_share li.share_day1:after {background:url(../images/indexpc_bg04_text1.png) no-repeat; background-size:100%;}
.index_bg04_share li.share_day3:after {background:url(../images/indexpc_bg04_text3.png) no-repeat; background-size:100%;}
.index_bg04_share li.share_day7:after {background:url(../images/indexpc_bg04_text7.png) no-repeat; background-size:100%;}

.share_1 .share_day1,
.share_2 .share_day1, .share_2 .share_day2,
.share_3 .share_day1, .share_3 .share_day2, .share_3 .share_day3,
.share_4 .share_day1, .share_4 .share_day2, .share_4 .share_day3, .share_4 .share_day4,
.share_5 .share_day1, .share_5 .share_day2, .share_5 .share_day3, .share_5 .share_day4, .share_5 .share_day5,
.share_6 .share_day1, .share_6 .share_day2, .share_6 .share_day3, .share_6 .share_day4, .share_6 .share_day5, .share_6 .share_day6,
.share_7 .share_day1, .share_7 .share_day2, .share_7 .share_day3, .share_7 .share_day4, .share_7 .share_day5, .share_7 .share_day6, .share_7 .share_day7 {background:url(../images/indexpc_bg04_share_ed.png) no-repeat; background-size:100%; opacity:1;}

.share_0 .share_day1, .share_1 .share_day2, .share_2 .share_day3, .share_3 .share_day4, .share_4 .share_day5, .share_5 .share_day6, .share_6 .share_day7 { display:none;}
/*
.share_1 .share_day1, .share_2 .share_day1, .share_3 .share_day1, .share_4 .share_day1, .share_5 .share_day1, .share_6 .share_day1, .share_7 .share_day1,
.share_3 .share_day3, .share_4 .share_day3, .share_5 .share_day3, .share_6 .share_day3, .share_7 .share_day3 { display:none;}
*/
.index_bg04_sharebtn {width:0.9rem; height:0.4rem; display:block; position:absolute; z-index:6;}
.share_0 .index_bg04_sharebtn {left:2.8rem; top:2.45rem;}
.share_1 .index_bg04_sharebtn {left:2rem; top:5rem;}
.share_2 .index_bg04_sharebtn {left:4.3rem; top:4.35rem;}
.share_3 .index_bg04_sharebtn {left:6.5rem; top:4.2rem;}
.share_4 .index_bg04_sharebtn {left:5.5rem; top:2.05rem;}
.share_5 .index_bg04_sharebtn {left:8.6rem; top:2.35rem;}
.share_6 .index_bg04_sharebtn {left:9rem; top:5.0rem;}
.share_7 .index_bg04_sharebtn { display:none;}

.index_bg04_giftbg {width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:5;}
.dacheng_share_li {width:0.9rem; height:0.4rem; display:none; opacity:1; position:absolute;}
.dacheng_share_li.share1 {left:2.8rem; top:2.45rem;}
.dacheng_share_li.share2 {left:4.3rem; top:4.35rem;}
.dacheng_share_li.share3 {left:9rem; top:5.2rem;}
.dacheng_share_giftpic { display:none;}
.dacheng_share_li span { display:none;}
.dacheng_share_gifttext { display:none;}

.share_1 .share1, .share_2 .share1, .share_3 .share1, .share_4 .share1, .share_5 .share1, .share_6 .share1, .share_7 .share1 { display:block;}
.share_3 .share2, .share_4 .share2, .share_5 .share2, .share_6 .share2, .share_7 .share2 { display:block;}
.share_7 .share3 { display:block;}

.dacheng_share_li a.btn_lq {width:1.2rem; height:0.44rem; display:block; background:url(../images/indexpc_bg04_share_lq.png) no-repeat; background-size:100%; text-indent:-999rem; overflow:hidden; position:absolute; left:-0.15rem; top:0.1rem; z-index:5;}
.dacheng_share_li a.btn_no { display:none;}
.dacheng_share_li a.btn_ylq {width:1.2rem; height:0.44rem; display:block; background:url(../images/indexpc_bg04_share_ylq.png) no-repeat; background-size:100%; text-indent:-999rem; overflow:hidden; position:absolute; left:-0.15rem; top:-0.5rem; z-index:5;transform: rotate(-20deg); pointer-events: none;}
.dacheng_share_li a.btn_lq:hover {-webkit-filter:hue-rotate(10deg)brightness(1.2);filter:hue-rotate(10deg)brightness(1.2);}

.share_btn {width:0.5rem; height:1.8rem; display:block; background:url(../images/indexpc_bg04_sharebtn.png) no-repeat; background-size:100%; text-indent:-999rem; overflow:hidden; position:absolute; left:0.2rem; top:-1.8rem; -webkit-animation:animatop 1s linear infinite; z-index:3;}
.share_btn:hover {-webkit-filter:hue-rotate(10deg)brightness(1.2);filter:hue-rotate(10deg)brightness(1.2);}
.share_num {width:1.8rem; height:0.4rem; display:block; background:url(../images/indexpc_bg04_num.png) no-repeat; background-size:100%; position:absolute; left:-0.45rem; top:0.1rem; font-size:0.16rem; line-height:0.4rem; text-align:center; color:#41547b; font-weight:bold;}
.share_num span { color:#FF0000;}
.share_num em { font-style:normal; font-weight:normal;}
.share_quan {width:1rem; height:1rem; display:block; -webkit-transform: rotateX(106deg);transform: rotateX(106deg); position:absolute; left:-0.05rem; top:-0.6rem;}
.share_quan:before {content: '';width:1rem; height:1rem; display:block; background:url(../images/indexpc_bg04_sharequan.png) no-repeat; background-size:100%; -webkit-animation:rotateleft 10s linear infinite;}





.index_bg05_mc {width:12rem; height:5.28rem; display:block; position:absolute; left:50%; top:4rem; margin-left:-6rem; opacity:0;}
.animated .index_bg05_mc { -webkit-animation:small_in 0.5s linear 0.4s forwards; opacity:0;}

#certify .swiper-slide {width:9rem; height:5.28rem; display:block;}
#certify .swiper-slide img {width:9rem; height:5.28rem; position:absolute; left:0; top:0; z-index:6;}
#certify .swiper-button-prev {width:1.4rem; height:0.6rem; display:block; background:url(../images/indexpc_bg05_left.png) no-repeat; background-size:100%; position:absolute; left:0.2rem; top:50%; margin-top:-0.3rem;-webkit-animation:prevnext 2s linear infinite;}
#certify .swiper-button-next {width:1.4rem; height:0.6rem; display:block; background:url(../images/indexpc_bg05_right.png) no-repeat; background-size:100%; position:absolute; right:0.2rem; top:50%; margin-top:-0.3rem; -webkit-animation:prevnext 2s linear infinite;}
@-webkit-keyframes prevnext { 
	0%{ margin:-0.3rem 0rem 0 0rem;}
	50%{ margin:-0.3rem -0.15rem 0 -0.15rem;}
	100%{ margin:-0.3rem 0rem 0 0rem;}
}
.swiper-slide{-webkit-filter:brightness(0.6);filter:brightness(0.6); opacity:0 !important;}
.swiper-slide-prev {-webkit-filter:brightness(0.6);filter:brightness(0.6); opacity:1 !important;}
.swiper-slide-next {-webkit-filter:brightness(0.6);filter:brightness(0.6); opacity:1 !important;}
.swiper-slide-active {-webkit-filter:brightness(1);filter:brightness(1); opacity:1 !important;}

.swiper-pagination {width:6rem; height:0.4rem; display:block; position:absolute; left:50%; top:5.5rem; margin-left:-3rem; line-height:0.14rem; font-size:0;}
.swiper-pagination .swiper-pagination-bullet {width:0.14rem; height:0.14rem; background:#a8a39d; margin:0.01rem 0.1rem; transform: rotate(45deg); -moz-border-radius:0rem; border-radius:0rem; opacity:1;}
.swiper-pagination .swiper-pagination-bullet-active { background:#d4be9a; width:0.8rem; height:0.16rem; margin:0 0.1rem; transform: rotate(0deg); -moz-border-radius:0.1rem; border-radius:0.1rem;}


.index_bg06_ren {width:8rem; height:8rem; display:block; background:url(../images/indexpc_bg06_ren.png) no-repeat; background-size:100%; position:absolute; left:50%; top:2.8rem; margin-left:-6.4rem; z-index:2; opacity:0;}
.index_bg06_fb {width:5rem; height:5rem; display:block; padding:0.8rem; background:url(../images/indexpc_bg06_fbbg.png) no-repeat; background-size:100%; position:absolute; left:50%; top:3.6rem; margin-left:-0.6rem; z-index:4; opacity:0;}
.index_bg06_mfb { display:none;}
.animated .index_bg06_ren { -webkit-animation:big_in 0.5s linear 0s forwards;}
.animated .index_bg06_fb { -webkit-animation:right_in 0.5s linear 0.3s forwards;}

.index_bg07_text {width:12rem; height:3.2rem; display:block; background:url(../images/indexpc_bg07_text.png) no-repeat; background-size:100%; position:absolute; left:50%; top:0.2rem; margin-left:-6rem; z-index:3;}
.index_footer {width:100%; height:1rem; display:block; color:#333333; position:absolute; left:0; bottom:0.2rem;}





.scrolldown {width:0.8rem; height:1rem; display:block; position:absolute; position:fixed; left:50%; bottom:0rem; margin-left:-0.4rem; z-index:10; opacity:0.6;}
.scrolldown:before {content: ''; width:0.8rem; height:1rem; display:block; background:url(../images/indexpc_scrolldown_text.png) no-repeat; background-size:100%; position:absolute; left:0; bottom:0rem;-webkit-animation:scrolldown2 1s linear infinite;}
@-webkit-keyframes scrolldown2 { 
	0%{bottom:0rem;}
	50%{bottom:0.05rem;}
	100%{bottom:0rem;}
}
.scrolldown:after {content: ''; width:0.8rem; height:1rem; display:block; background:url(../images/indexpc_scrolldown_jt.png) no-repeat; background-size:100%; position:absolute; left:0; bottom:0rem;-webkit-animation:scrolldown 1s linear infinite;}
@-webkit-keyframes scrolldown { 
	0%{bottom:0rem;}
	50%{bottom:0.1rem;}
	100%{bottom:0rem;}
}
.scrolldown_h {width:0; height:60rem; display:block; overflow:hidden; position:absolute; left:0; top:-999rem;}




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

/* 敬請期待 */
.home_qidaibg {width:4.6rem; height:2.5rem; 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:66%; height:1rem; padding:0.8rem 0rem 0 0; display:block; margin:0 auto; font-size:0.2rem; line-height:0.32rem; color:#2e3755; text-align:center;display: flex;flex-wrap: -webkit-wrap;-webkit-align-items: center;-webkit-justify-content: center;}
.home_qidaibg .btn_close {width:0.4rem; height:0.4rem; display:block; text-indent:-999rem; background:url(../images/indexpc_win_close.png) no-repeat; background-size:100%; position:absolute; right:-0.2rem; top:0.1rem; z-index:6;}

/* 信息提示 */
.home_resultsbg {width:4.6rem; height:2.5rem; 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_resultsbg .btn_close {width:0.4rem; height:0.4rem; display:block; text-indent:-999rem; background:url(../images/indexpc_win_close.png) no-repeat; background-size:100%; position:absolute; right:-0.2rem; top:0.1rem; z-index:6;}
.home_resultsbg .title {width:90%; padding:0.6rem 0rem 0 0rem; margin:0 auto; font-size:0.24rem; line-height:0.4rem; color:#2e3755; text-align:center; display:block;}
.home_resultsbg .text {width:90%; padding:0.2rem 0rem 0 0rem; margin:0 auto; font-size:0.16rem; line-height:0.32rem; color:#2e3755; 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:5.4rem; 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.7rem; z-index:2;}
.home_receive_text {width:4rem; display:block; position:absolute; left:0.7rem; top:1rem; 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:2.2rem; height:0.64rem; display:block; text-indent:-999rem; background:url(../images/indexpc_receive_btn.png) no-repeat; background-size:100%; position:absolute; left:1.6rem; top:2rem; z-index:6;}
.home_receivebg .btn_close:hover {-webkit-filter:brightness(1.1);filter:brightness(1.1);}


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

.index_login,.index_register {width:3.6rem; height:3.2rem; display:block; position:absolute; left:6.6rem; top:2.3rem;}
.index_login_menu {width:3.4rem; height:0.4rem; 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.6rem; height:0.4rem; float:left; margin:0 0.05rem; 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.4rem;}
.index_login_menu a:nth-child(2) { background-position:-1.6rem -0.4rem;}
.index_login_menu a:first-child:hover  { background-position:0 -0.8rem;}
.index_login_menu a:nth-child(2):hover  { background-position:-1.6rem -0.8rem;}
.index_login_menu a:first-child.on  { background-position:0 -0rem;}
.index_login_menu a:nth-child(2).on  { background-position:-1.6rem -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:0.82rem; top:1.65rem;}
.index_login_button {width:2.5rem; 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;}


/* 預約成功 */
.reservation_successbg {width:9.8rem; height:5.8rem; display:block; background:url(../images/indexpc_successbg.png) no-repeat; background-size:100%; position:absolute; left:50%; top:50%; margin:-3rem -4.9rem; z-index:2;}
.reservation_successbg:before {content:''; width:3rem; height:1rem; display:block; background:url(../images/indexpc_success01.png) no-repeat; background-size:100%; position:absolute; left:5.2rem; top:1.5rem;}
.reservation_successbg .btn_close {width:0.4rem; height:0.4rem; display:block; text-indent:-999rem; background:url(../images/indexpc_win_close.png) no-repeat; background-size:100%; position:absolute; right:0.5rem; top:0.9rem; z-index:6;}
.reservation_btn {width:3.6rem; height:2.2rem; display:block; position:absolute; left:4.9rem; top:3rem; overflow:hidden; z-index:5;}
.reservation_btn .game_icon { display:none;}
.reservation_btn .down_code { display:none;}
.reservation_btn .down_googleplay {width:1.4rem; height:0.4rem; background:url(../images/down_googleplay.png) no-repeat center top; background-size:auto 100%; border:0.01rem solid #ffffff; border-radius:0.06rem; display:block; text-indent:-999rem; position:absolute; left:0.34rem; top:0.15rem; z-index:5; cursor:pointer;}
.reservation_btn .down_googleplay:hover {border:0.01rem solid #fff58b;}
.reservation_btn .down_appstore {width:1.4rem; height:0.4rem; background:url(../images/down_appstore.png) no-repeat center top; background-size:auto 100%; border:0.01rem solid #ffffff; border-radius:0.06rem; display:block; text-indent:-999rem; position:absolute;right:0.34rem; top:0.15rem; z-index:5; cursor:pointer;}
.reservation_btn .down_appstore:hover {border:0.01rem solid #fff58b;}
.reservation_btn .down_pcgame { display:none;}
.reservation_btn .down_gamebox {width:2.3rem; height:0.8rem; background:url(../images/indexpc_success_pcbox.png) no-repeat; background-size:100%; display:block; text-indent:-999rem; position:absolute;left:0.64rem; top:1.35rem; z-index:5; cursor:pointer;}
.reservation_btn a:hover {-webkit-filter:brightness(1.1);filter:brightness(1.1);}

.reservation_successbg.successbg1:before {background:url(../images/indexpc_success01.png) no-repeat; background-size:100%;}
.reservation_successbg.successbg2:before {background:url(../images/indexpc_success02.png) no-repeat; background-size:100%;}


/* 活動說明 */
.lucky_notes_bg {width:7.4rem; height:5.6rem; display:block; background:url(../images/indexpc_luckynotes_bg.png) no-repeat; background-size:100%; position:absolute; left:50%; top:50%; margin:-2.8rem -3.7rem; z-index:2;}
.lucky_notes_bg .btn_close {width:0.4rem; height:0.4rem; display:block; text-indent:-999rem; background:url(../images/indexpc_win_close.png) no-repeat; background-size:100%; position:absolute; right:0.1rem; top:0.4rem; z-index:6;}

/* 扭蛋記錄 */
.lucky_record_bg {width:8rem; height:5.4rem; display:block; background:url(../images/indexpc_record_bg.png) no-repeat; background-size:100%; position:absolute; left:50%; top:50%; margin:-2.7rem -4rem; z-index:2;}
.lucky_record_bg .btn_close {width:0.4rem; height:0.4rem; display:block; text-indent:-999rem; background:url(../images/indexpc_win_close.png) no-repeat; background-size:100%; position:absolute; right:0.5rem; top:0.5rem; z-index:6;}
.lucky_record_title {width:4.2rem; height:0.32rem; display:block; font-size:0.16rem; line-height:0.32rem; color:#8b5e24; position:absolute; left:2.1rem; top:1.2rem;}
.lucky_record_list {width:4.4rem; height:3rem; display:block; overflow:hidden; overflow-y:auto; position:absolute; left:2rem; top:1.65rem; font-size:0.13rem; line-height:0.32rem; color:#333333;}
.lucky_record_list li {width:4.2rem; float:left; height:0.32rem; border-bottom:0.01rem dashed #cdbcad;}
.lucky_record_list li.minus .record_fr { color:#8e3713;}
.lucky_record_list li.plus .record_fr { color:#1a8d0b;}

.lucky_record_bg .record_fl {width:1.2rem; float:left; padding-left:0.1rem; text-align:left;}
.lucky_record_bg .record_fc {width:1.7rem; float:left; padding-left:0.1rem; text-align:left;}
.lucky_record_bg .record_fr {width:1rem; float:left; text-align:center;}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.lucky_record_list::-webkit-scrollbar {width: 0.08rem; height: 0.16rem; background-color: #ded4c3;}
/*定义滚动条轨道 内阴影+圆角*/
.lucky_record_list::-webkit-scrollbar-track {background-color: #ded4c3;}
/*定义滑块 内阴影+圆角*/
.lucky_record_list::-webkit-scrollbar-thumb {background-color: #ab8a65;}


.scroll_h {width:0; height:7rem; display:block; overflow:hidden; position:absolute; left:0; top:-999rem;}




/* 預約彈層 */
.index_yywinbg {width:11rem; height:6.4rem; display:block; background:url(../images/indexpc_yywin_bg.png) no-repeat; background-size:100%; position:absolute; left:50%; top:50%; margin:-3.4rem 0 0 -6rem; z-index:5;}
.index_yywinbg .btn_close {width:0.4rem; height:0.4rem; display:block; text-indent:-999rem; background:url(../images/indexpc_win_close.png) no-repeat; background-size:100%; position:absolute; right:1.4rem; top:1.2rem; z-index:6;}
.index_yywin_top {width:4rem; height:3.8rem; display:block; position:absolute; left:5.2rem; top:1.5rem; z-index:5;}
.index_yywin_top .index_bg02_yuyue_mc {left:0; top:1.3rem;}
.index_yywin_top .index_bg02_telephone font { display:none;}
.index_yywin_top .index_bg02_yuyue_mc:before { content:''; width:3.4rem; height:0.6rem; display:block; background:url(../images/indexpc_yywin_title.png) no-repeat; background-size:100%; position:absolute; left:0.14rem; top:-0.25rem;}
.index_yywin_top .index_bg02_btn1 { top:1.7rem;}

.index_yywin_date {width:3.2rem; height:0.6rem; display:block; background:url(../images/indexpc_yywin_date.png) no-repeat; background-size:100%; font-size:0.55rem; line-height:0.6rem; color:#ffffff; font-weight:bold; position:absolute; left:0.24rem; top:0.35rem; z-index:5;}
.index_yywin_date .m1, .index_yywin_date .m2 { display:none;}
.index_yywin_date .t1, .index_yywin_date .t2, .index_yywin_date .t3 {width:0.9rem; text-align:center; display:block; position:absolute; top:0;}
.index_yywin_date .t1 { left:0.01rem;}
.index_yywin_date .t2 { left:1.15rem;}
.index_yywin_date .t3 { left:2.29rem;}



.index_endwinbg {width:6.6rem; height:4.2rem; display:block; background:url(../images/indexpc_endwin_bg.png) no-repeat; background-size:100% 100%; position:absolute; left:50%; top:50%; margin:-2.2rem 0 0 -3.3rem; z-index:5;}
.index_endwinbg .btn_close {width:0.4rem; height:0.4rem; display:block; text-indent:-999rem; background:url(../images/indexpc_win_close.png) no-repeat; background-size:100%; position:absolute; right:0.8rem; top:0.6rem; z-index:6;}
.reservation_down {width:3.5rem; height:0.82rem; display:block; position:absolute; left:1.55rem; top:3.1rem; z-index:10;}
.reservation_down .game_icon { display:none;}
.reservation_down .down_code {width:1.2rem; height:0.82rem; display:block; background:url(../images/indexpc_endwin_codebg.png) no-repeat; background-size:100%; position:absolute; left:0rem; top:0rem;}
.reservation_down .down_code img {width:0.72rem; height:0.72rem; display:block; position:absolute; right:0.05rem; top:0.05rem;}
.reservation_down .down_googleplay {width:1.25rem; height:0.36rem; display:block; text-indent:-999rem; overflow:hidden; border:0.01rem solid #ffffff;border-radius:0.06rem; background:url(../images/down_googleplay.png) no-repeat center top; background-size:auto 100%; position:absolute; left:1.34rem; top:0rem;}
.reservation_down .down_appstore {width:1.25rem; height:0.36rem; display:block; text-indent:-999rem; overflow:hidden; border:0.01rem solid #ffffff;border-radius:0.06rem; background:url(../images/down_appstore.png) no-repeat center top; background-size:auto 100%; position:absolute; left:1.34rem; top:0.44rem;}
.reservation_down .down_pcgame { display:none;}
.reservation_down .down_gamebox {width:0.74rem; height:0.82rem; display:block; text-indent:-999rem; background:url(../images/indexpc_endwin_gamebox.png) no-repeat; background-size:100%; position:absolute; left:2.75rem; top:0rem;}
.reservation_down a { cursor:pointer;}
.reservation_down a:hover {-webkit-filter:brightness(1.1);filter:brightness(1.1);}



/* 上線提醒 */
.index_kftimebg {width:6.6rem; height:4.2rem; display:block; background:url(../images/indexpc_kftime_bg.png) no-repeat; background-size:100% 100%; position:absolute; left:50%; top:50%; margin:-2.2rem 0 0 -3.3rem; z-index:5;}
.index_kftimebg .btn_close {width:0.4rem; height:0.4rem; display:block; text-indent:-999rem; background:url(../images/indexpc_win_close.png) no-repeat; background-size:100%; position:absolute; right:0.8rem; top:0.6rem; z-index:6;}
.index_kftime_mc {width:3.1rem; height:0.82rem; display:block; position:absolute; left:1.2rem; top:3.1rem; z-index:10;}
.index_kftime_mc .game_icon { display:none;}
.index_kftime_mc .down_code {width:0.82rem; height:0.82rem; display:block; background:#a76926; border-radius:0.06rem; position:absolute; left:0rem; top:0rem;}
.index_kftime_mc .down_code img {width:0.72rem; height:0.72rem; display:block; position:absolute; right:0.05rem; top:0.05rem;}
.index_kftime_mc .down_googleplay {width:1.25rem; height:0.36rem; display:block; text-indent:-999rem; overflow:hidden; border:0.01rem solid #ffffff;border-radius:0.06rem; background:url(../images/down_googleplay.png) no-repeat center top; background-size:auto 100%; position:absolute; left:0.94rem; top:0rem;}
.index_kftime_mc .down_appstore {width:1.25rem; height:0.36rem; display:block; text-indent:-999rem; overflow:hidden; border:0.01rem solid #ffffff;border-radius:0.06rem; background:url(../images/down_appstore.png) no-repeat center top; background-size:auto 100%; position:absolute; left:0.94rem; top:0.44rem;}
.index_kftime_mc .down_pcgame { display:none;}
.index_kftime_mc .down_gamebox {width:0.74rem; height:0.82rem; display:block; text-indent:-999rem; background:url(../images/indexpc_endwin_gamebox.png) no-repeat; background-size:100%; position:absolute; left:2.32rem; top:0rem;}
.index_kftime_mc a { cursor:pointer;}
.index_kftime_mc a:hover {-webkit-filter:brightness(1.1);filter:brightness(1.1);}
.index_kftime_btn {width:1.2rem; height:1.2rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/indexpc_kftime_btn.png) no-repeat; background-size:100%; position:absolute; left:4.3rem; top:2.9rem; z-index:11;}
.index_kftime_btn:before { content:''; width:1.2rem; height:1.2rem; display:block; background:url(../images/indexpc_kftime_btntt.png) no-repeat; background-size:100%; position:absolute; left:0; top:0;-webkit-animation:down_yuyue 1s linear infinite;}
.index_kftime_btn:hover {-webkit-filter:brightness(1.1);filter:brightness(1.1);}


/* 獎品箱 */
.home_winjpxbg {width:7rem; height:3.6rem; padding:0.95rem 0.9rem 0.95rem 0.9rem; position:absolute; left:50%; top:50%; margin:-2.75rem 0 0 -4.4rem; background:url(../images/indexpc_jpxbg.png) no-repeat; background-size:100%; color:#333333; z-index:9;}
.home_winjpx_title {width:0.4rem; height:0.4rem; display:block;position:absolute; right:0.5rem; 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_right {width:1.3rem; height:4.5rem; display:block; position:absolute; position:fixed; right:-3rem; top:50%; margin-top:-2.5rem; z-index:40; opacity:0;}
.index_right:before {content: '';width:1.8rem; height:5.6rem; display:block; background:url(../images/indexpc_right_bg.png) no-repeat; background-size:100%; position:absolute; left:-0.25rem; top:-0.45rem; z-index:1; pointer-events: none;}

.index_right_btn { width:1.3rem; height:4.5rem; display:block; position:absolute; left:0rem; top:0rem; z-index:3;}
.index_right_btn a {width:1.3rem; height:0.4rem; display:block; text-indent:-999rem; overflow:hidden; cursor:pointer;}
.index_right_btn a:before {content:''; width:1.1rem; height:0.01rem; display:block; overflow:hidden; background:#31518b; position:absolute; left:0.1rem; bottom:0rem; opacity:0.5;}
.index_right_btn .game_icon { display:none;}
.index_right_btn .down_code {width:1.3rem; height:1.4rem; display:block; position:absolute; left:0rem; top:0.22rem;}
.index_right_btn .down_code img {width:1.1rem; height:1.1rem; position:absolute; left:0.1rem; top:0;}
.index_right_btn .down_code:after { content:'立 即 掃 碼 預 約'; width:1.3rem; font-size:0.13rem; line-height:0.2rem; color:#FFFFFF; text-align:center; display:block; position:absolute; left:0; top:-0.24rem;}
.index_right_btn .down_googleplay {background:url(../images/indexpc_right_menu1.png) no-repeat; background-size:100%; position:absolute; left:0rem; top:1.4rem;}
.index_right_btn .down_appstore {background:url(../images/indexpc_right_menu2.png) no-repeat; background-size:100%; position:absolute; left:0rem; top:1.82rem;}
.index_right_btn .down_pcgame { display:none;}
.index_right_btn .down_gamebox {background:url(../images/indexpc_right_menu3.png) no-repeat; background-size:100%; position:absolute; left:0rem; top:2.24rem;}
.index_right_btn .right_btn_gw {background:url(../images/indexpc_right_menu4.png) no-repeat; background-size:100%; position:absolute; left:0rem; top:2.66rem;}
.index_right_btn .right_btn_le {background:url(../images/indexpc_right_menu5.png) no-repeat; background-size:100%; position:absolute; left:0rem; top:3.08rem; overflow:inherit;}
.index_right_btn .right_btn_fb {background:url(../images/indexpc_right_menu6.png) no-repeat; background-size:100%; position:absolute; left:0rem; top:3.50rem;}
.index_right_btn .right_btn_jpx {background:url(../images/indexpc_right_menu7.png) no-repeat; background-size:100%; position:absolute; left:0rem; top:3.92rem;}
.index_right_btn .right_btn_yy, .index_right_btn .right_btn_db, .index_right_btn .right_btn_jj, .index_right_btn .right_btn_cj { display:none;}
.index_right_btn a:hover:before {width:1.3rem; height:0.39rem; background: linear-gradient(rgba(150, 255, 255, 0), rgba(150, 255, 255, 0.5)); left:0; border-bottom:0.01rem solid #31518b;}
.index_right_btn .right_btn_le:after{content:''; width:2rem; height:2rem; display:block; background:url(../images/indexpc_linecode.png) no-repeat; background-size:100%; position:absolute; right:1.2rem; top:-0.3rem; opacity:0; pointer-events: none;}
.index_right_btn .right_btn_le:hover:after{ opacity:1;}

.index_right_user {width:1.3rem; height:0.6rem; display:block; overflow:hidden; position:absolute; left:0rem; top:4.45rem; z-index:5; font-size:0.13rem; line-height:0.2rem; color:#31518b; text-align:center;}
.index_right_user a {width:0.6rem; height:0.2rem; display:block; margin:0 auto; background:#1854aa; color:#ffffff; overflow:hidden;-moz-border-radius:0.06rem; border-radius:0.06rem; margin-top:0.04rem;}
.index_right_user a:hover { background:#1567dc;}
.index_right_user span { width:100%; display:block; word-break:keep-all;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}

/* 頂部菜單 */
.index_heard { display:none;}


/* 滾動頁面時動畫 */

.index_right.ani-in { -webkit-animation:ani-in1 0.4s linear forwards;}
.index_right.ani-out { -webkit-animation:ani-out1 0.4s linear forwards;}
.index_heard.ani-in { -webkit-animation:ani-in2 0.4s linear forwards;}
.index_heard.ani-out { -webkit-animation:ani-out2 0.4s linear forwards;}
.index_bg01_btn.ani-in { -webkit-animation:ani-in3 0.4s linear forwards;}
.index_bg01_btn.ani-out { -webkit-animation:ani-out3 0.4s linear forwards;}


@-webkit-keyframes ani-in1 { 
	from{opacity:0;right:-3rem;}
	to{opacity:1;right:0.2rem;}
}
@-webkit-keyframes ani-out1 { 
	from{opacity:1;right:0.2rem;}
	to{opacity:0;right:-3rem;}
}

@-webkit-keyframes ani-in2 { 
	from{opacity:0;top:-1rem;}
	to{opacity:1;top:0rem;}
}
@-webkit-keyframes ani-out2 { 
	from{opacity:1;top:0rem;}
	to{opacity:0;top:-1rem;}
}

@-webkit-keyframes ani-in3 { 
	from{opacity:1;}
	to{opacity:0;}
}
@-webkit-keyframes ani-out3 { 
	from{opacity:0;}
	to{opacity:1;}
}



#container {
    position:absolute;
	left:0; top:0;
    height: 100%;
    width: 100%;
    overflow: hidden;
	z-index:5;
}

#leafContainer 
{
    position: absolute;
    width: 100%;
    height: 100%;
}
#leafContainer > div 
{
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-iteration-count: infinite, infinite;
    -webkit-animation-direction: normal, normal;
    -webkit-animation-timing-function: linear, ease-in;
}
#leafContainer > div > img {
     position: absolute;
     width: 120px;
     height: 120px;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-direction: alternate;
     -webkit-animation-timing-function: ease-in-out;
     -webkit-transform-origin: 50% -100%;
}
@-webkit-keyframes fade
{
    0%   { opacity: 1; }
    70%  { opacity: 0.8; }
    100% { opacity: 0; }
}
@-webkit-keyframes drop
{
    0%   { -webkit-transform: translate(-200px, -40px); }
    100% { -webkit-transform: translate(200px, 1200px); }
}
@-webkit-keyframes clockwiseSpin
{
    0%   { -webkit-transform: rotate(-50deg); }
    100% { -webkit-transform: rotate(100deg); }
}
@-webkit-keyframes counterclockwiseSpinAndFlip 
{
    0%   { -webkit-transform: scale(-1, 1) rotate(100deg); }
    100% { -webkit-transform: scale(-1, 1) rotate(-80deg); }
}