body{margin:0;padding:0;font-family:"Microsoft YaHei";}
#main{width:100%;height:100%;position:absolute;overflow:hidden;z-index:1000000}
#loading{z-index:90;width:100%;height:100%;position:absolute;background:url('../images/loading.jpg') no-repeat 100% 100%;background-size:100% 100%;overflow:hidden;}
.loading *{position:absolute;}
.val{width:100%;height:100%;position:absolute;background:url('../images/loading2.png') no-repeat 100% 100%;background-size:100% 100%;}
.line{top:-62%;width:100%;height:100%;position:absolute;background:url('../images/loading1.png') no-repeat 100% 100%;background-size:100% 100%;}
.pic{width:100%;height:100%;position:absolute;background:url('../images/loading.png') no-repeat 100% 100%;background-size:100% 100%;}

#begin{display:none;width:100%;height:100%;position:absolute;background:url('../images/p0.jpg') no-repeat 100% 100%;background-size:100% 100%;}
#begin .w0{opacity: 0;width:100%;height:100%;position:absolute;background:url('../images/p0.1.png') no-repeat 100% 100%;background-size:100% 100%;}
#begin .w1{opacity: 0;width:100%;height:100%;position:absolute;background:url('../images/p0.2.png') no-repeat 100% 100%;background-size:100% 100%;}
#begin .start{position:absolute;top:34%;left:31%;width:17%;height:34%;}

#begin.ani .w0{animation:fadeInLeft1 1s .5s ease both;
	          -moz-animation:fadeInLeft1 1s .5s ease both;
	          -webkit-animation:fadeInLeft1 1s .5s ease both;
	          -o-animation:fadeInLeft1 1s .5s ease both}
#begin.ani .w1{animation:fadeIn 1s 2s ease both;
	          -moz-animation:fadeIn 1s 2s ease both;
	          -webkit-animation:fadeIn 1s 2s ease both;
	          -o-animation:fadeIn 1s 2s ease both}  

#story{display:none;width:100%;height:100%;position:absolute;background:url('../images/p1.jpg') no-repeat 100% 100%;background-size:100% 100%;}
#story .w0{opacity: 0;width:100%;height:100%;position:absolute;background:url('../images/p1.1.png') no-repeat 100% 100%;background-size:100% 100%;}
#story .accept{position:absolute;top:31%;left:13%;width:13%;height:21%;}

#story.ani .w0{animation:fadeIn 1s .5s ease both;
	          -moz-animation:fadeIn 1s .5s ease both;
	          -webkit-animation:fadeIn 1s .5s ease both;
	          -o-animation:fadeIn 1s .5s ease both}  

#explain{display:none;width:100%;height:100%;position:absolute;background:url('../images/p2.jpg') no-repeat 100% 100%;background-size:100% 100%;}
#explain .w0{opacity: 0;width:100%;height:100%;position:absolute;background:url('../images/p2.1.png') no-repeat 100% 100%;background-size:100% 100%;}
#explain .w1{pointer-events:none;opacity: 0;width:100%;height:100%;position:absolute;background:url('../images/p2.2.png') no-repeat 100% 100%;background-size:100% 100%;}


#explain .play{position:absolute;top:49.5%;left:10%;width:13%;height:20%;}

#explain.ani .w0{animation:fadeIn 1s .5s ease both;
	          -moz-animation:fadeIn 1s .5s ease both;
	          -webkit-animation:fadeIn 1s .5s ease both;
	          -o-animation:fadeIn 1s .5s ease both}
#explain.ani .w1{animation:fadeInDown1 1s 1.5s ease both;
	          -moz-animation:fadeInDown1 1s 1.5s ease both;
	          -webkit-animation:fadeInDown1 1s 1.5s ease both;
	          -o-animation:fadeInDown1 1s 1.5s ease both}  


