@charset "utf-8";
.body {
	position: relative;
}
/* CSS Document */
#loading {display:block;background:#1a1a1a url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/loading.gif) center no-repeat;width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0; z-index:999999;}
#loading p {width:100%;height:50px;text-align:center;position:absolute;top:50%;margin-top:-15px;left:0;font-family: Arial, Helvetica, sans-serif;font-size:1.5em;color:#999; z-index:999999999;}

.swiper-container { width:100%; height:100%; background-color:#999; overflow:hidden;}
/* page1 */
.swiper-slide1 {
	background:url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/p1.jpg) center center no-repeat;
	background-size:100% auto;
	position: relative;
}
.swiper-slide1 p.logo {
	width: 28%;
	height: 17.09%;
	background: url(../images/logo_babyfs.png) top left no-repeat;
	background-size: auto 100%;
	position: absolute;
	top: 1%;
	left: 1%;
}
/* rule */
.rule {
	width: 100%;
	height: 100%;
	background: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/rule_bg.jpg) center center no-repeat;
	background-size: 100% 100%;
	position: relative;
	/*display: none;*/
}
.rule p:nth-child(1) {
	width: 44%;
	height: 8.39%;
	background: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/btn_start.png) top center no-repeat;
	background-size: auto 100%;
	position: absolute;
	top: 86.2%;
	left: 28%;
}
.rule p:nth-child(2) {
	width: 28%;
	height: 17.09%;
	background: url(../images/logo_babyfs.png) top left no-repeat;
	background-size: auto 100%;
	position: absolute;
	top: 3%;
	left: 3%;
	z-index: 9;
}
/* cover */
.cover {
	width: 100%;
	height: 100%;
	background: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/cover_bg.jpg) center center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.cover p:nth-child(1) {
	width: 74%;
	height: 10.56%;
	background: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/cover_img1.png) top left no-repeat;
	background-size: auto 100%;
	position: absolute;
	top: 6.22%;
	left: 39.06%;
}
.cover p:nth-child(2) {
	width: 11%;
	height: 6.22%;
	background: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/cover_img2.png) top left no-repeat;
	background-size: auto 100%;
	position: absolute;
	top: 21.06%;
	left: 70.26%;
}
.cover p:nth-child(3) {
	width: 100%;
	height: 56.22%;
	background: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/cover_img3.png) top center no-repeat;
	background-size: auto 100%;
	position: absolute;
	top: 30.35%;
	left: 0;
}
.coverImg1-animate {
	-webkit-animation:shakeLeftRight 5s ease-in-out infinite alternate;
}
@-webkit-keyframes shakeLeftRight{
0%{ -webkit-transform:translateX(0)}
100%{ -webkit-transform:translateX(50px)}
}
.coverImg2-animate {
	-webkit-animation:shakeUpDown 3s ease-in-out infinite alternate;
}
@-webkit-keyframes shakeUpDown{
0%{ -webkit-transform:translateY(0)}
100%{ -webkit-transform:translateY(-20px)}
}
.coverImg3-animate {
	-webkit-animation:bounceInRight 1.2s ease-in-out both;
}
@-webkit-keyframes bounceInRight{
0%{-webkit-transform:translateX(2000px)}
100%{-webkit-transform:translateX(0)}
}
/* part1 */
.part1 {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	/*display: none;*/
}
/* lid */
.part1 p {
	width: 26%;
	height: 14.09%;
	background-image: ;
	background-position: top left;
	background-repeat: no-repeat;
	position: absolute;
}
.part1 p span {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/lid.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: auto 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.part1 p:nth-child(1) {
	background-image: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/a.png);
	background-size: auto 100%;
	top: 3.47%;
	left: 66.13%;
	z-index: 27;
}
.part1 p:nth-child(2) {
	background-image: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/b.png);
	background-size: auto 100%;
	top: 23.23%;
	left: 66.13%;
	z-index: 25;
}
.part1 p:nth-child(3) {
	background-image: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/c.png);
	background-size: auto 100%;
	top: 23.23%;
	left: 36.93%;
	z-index: 23;
}
.part1 p:nth-child(4) {
	background-image: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/d.png);
	background-size: auto 100%;
	top: 23.23%;
	left: 7.46%;
	z-index: 21;
}
.part1 p:nth-child(5) {
	background-image: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/e.png);
	background-size: auto 100%;
	top: 43.32%;
	left: 7.46%;
	z-index: 19;
}
.part1 p:nth-child(6) {
	background-image: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/f.png);
	background-size: auto 100%;
	top: 43.32%;
	left: 36.93%;
	z-index: 17;
}
.part1 p:nth-child(7) {
	background-image: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/g.png);
	background-size: auto 100%;
	top: 43.32%;
	left: 66.13%;
	z-index: 15;
}
.part1 p:nth-child(8) {
	background-image: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/h.png);
	background-size: auto 100%;
	top: 62.89%;
	left: 66.13%;
	z-index: 13;
}
.part1 p:nth-child(9) {
	background-image: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/i.png);
	background-size: auto 100%;
	top: 62.89%;
	left: 36.93%;
	z-index: 11;
}
.part1 p:nth-child(10) {
	background-image: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/j.png);
	background-size: auto 100%;
	top: 62.89%;
	left: 7.46%;
	z-index: 9;
}
.part1 p:nth-child(11) {
	background-image: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/k.png);
	background-size: auto 100%;
	top: 81.85%;
	left: 7.46%;
	z-index: 7;
}
.part1 p:nth-child(12) {
	background-image: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/l.png);
	background-size: auto 100%;
	top: 81.85%;
	left: 36.93%;
	z-index: 5;
}
.part1 p:nth-child(13) {
	background-image: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/m.png);
	background-size: auto 100%;
	top: 81.85%;
	left: 66.13%;
	z-index: 3;
}