#game{display:none;width:100%;height:100%;position:absolute;background:url('../images/p3.jpg') no-repeat 100% 100%;background-size:100% 100%;}
#game .bj1{width:100%;height:100%;position:absolute;background:url('../images/bj1.png') no-repeat 100% 100%;background-size:100% 100%;}
#game .bj2{width:100%;height:100%;position:absolute;background:url('../images/bj2.png') no-repeat 100% 100%;background-size:100% 100%;}
#game .bj3{width:100%;height:100%;position:absolute;background:url('../images/bj3.png') no-repeat 100% 100%;background-size:100% 100%;}
#game .bj4{width:100%;height:100%;position:absolute;background:url('../images/bj4.png') no-repeat 100% 100%;background-size:100% 100%;}
#game .bj01{width:100%;height:100%;position:absolute;background:url('../images/bj01.png') no-repeat 100% 100%;background-size:100% 100%;}
#game .bj02{width:100%;height:100%;position:absolute;background:url('../images/bj02.png') no-repeat 100% 100%;background-size:100% 100%;}

#game .coin1{top:12%;left:27%;width:31.6%;height:20.7%;position:absolute;background:url('../images/1.png') no-repeat 100% 100%;background-size:100% 100%;}
#game .coin2{top:40.5%;left:27%;width:31.6%;height:20.7%;position:absolute;background:url('../images/1.png') no-repeat 100% 100%;background-size:100% 100%;}
#game .coin3{top:69%;left:27%;width:31.6%;height:20.7%;position:absolute;background:url('../images/1.png') no-repeat 100% 100%;background-size:100% 100%;}
#game .coin4{top:12%;left:8%;width:31.6%;height:20.7%;position:absolute;background:url('../images/1.png') no-repeat 100% 100%;background-size:100% 100%;}
#game .coin5{top:40.5%;left:8%;width:31.6%;height:20.7%;position:absolute;background:url('../images/1.png') no-repeat 100% 100%;background-size:100% 100%;}
#game .coin6{top:69%;left:8%;width:31.6%;height:20.7%;position:absolute;background:url('../images/1.png') no-repeat 100% 100%;background-size:100% 100%;}
#game .coin7{top:12%;left:-17%;width:31.6%;height:20.7%;position:absolute;background:url('../images/1.png') no-repeat 100% 100%;background-size:100% 100%;}
#game .coin8{top:40.5%;left:-17%;width:31.6%;height:20.7%;position:absolute;background:url('../images/1.png') no-repeat 100% 100%;background-size:100% 100%;}
#game .coin9{top:71%;left:-17%;width:31.6%;height:20.7%;position:absolute;background:url('../images/1.png') no-repeat 100% 100%;background-size:100% 100%;}

#game .click1{position:absolute;top:14%;left:57%;width:20%;height:16%;}
#game .click2{position:absolute;top:43%;left:57%;width:20%;height:16%;}
#game .click3{position:absolute;top:71%;left:57%;width:20%;height:16%;}
#game .click4{position:absolute;top:14%;left:39%;width:20%;height:16%;}
#game .click5{position:absolute;top:43%;left:39%;width:20%;height:16%;}
#game .click6{position:absolute;top:71%;left:39%;width:20%;height:16%;}
#game .click7{position:absolute;top:14%;left:14%;width:20%;height:16%;}
#game .click8{position:absolute;top:43%;left:14%;width:20%;height:16%;}
#game .click9{position:absolute;top:73%;left:14%;width:20%;height:16%;}

#game .cz1{display:none;position:absolute;top:14%;left:64%;width:16.9%;height:19%;background:url('../images/p3.11.png') no-repeat 100% 100%;background-size:100% 100%;}
#game .cz2{display:none;position:absolute;top:43%;left:64%;width:16.9%;height:19%;background:url('../images/p3.11.png') no-repeat 100% 100%;background-size:100% 100%;}
#game .cz3{display:none;position:absolute;top:71%;left:64%;width:16.9%;height:19%;background:url('../images/p3.11.png') no-repeat 100% 100%;background-size:100% 100%;}
#game .cz4{display:none;position:absolute;top:14%;left:45%;width:16.9%;height:19%;background:url('../images/p3.11.png') no-repeat 100% 100%;background-size:100% 100%;}
#game .cz5{display:none;position:absolute;top:43%;left:45%;width:16.9%;height:19%;background:url('../images/p3.11.png') no-repeat 100% 100%;background-size:100% 100%;}
#game .cz6{display:none;position:absolute;top:71%;left:45%;width:16.9%;height:19%;background:url('../images/p3.11.png') no-repeat 100% 100%;background-size:100% 100%;}
#game .cz7{display:none;position:absolute;top:14%;left:20%;width:16.9%;height:19%;background:url('../images/p3.11.png') no-repeat 100% 100%;background-size:100% 100%;}
#game .cz8{display:none;position:absolute;top:43%;left:20%;width:16.9%;height:19%;background:url('../images/p3.11.png') no-repeat 100% 100%;background-size:100% 100%;}
#game .cz9{display:none;position:absolute;top:73%;left:20%;width:16.9%;height:19%;background:url('../images/p3.11.png') no-repeat 100% 100%;background-size:100% 100%;}

#game .w0{width:100%;height:100%;position:absolute;background:url('../images/p3.2.png') no-repeat 100% 100%;background-size:100% 100%;}
#game .w1{width:100%;height:100%;position:absolute;background:url('../images/p3.3.png') no-repeat 100% 100%;background-size:100% 100%;}
#game .timeline{top:5.5%;right:0;width:14.5%;height:33.9%;position:absolute;background:url('../images/p3.4.png?1') no-repeat 100% 100%;background-size:100% 100%;}
#game .w2{width:100%;height:100%;position:absolute;background:url('../images/p3.5.png') no-repeat 100% 100%;background-size:100% 100%;}

#game .score{position:absolute;top:83%;left:84%;width:7.25%;height:4.46%;}
#game .score .shi{display: none}
#game .score .ge{display: block}
#game .score img{opacity: 1;width: 100%}

#result{display:none;width:100%;height:100%;position:absolute;background:url('../images/p4.jpg') no-repeat 100% 100%;background-size:100% 100%;}
#result .w0{width:100%;height:100%;position:absolute;background:url('../images/p4.1.png') no-repeat 100% 100%;background-size:100% 100%;}
#result .w0 .btn1{position:absolute;top:17%;left:8%;width:10%;height:19%;}
#result .w0 .btn2{position:absolute;top:38%;left:8%;width:10%;height:14%;}
#result .w0 .btn3{position:absolute;top:54%;left:8%;width:10%;height:9%;}
#result .w0 .btn4{position:absolute;top:66%;left:8%;width:10%;height:15%;}

#result .xj1{position:absolute;top:19%;left:45%;width:8%;height:13%;}
#result .xj2{position:absolute;top:35%;left:45%;width:8%;height:13%;}
#result .xj3{position:absolute;top:51%;left:45%;width:8%;height:13%;}
#result .xj4{position:absolute;top:66%;left:45%;width:8%;height:14%;}

#result .hand{pointer-events:none;opacity: 0;top:28%;left:37%;width:16.2%;height:7.6%;position:absolute;background:url('../images/hand.png') no-repeat 100% 100%;background-size:100% 100%;}

#result .fc1{display:none;width:100%;height:100%;position:absolute;background:url('../images/p5.1.jpg') no-repeat 100% 100%;background-size:100% 100%;}
#result .fc2{display:none;width:100%;height:100%;position:absolute;background:url('../images/p5.2.jpg') no-repeat 100% 100%;background-size:100% 100%;}
#result .fc3{display:none;width:100%;height:100%;position:absolute;background:url('../images/p5.3.jpg') no-repeat 100% 100%;background-size:100% 100%;}
#result .fc4{display:none;width:100%;height:100%;position:absolute;background:url('../images/p5.4.jpg') no-repeat 100% 100%;background-size:100% 100%;}

#result .close{position:absolute;top:84%;left:72%;width:13%;height:8%;}

#result .share{display:none;width:100%;height:100%;position:absolute;background:url('../images/share.jpg') no-repeat 100% 100%;background-size:100% 100%;}
#result .share .close{position:absolute;top:37%;left:9%;width:15%;height:22%;}