.lid-animate {
	-webkit-animation: rotateYFadeOut 0.8s 0.3s ease-in-out both;
}
@-webkit-keyframes rotateYFadeOut {
0%{
	opacity: 1;
	-webkit-transform-origin:center right;
	-webkit-transform: rotate(0);
}
100%{
	opacity: 0;
	-webkit-transform-origin:center right;
	-webkit-transform: rotate(-180deg);
}
}
/* arrow */
.part1 em {
	display: block;
	width: 7%;
	height: 7.87%;
	background: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/arrow.png) top center no-repeat;
	background-size: auto 100%;
	position: absolute;
}
.part1 em:nth-child(14) {
	top: 16.49%;
	left: 74.86%;
	z-index: 26;
}
.part1 em:nth-child(15) {
	top: 26.13%;
	left: 58%;
	-webkit-transform: rotate(90deg);
	z-index: 24;
}
.part1 em:nth-child(16) {
	top: 26.13%;
	left: 28.13%;
	-webkit-transform: rotate(90deg);
	z-index: 22;
}
.part1 em:nth-child(17) {
	top: 36.5%;
	left: 16.2%;
	z-index: 20;
}
.part1 em:nth-child(18) {
	top: 46.94%;
	left: 31.06%;
	-webkit-transform: rotate(-90deg);
	z-index: 18;
}
.part1 em:nth-child(19) {
	top: 46.94%;
	left: 60.26%;
	-webkit-transform: rotate(-90deg);
	z-index: 16;
}
.part1 em:nth-child(20) {
	top: 56.14%;
	left: 75.53%;
	z-index: 14;
}
.part1 em:nth-child(21) {
	top: 65.51%;
	left: 58%;
	-webkit-transform: rotate(90deg);
	z-index: 12;
}
.part1 em:nth-child(22) {
	top: 65.51%;
	left: 28.13%;
	-webkit-transform: rotate(90deg);
	z-index: 10;
}
.part1 em:nth-child(23) {
	top: 75.48%;
	left: 16.2%;
	z-index: 8;
}
.part1 em:nth-child(24) {
	top: 85.62%;
	left: 31.06%;
	-webkit-transform: rotate(-90deg);
	z-index: 6;
}
.part1 em:nth-child(25) {
	top: 85.62%;
	left: 60.26%;
	-webkit-transform: rotate(-90deg);
	z-index: 4;
}
.part1 em:nth-child(26) {
	top: 95%;
	left: 74.86%;
	z-index: 2;
}
/* page2 */
.swiper-slide2 {
	background:url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/p2.jpg) top center no-repeat;
	background-size:100% 100%;
	position: relative;
}
/* part2 */
.part2 {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	/*display: none;*/
}
/* lid */
.part2 p {
	width: 26%;
	height: 14.09%;
	background-image: ;
	background-position: top left;
	background-repeat: no-repeat;
	position: absolute;
}
.part2 p span {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/lid.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: auto 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.part2 p:nth-child(1) {
	background-image: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/n.png);
	background-size: auto 100%;
	top: 3.47%;
	left: 66.13%;
	z-index: 27;
}
.part2 p:nth-child(2) {
	background-image: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/o.png);
	background-size: auto 100%;
	top: 23.23%;
	left: 66.13%;
	z-index: 25;
}
.part2 p:nth-child(3) {
	background-image: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/p.png);
	background-size: auto 100%;
	top: 23.23%;
	left: 36.93%;
	z-index: 23;
}
.part2 p:nth-child(4) {
	background-image: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/q.png);
	background-size: auto 100%;
	top: 23.23%;
	left: 7.46%;
	z-index: 21;
}
.part2 p:nth-child(5) {
	background-image: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/r.png);
	background-size: auto 100%;
	top: 43.32%;
	left: 7.46%;
	z-index: 19;
}
.part2 p:nth-child(6) {
	background-image: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/s.png);
	background-size: auto 100%;
	top: 43.32%;
	left: 36.93%;
	z-index: 17;
}
.part2 p:nth-child(7) {
	background-image: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/t.png);
	background-size: auto 100%;
	top: 43.32%;
	left: 66.13%;
	z-index: 15;
}
.part2 p:nth-child(8) {
	background-image: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/u.png);
	background-size: auto 100%;
	top: 62.89%;
	left: 66.13%;
	z-index: 13;
}
.part2 p:nth-child(9) {
	background-image: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/v.png);
	background-size: auto 100%;
	top: 62.89%;
	left: 36.93%;
	z-index: 11;
}
.part2 p:nth-child(10) {
	background-image: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/w.png);
	background-size: auto 100%;
	top: 62.89%;
	left: 7.46%;
	z-index: 9;
}
.part2 p:nth-child(11) {
	background-image: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/x.png);
	background-size: auto 100%;
	top: 81.85%;
	left: 7.46%;
	z-index: 7;
}
.part2 p:nth-child(12) {
	background-image: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/y.png);
	background-size: auto 100%;
	top: 81.85%;
	left: 36.93%;
	z-index: 5;
}
.part2 p:nth-child(13) {
	background-image: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/z.png);
	background-size: auto 100%;
	top: 81.85%;
	left: 66.13%;
	z-index: 3;
}
/* arrow */
.part2 em {
	display: block;
	width: 7%;
	height: 7.87%;
	background: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/arrow.png) top center no-repeat;
	background-size: auto 100%;
	position: absolute;
}
.part2 em:nth-child(14) {
	top: 16.49%;
	left: 74.86%;
	z-index: 26;
}
.part2 em:nth-child(15) {
	top: 26.13%;
	left: 58%;
	-webkit-transform: rotate(90deg);
	z-index: 24;
}
.part2 em:nth-child(16) {
	top: 26.13%;
	left: 28.13%;
	-webkit-transform: rotate(90deg);
	z-index: 22;
}
.part2 em:nth-child(17) {
	top: 36.5%;
	left: 16.2%;
	z-index: 20;
}
.part2 em:nth-child(18) {
	top: 46.94%;
	left: 31.06%;
	-webkit-transform: rotate(-90deg);
	z-index: 18;
}
.part2 em:nth-child(19) {
	top: 46.94%;
	left: 60.26%;
	-webkit-transform: rotate(-90deg);
	z-index: 16;
}
.part2 em:nth-child(20) {
	top: 56.14%;
	left: 75.53%;
	z-index: 14;
}
.part2 em:nth-child(21) {
	top: 65.51%;
	left: 58%;
	-webkit-transform: rotate(90deg);
	z-index: 12;
}
.part2 em:nth-child(22) {
	top: 65.51%;
	left: 28.13%;
	-webkit-transform: rotate(90deg);
	z-index: 10;
}
.part2 em:nth-child(23) {
	top: 75.48%;
	left: 16.2%;
	z-index: 8;
}
.part2 em:nth-child(24) {
	top: 85.62%;
	left: 31.06%;
	-webkit-transform: rotate(-90deg);
	z-index: 6;
}
.part2 em:nth-child(25) {
	top: 85.62%;
	left: 60.26%;
	-webkit-transform: rotate(-90deg);
	z-index: 4;
}
.part2 em:nth-child(26) {
	top: -2%;
	left: 74.86%;
	z-index: 30;
}
/* end */
.end {
	width: 100%;
	height: 100%;
	background: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/end_bg.jpg) top left no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index: 9;
}
.end p:nth-child(1) {
	width: 33%;
	height: 21.96%;
	background: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/end_leafLeft.png) top left no-repeat;
	background-size: auto 100%;
	position: absolute;
	top: -2.69%;
	left: -5%;
}
.end p:nth-child(2) {
	width: 33%;
	height: 21.96%;
	background: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/end_leafRight.png) top left no-repeat;
	background-size: auto 100%;
	position: absolute;
	top: 2%;
	right: -5%;
}
.end p:nth-child(3) {
	width: 34%;
	height: 16.79%;
	background: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/end_passed.png) top left no-repeat;
	background-size: auto 100%;
	position: absolute;
	top: 19.11%;
	left: 59.2%;
}
.end p:nth-child(4) {
	width: 17%;
	height: 8.47%;
	background: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/end_star.png) top left no-repeat;
	background-size: auto 100%;
	position: absolute;
	top: 49.5%;
	left: 28.13%;
	-webkit-transform:rotate(-10deg);
}
.end p:nth-child(5) {
	width: 17%;
	height: 8.47%;
	background: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/end_star.png) top left no-repeat;
	background-size: auto 100%;
	position: absolute;
	top: 48.05%;
	left: 43.73%;
}
.end p:nth-child(6) {
	width: 17%;
	height: 8.47%;
	background: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/end_star.png) top left no-repeat;
	background-size: auto 100%;
	position: absolute;
	top: 50.07%;
	left: 58.8%;
	-webkit-transform:rotate(15deg);
}
.end p:nth-child(7) {
	width: 20%;
	height: 10.41%;
	background: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/btn_onceMore.png) top center no-repeat;
	background-size: auto 100%;
	position: absolute;
	top: 64.31%;
	left: 40%;
	-webkit-animation:rotate360 3s linear infinite;
}
.end p:nth-child(8) {
	width: 30%;
	height: 15%;
	background: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/share_btn.png) top center no-repeat;
	background-size: auto 100%;
	position: absolute;
	top: 2%;
	left: 35%;
}
.showShare-animate {
	-webkit-animation:pulse 1.6s ease infinite;
}
@-webkit-keyframes pulse{
0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.1)}
100%{-webkit-transform:scale(1)}
}
.leafLeft-animate {
	-webkit-animation:rotate5 1.4s linear infinite alternate;
}
@-webkit-keyframes rotate5{
0%{-webkit-transform:rotate(0deg)}
100%{-webkit-transform:rotate(5deg)}
}
.leafRight-animate {
	-webkit-animation:rotate-5 1.4s linear infinite alternate;
}
@-webkit-keyframes rotate-5{
0%{-webkit-transform:rotate(0deg)}
100%{-webkit-transform:rotate(-5deg)}
}
.passed-animate {
	-webkit-animation:imgDh2 .5s 1s linear both;
}
@-webkit-keyframes imgDh2{
	0%{opacity:0;-webkit-transform:scale(3);}
	20%{opacity:0.5;-webkit-transform:scale(3);}
	100%{opacity:1;-webkit-transform:scale(1);}
}
.star1-animate {
	-webkit-animation:star1Animate 1s 1.6s ease-out both;
}
@-webkit-keyframes star1Animate {
	0%{-webkit-transform: translate(-300px,500px)}
	100%{-webkit-transform: translate(0)}
}
.star2-animate {
	-webkit-animation:star2Animate 1s 2.2s ease-out both;
}
@-webkit-keyframes star2Animate {
	0%{-webkit-transform: translate(300px,500px)}
	100%{-webkit-transform: translate(0)}
}
.star3-animate {
	-webkit-animation:star3Animate 1s 2.8s ease-out both;
}
@-webkit-keyframes star3Animate {
	0%{-webkit-transform: translate(500px,500px)}
	100%{-webkit-transform: translate(0)}
}
@-webkit-keyframes rotate360{
0%{-webkit-transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg)}
}
/* sharePage */
.sharePage {
	width: 100%;
	height: 100%;
	background: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/share_bg.jpg) top center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	display: none;
}
.sharePage em {
	display: block;
	position: absolute;
}
.sharePage p:nth-child(1) {
	width: 53%;
	height: 28.93%;
	position: absolute;
	top: 44.9%;
	left: 23.5%;
	text-align: center;
	z-index: 2;
}
.sharePage p:nth-child(1) img {
	width: auto;
	height: 100%;
}
.sharePage p:nth-child(2) {
	width: 36%;
	height: 11.84%;
	background: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/btn_share.png) top right no-repeat;
	background-size: auto 100%;
	position: absolute;
	top: 2%;
	right: 1%;
	-webkit-animation:fadeInUp01 1.6s ease infinite;
}
.sharePage em:nth-child(3) {
	display: block;
	width: 11%;
	height: 5.24%;
	background: url(http://live.babyfs.cn/web/H5/ck/2017/gameAlphabetAll0217/images/share_close.png) top left no-repeat;
	background-size: auto 100%;
	position: absolute;
	top: 1.5%;
	left: 2.5%;
}
@-webkit-keyframes fadeInUp01{
0%{
-webkit-transform:translateY(-10px)}
50%{
-webkit-transform:translateY(0px)}
100%{
-webkit-transform:translateY(-10px)}
}
.sharePage-animate {
	-webkit-animation:shareSizeChange 1s .2s ease both;
}
@-webkit-keyframes shareSizeChange {
	0%{opacity:1;-webkit-transform:scale(1) translate(0)}
	100%{opacity:0;-webkit-transform:scale(0.3) translate(300px,-800px)}
}
.showShare-animate {
	-webkit-animation:pulse1 1.6s ease infinite;
}
@-webkit-keyframes pulse1{
0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.1)}
100%{-webkit-transform:scale(1)}
}