#result .wq{display:none;width:100%;height:100%;position:absolute;background:url('../images/more.jpg') no-repeat 100% 100%;background-size:100% 100%;}
#result .wq .phone{position:absolute;top: 35%;left: 15%;width: 12%;height: 30%;}
#result .wq .pc{position:absolute;top: 35%;left: 33%;width: 12%;height: 30%;}
#result .wq .close{position:absolute;top:91%;left:87%;width:10%;height:7%;}

#result .more{display:none;width:100%;height:100%;position:absolute;}
#result .more img{opacity: 1;width: 100%;height: 100%}
#result .more .link{position:absolute;top:32%;left:21%;width:10%;height:37%;}
#result .more .close{position:absolute;top:86%;left:80%;width:10%;height:7%;}

#result .level1{pointer-events:none;display:none;width:100%;height:100%;position:absolute;}
#result .level1 .a0{width:100%;height:100%;position:absolute;background:url('../images/p4.2.png') no-repeat 100% 100%;background-size:100% 100%;}
#result .level1 .a1{width:100%;height:100%;position:absolute;background:url('../images/p4.3.png') no-repeat 100% 100%;background-size:100% 100%;}
#result .level1 .sc1{position:absolute;top:59%;left:69%;width:7.25%;height:4.46%;color: #ffe96e;text-align: center;
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
#result .level1 .sc1 img{opacity: 1;width: 100%}

#result .level2{pointer-events:none;display:none;width:100%;height:100%;position:absolute;}
#result .level2 .a2{width:100%;height:100%;position:absolute;background:url('../images/p4.4.png') no-repeat 100% 100%;background-size:100% 100%;}
#result .level2 .a3{width:100%;height:100%;position:absolute;background:url('../images/p4.5.png') no-repeat 100% 100%;background-size:100% 100%;}
#result .level2 .sc2{position:absolute;top:35.5%;left:69%;width:7.25%;height:4.46%;color: #ffe96e;text-align: center;
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
#result .level2 .sc2 img{opacity: 1;width: 100%}

#result.ani .hand{animation:fadeIn 1s .5s ease infinite;
	          -moz-animation:fadeIn 1s .5s ease infinite;
	          -webkit-animation:fadeIn 1s .5s ease infinite;
	          -o-animation:fadeIn 1s .5s ease infinite} 

@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@-moz-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}

@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@-moz-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}

@-webkit-keyframes fadeInDown1{0%{opacity:0;-webkit-transform:translate3d(0,-40%,0);transform:translate3d(0,-40%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@-moz-keyframes fadeInDown1{0%{opacity:0;-webkit-transform:translate3d(0,-40%,0);transform:translate3d(0,-40%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDown1{0%{opacity:0;-webkit-transform:translate3d(0,-40%,0);transform:translate3d(0,-40%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}

@-webkit-keyframes fadeIn{0%{opacity:0}50{opacity:0.5}100%{opacity:1}}
@-moz-keyframes fadeIn{0%{opacity:0}50{opacity:0.5}100%{opacity:1}}
@keyframes fadeIn{0%{opacity:0}50{opacity:0.5}100%{opacity:1}}

@-webkit-keyframes fadeInLeft1{0%{opacity:0;-webkit-transform:translate3d(-40%,0,0);transform:translate3d(-40%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@-moz-keyframes fadeInLeft1{0%{opacity:0;-webkit-transform:translate3d(-40%,0,0);transform:translate3d(-40%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInLeft1{0%{opacity:0;-webkit-transform:translate3d(-40%,0,0);transform:translate3d(-40%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}

@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(40%,0,0);transform:translate3d(40%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@-moz-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(40%,0,0);transform:translate3d(40%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(40%,0,0);transform:translate3d(40%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}

@keyframes fadeInLeft1
{
    0%{opacity:0;-webkit-transform:translate3d(-40%,0,0);transform:translate3d(-40%,0,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}

@-moz-keyframes fadeInLeft1 /* Firefox */
{
    0%{opacity:0;-webkit-transform:translate3d(-40%,0,0);transform:translate3d(-40%,0,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}

@-webkit-keyframes fadeInLeft1 /* Safari 和 Chrome */
{
    0%{opacity:0;-webkit-transform:translate3d(-40%,0,0);transform:translate3d(-40%,0,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}

@keyframes loading_end
{
	0%{background-position-x:100%;}
	100%{background-position-x:0%;}
}
@-webkit-keyframes loading_end
{
	0%{background-position-x:100%;}
	100%{background-position-x:0%;}
}

@keyframes loading_end_animed
{
	0%{left:0;}
	100%{left:100%;}
}
@-webkit-keyframes loading_end_animed
{
	0%{left:0;}
	100%{left:100%;}
}


@keyframes transform1
{
	0%{transform:rotate(-90deg);opacity:0;}
	10%{transform:rotate(-90deg);opacity:1;}
	100%{transform:rotate(0deg);}
}
@-webkit-keyframes transform1
{
	0%{transform:rotate(-90deg);opacity:0;}
	10%{transform:rotate(-90deg);opacity:1;}
	100%{transform:rotate(0deg);}
}
@keyframes bag1
{
	0%{bottom:-36%;}
	90%{bottom:0%;height:37%;}
	100%{bottom:0%;height:36%;}
}
@-webkit-keyframes bag1
{
	0%{bottom:-36%;}
	90%{bottom:0%;height:37%;}
	100%{bottom:0%;height:36%;}
}

@keyframes hand
{
	0%{opacity:0;}
	20%{opacity:1;}
	40%{opacity:0;}
	60%{opacity:1;}
	100%{opacity:1;}
}
@-webkit-keyframes hand
{
	0%{opacity:0;}
	20%{opacity:1;}
	40%{opacity:0;}
	60%{opacity:1;}
	100%{opacity:1;}
}

@keyframes flowCloud{
	0%{opacity:0;top:0%;left:-200%;}
	5%{opacity:1;top:0%;left:-200%;}
	45%{opacity:1;top:-70%;left:-100%;}
	55%{opacity:1;top:-70%;left:-100%;}
	95%{opacity:1;top:-200%;left:0%;}
	100%{opacity:0;top:-200%;left:0%;display:none;}
}
@-webkit-keyframes flowCloud{
	0%{opacity:0;top:0%;left:-200%;}
	5%{opacity:1;top:0%;left:-200%;}
	45%{opacity:1;top:-70%;left:-100%;}
	55%{opacity:1;top:-70%;left:-100%;}
	95%{opacity:1;top:-200%;left:0%;}
	100%{opacity:0;top:-200%;left:0%;display:none;}
}

@keyframes chicken{
	0%{margin-left:12%;}
	50%{margin-left:13%;}
	100%{margin-left:12%;}
}
@-webkit-keyframes chicken{
	0%{margin-left:12%;}
	50%{margin-left:13%;}
	100%{margin-left:12%;}
}
@keyframes corn{
	0%{width:10%;}
	50%{width:11%;}
	100%{width:10%;}
}
@-webkit-keyframes corn{
	0%{width:10%;}
	50%{width:11%;}
	100%{width:10%;}
}
@keyframes result{
	0%{right:-100%;}
	100%{right:0;}
}
@-webkit-keyframes result{
	0%{right:-100%;}
	100%{right:0;}
}
@keyframes wheel{
	0%{-webkit-transform: rotate(0deg);}
	100%{-webkit-transform: rotate(90deg);}
}
@-webkit-keyframes wheel{
	0%{-webkit-transform: rotate(0deg);}
	100%{-webkit-transform: rotate(90deg);}
}
@keyframes train{
	0%{background-position-y:0%;}
	50%{background-position-y:100%;}
	100%{background-position-y:0%;}
}
@-webkit-keyframes train{
	0%{background-position-y:0%;}
	50%{background-position-y:100%;}
	100%{background-position-y:0%;}
}
@keyframes plus
{
	0%{opacity:1;}
	60%{opacity:1;}
	100%{opacity:0;}
}
@-webkit-keyframes plus
{
	0%{opacity:1;}
	60%{opacity:1;}
	100%{opacity:0;}
}
@keyframes pct
{
	0%{opacity:1;right:72%;}
	100%{opacity:0;right:60%;}
}
@-webkit-keyframes pct
{
	0%{opacity:1;right:72%;}
	100%{opacity:0;right:60%;}
}