/* CSS Document */


@charset "utf-8";
/* CSS 字体定义开始 */

/* CSS 字体定义结束 */

/* CSS 动画定义开始 */


/* 颤动动画 */


@-webkit-keyframes chandong {


0%{

-webkit-transform: translateY(0px);
}
25% {

-webkit-transform: translateY(-5px);
	}
50% {

-webkit-transform: translateY(0px);
	}
75% {

-webkit-transform: translateY(5px);
	}
100% {

-webkit-transform: translateY(0px);
	}
}

@keyframes chandong {


0%{

transform: translateY(0px);
}
25% {

transform: translateY(-5px);
	}
50% {

transform: translateY(0px);
	}
75% {

transform: translateY(5px);
	}
100% {

transform: translateY(0px);
	}
}



/* 旋转淡入动画 */


@-webkit-keyframes xuanzhuan {


0%{
opacity:0;
-webkit-transform: rotateZ(-27deg);
}

100% {
opacity:1;
-webkit-transform: rotateZ(0deg);
	}
}

@keyframes xuanzhuan {


0%{
opacity:0;
transform: rotateZ(-27deg);
}

100% {
opacity:1;
transform: rotateZ(0deg);
	}
}
/* 变灰 */

@-webkit-keyframes bianhui {


0%{
-webkit-transform:translateZ(0);
opacity:1;
filter:grayscale(0);
-webkit-filter:grayscale(0);
}

100% {
-webkit-transform:translateZ(0);
opacity:0;
filter:grayscale(1);
-webkit-filter:grayscale(1);
	}
}

@keyframes bianhui {

0%{
transform:translateZ(0);
filter:grayscale(0);
-webkit-filter:grayscale(0);
}

100% {
transform:translateZ(0);
filter:grayscale(1);
-webkit-filter:grayscale(1);
	}
}



/* 变形高度 */


@-webkit-keyframes scaleheight {


0%{
-webkit-transform:scaleY(0);
}

100% {
-webkit-transform:scaleY(1);
	}
}

@keyframes scaleheight {

0%{
transform:scaleY(0);
}

100% {
transform:scaleY(1);
	}
}



/* 淡入高度动画 */


@-webkit-keyframes fadeheight {


0%{
opacity:0;
height:0;
}

100% {
opacity:1;
height:40%;
	}
}

@keyframes fadeheight {

0%{
opacity:0;
height:0;
}

100% {
opacity:1;
height:40%;
	}
}


/* 淡入缩小 */


@-webkit-keyframes fadescale {


0%{
opacity:0;

-webkit-transform: scale(1);
}

20% {
opacity:1;

-webkit-transform: scale(1);
	}
30% {
opacity:1;

-webkit-transform: scale(1);
	}
100% {
opacity:1;

-webkit-transform: scale(0.24);
	}	
}

@keyframes fadescale {

0%{
opacity:0;
transform: scale(1);

}

20% {
opacity:1;

transform: scale(1);

	}
30% {
opacity:1;

transform: scale(1);

	}
100% {
opacity:1;

transform: scale(0.24);

	}	
}





/* 向上淡入动画 */
@-webkit-keyframes fadeinup {

0%{
opacity:0;
-webkit-transform: translateY(8%);
}
100% {
opacity:1;
-webkit-transform: translateY(0%);
	}

}

@keyframes fadeinup  {

0%{
opacity:0;
transform: translateY(8%);
}
100% {
opacity:1;
transform: translateY(0%);
	}

}


@-webkit-keyframes fadeinup2 {

0%{
opacity:0;
-webkit-transform: translateY(48%);
}
100% {
opacity:1;
-webkit-transform: translateY(0%);
	}

}

@keyframes fadeinup2  {

0%{
opacity:0;
transform: translateY(48%);
}
100% {
opacity:1;
transform: translateY(0%);
	}

}


/* 向左淡入动画 */
@-webkit-keyframes fadeinleft {

0%{
opacity:0;
-webkit-transform: translateX(10%);
}
100% {
opacity:1;
-webkit-transform: translateX(0%);
	}

}

@keyframes fadeinleft  {

0%{
opacity:0;
transform: translateX(10%);
}
100% {
opacity:1;
transform: translateX(0%);
	}

}

/* 向左淡入动画 */
@-webkit-keyframes fadeinleft2 {

0%{
opacity:0;
-webkit-transform: translateX(20%);
}
100% {
opacity:1;
-webkit-transform: translateX(0%);
	}

}

@keyframes fadeinleft2  {

0%{
opacity:0;
transform: translateX(20%);
}
100% {
opacity:1;
transform: translateX(0%);
	}

}



/* 向右淡入动画 */
@-webkit-keyframes fadeinright {

0%{
opacity:0;
-webkit-transform: translateX(-10%);
}
100% {
opacity:1;
-webkit-transform: translateX(0%);
	}

}

@keyframes fadeinright  {

0%{
opacity:0;
transform: translateX(-10%);
}
100% {
opacity:1;
transform: translateX(0%);
	}

}

/* 向右淡入动画 */
@-webkit-keyframes fadeinright2 {

0%{
opacity:0;
-webkit-transform: translateX(-20%);
}
100% {
opacity:1;
-webkit-transform: translateX(0%);
	}

}

@keyframes fadeinright2  {

0%{
opacity:0;
transform: translateX(-20%);
}
100% {
opacity:1;
transform: translateX(0%);
	}

}


/* 向下淡入动画 */
@-webkit-keyframes fadeindown2 {

0%{
opacity:0;
-webkit-transform: translateY(-20%);
}
100% {
opacity:1;
-webkit-transform: translateY(0%);
	}

}

@keyframes fadeindown2  {

0%{
opacity:0;
transform: translateY(-20%);
}
100% {
opacity:1;
transform: translateY(0%);
	}

}

/* 淡入动画 */


@-webkit-keyframes fadeInn {

0%{
opacity:0;
}
100% {
opacity:1;
	}

}

@keyframes fadeInn  {

0%{
opacity:0;
}
100% {
opacity:1;
	}
}


@-webkit-keyframes fadein08 {

0%{
opacity:0;
}
100% {
opacity:0.8;
	}

}

@keyframes fadein08  {

0%{
opacity:0;
}
100% {
opacity:0.8;
	}
}


@-webkit-keyframes fadein04 {

0%{
opacity:0;
}
100% {
opacity:0.4;
	}

}

@keyframes fadein04 {

0%{
opacity:0;
}
100% {
opacity:0.4;
	}
}



/* 淡入动画 */


@-webkit-keyframes fadeOut2 {

0%{
opacity:1;
top: 72%;
}
100% {
opacity:0;
top: 72%;
	}

}

@keyframes fadeOut2  {

0%{
opacity:1;
top: 72%;
}
100% {
opacity:0;
top: 72%;
	}
}


/* 变高 */


@-webkit-keyframes addtop {

0%{
height:0;
}
100% {
height:28%;
	}

}

@keyframes addtop  {

0%{
height:0;
}
100% {
height:28%;
	}
}

/* 变窄 */


@-webkit-keyframes losewidth {

0%{
width:100%;
}
100% {
width:0%;
	}

}

@keyframes losewidth  {

0%{
width:100%;
}
100% {
width:0%;
	}
}

/* 放大并淡入 */

@-webkit-keyframes scaleandopacity {

0%{

opacity: 0;
-webkit-transform: scale(0.3) translateY(65%);
}
100% {

opacity: 1;
-webkit-transform: scale(1) translateY(0%);
	}

}

@keyframes scaleandopacity  {

0%{

opacity: 0;
transform: scale(0.3) translateY(65%);
}
100% {

opacity: 1;
transform: scale(1) translateY(0%);
	}
}

/* 写字*/

@-webkit-keyframes xiezi {

0%{

right:48%;
-webkit-transform: translateY(5%) rotateZ(-0deg);
}
10% {

right:47%;
-webkit-transform: translateY(-5%) rotateZ(-5deg);

	}
20% {

right:46%;
-webkit-transform: translateY(5%) rotateZ(-0deg);
	}

30%{

right:45%;

-webkit-transform: translateY(5%) rotateZ(-0deg);
}
40% {

right:44%;
-webkit-transform: translateY(-5%) rotateZ(-5deg);
	}
50% {

right:43%;
-webkit-transform: translateY(5%) rotateZ(-0deg);
	}	
	
60%{

right:44%;

-webkit-transform: translateY(5%) rotateZ(-0deg);
}
70% {

right:45%;
-webkit-transform: translateY(-5%) rotateZ(-5deg);
	}
80% {

right:46%;
-webkit-transform: translateY(5%) rotateZ(-0deg);
	}	

90%{


right:47%;
-webkit-transform: translateY(5%) rotateZ(-0deg);
}
100% {

right:48%;
-webkit-transform: translateY(-5%) rotateZ(-5deg);
	}


}

@keyframes xiezi  {

0%{

right:48%;
transform: translateY(5%) rotateZ(-0deg);
}
10% {

right:47%;
transform: translateY(-5%) rotateZ(-5deg);

	}
20% {

right:46%;
transform: translateY(5%) rotateZ(-0deg);
	}

30%{

right:45%;

transform: translateY(5%) rotateZ(-0deg);
}
40% {

right:44%;
transform: translateY(-5%) rotateZ(-5deg);
	}
50% {

right:43%;
transform: translateY(5%) rotateZ(-0deg);
	}	
	
60%{

right:44%;

transform: translateY(5%) rotateZ(-0deg);
}
70% {

right:45%;
transform: translateY(-5%) rotateZ(-5deg);
	}
80% {

right:46%;
transform: translateY(5%) rotateZ(-0deg);
	}	

90%{


right:47%;
transform: translateY(5%) rotateZ(-0deg);
}
100% {

right:48%;
transform: translateY(-5%) rotateZ(-5deg);
	}


}




/* 写字*/

@-webkit-keyframes xiezi2 {

0%{

right:53%;
-webkit-transform: translateY(12%) rotateZ(-0deg);
}
3% {

right:52.5%;
-webkit-transform: translateY(-12%) rotateZ(-5deg);

	}
6% {

right:52%;
-webkit-transform: translateY(12%) rotateZ(-0deg);
	}

9%{

right:51.5%;

-webkit-transform: translateY(12%) rotateZ(-0deg);
}
12% {

right:51%;
-webkit-transform: translateY(-12%) rotateZ(-5deg);
	}
15% {

right:50.5%;
-webkit-transform: translateY(12%) rotateZ(-0deg);
	}	
	
18%{

right:50%;

-webkit-transform: translateY(12%) rotateZ(-0deg);
}
21% {

right:49.5%;
-webkit-transform: translateY(-12%) rotateZ(-5deg);
	}
24% {

right:49%;
-webkit-transform: translateY(12%) rotateZ(-0deg);
	}	

27%{


right:48.5%;
-webkit-transform: translateY(12%) rotateZ(-0deg);
}
30% {

right:48%;
-webkit-transform: translateY(-12%) rotateZ(-5deg);
	}

33%{

right:47.5%;
-webkit-transform: translateY(12%) rotateZ(-0deg);
}
35% {

right:47%;
-webkit-transform: translateY(-12%) rotateZ(-5deg);

	}
38% {

right:46.5%;
-webkit-transform: translateY(12%) rotateZ(-0deg);
	}

41%{

right:46%;

-webkit-transform: translateY(12%) rotateZ(-0deg);
}
44% {

right:45.5%;
-webkit-transform: translateY(-12%) rotateZ(-5deg);
	}
47% {

right:45%;
-webkit-transform: translateY(12%) rotateZ(-0deg);
	}	
	
50%{

right:44.5%;

-webkit-transform: translateY(12%) rotateZ(-0deg);
}

53% {

right:44%;
-webkit-transform: translateY(-12%) rotateZ(-5deg);
	}
56% {

right:43.5%;
-webkit-transform: translateY(12%) rotateZ(-0deg);
	}	


59% {

right:43%;
-webkit-transform: translateY(-12%) rotateZ(-5deg);
	}

62%{

right:42.5%;
-webkit-transform: translateY(12%) rotateZ(-0deg);
}
65% {

right:42%;
-webkit-transform: translateY(-12%) rotateZ(-5deg);

	}
68% {

right:41.5%;
-webkit-transform: translateY(12%) rotateZ(-0deg);
	}

71%{

right:41%;

-webkit-transform: translateY(12%) rotateZ(-0deg);
}
74% {

right:40.5%;
-webkit-transform: translateY(-12%) rotateZ(-5deg);
	}
77% {

right:40%;
-webkit-transform: translateY(12%) rotateZ(-0deg);
	}	
	
80%{

right:39.5%;

-webkit-transform: translateY(12%) rotateZ(-0deg);
}
83% {

right:39%;
-webkit-transform: translateY(-12%) rotateZ(-5deg);
	}
86% {

right:38.5%;
-webkit-transform: translateY(12%) rotateZ(-0deg);
	}	

89%{


right:38%;
-webkit-transform: translateY(12%) rotateZ(-0deg);
}
92% {

right:37.5%;
-webkit-transform: translateY(-12%) rotateZ(-5deg);
	}

95%{

right:37%;
-webkit-transform: translateY(12%) rotateZ(-0deg);
}
98% {

right:36.5%;
-webkit-transform: translateY(-12%) rotateZ(-5deg);

	}
100% {

right:36%;
-webkit-transform: translateY(12%) rotateZ(-0deg);
	}


}

@keyframes xiezi2  {


0%{

right:53%;
transform: translateY(12%) rotateZ(-0deg);
}
3% {

right:52.5%;
transform: translateY(-12%) rotateZ(-5deg);

	}
6% {

right:52%;
transform: translateY(12%) rotateZ(-0deg);
	}

9%{

right:51.5%;

transform: translateY(12%) rotateZ(-0deg);
}
12% {

right:51%;
transform: translateY(-12%) rotateZ(-5deg);
	}
15% {

right:50.5%;
transform: translateY(12%) rotateZ(-0deg);
	}	
	
18%{

right:50%;

transform: translateY(12%) rotateZ(-0deg);
}
21% {

right:49.5%;
transform: translateY(-12%) rotateZ(-5deg);
	}
24% {

right:49%;
transform: translateY(12%) rotateZ(-0deg);
	}	

27%{


right:48.5%;
transform: translateY(12%) rotateZ(-0deg);
}
30% {

right:48%;
transform: translateY(-12%) rotateZ(-5deg);
	}

33%{

right:47.5%;
transform: translateY(12%) rotateZ(-0deg);
}
35% {

right:47%;
transform: translateY(-12%) rotateZ(-5deg);

	}
38% {

right:46.5%;
transform: translateY(12%) rotateZ(-0deg);
	}

41%{

right:46%;

transform: translateY(12%) rotateZ(-0deg);
}
44% {

right:45.5%;
transform: translateY(-12%) rotateZ(-5deg);
	}
47% {

right:45%;
transform: translateY(12%) rotateZ(-0deg);
	}	
	
50%{

right:44.5%;

transform: translateY(12%) rotateZ(-0deg);
}

53% {

right:44%;
transform: translateY(-12%) rotateZ(-5deg);
	}
56% {

right:43.5%;
transform: translateY(12%) rotateZ(-0deg);
	}	


59% {

right:43%;
transform: translateY(-12%) rotateZ(-5deg);
	}

62%{

right:42.5%;
transform: translateY(12%) rotateZ(-0deg);
}
65% {

right:42%;
transform: translateY(-12%) rotateZ(-5deg);

	}
68% {

right:41.5%;
transform: translateY(12%) rotateZ(-0deg);
	}

71%{

right:41%;

transform: translateY(12%) rotateZ(-0deg);
}
74% {

right:40.5%;
transform: translateY(-12%) rotateZ(-5deg);
	}
77% {

right:40%;
transform: translateY(12%) rotateZ(-0deg);
	}	
	
80%{

right:39.5%;

transform: translateY(12%) rotateZ(-0deg);
}
83% {

right:39%;
transform: translateY(-12%) rotateZ(-5deg);
	}
86% {

right:38.5%;
transform: translateY(12%) rotateZ(-0deg);
	}	

89%{


right:38%;
transform: translateY(12%) rotateZ(-0deg);
}
92% {

right:37.5%;
transform: translateY(-12%) rotateZ(-5deg);
	}

95%{

right:37%;
transform: translateY(12%) rotateZ(-0deg);
}
98% {

right:36.5%;
transform: translateY(-12%) rotateZ(-5deg);

	}
100% {

right:36%;
transform: translateY(12%) rotateZ(-0deg);
	}


}



/* 写字3*/

@-webkit-keyframes xiezi3 {
0%{
	right:36%;
	top: 54%;
	-webkit-transform: translateY(0%) rotateZ(0deg);
}
8%{
	right:53%;
	top: 60%;
	-webkit-transform: translateY(0%) rotateZ(0deg);
}

38%{
	right:47%;
	top: 60%;
	-webkit-transform: translateY(0%) rotateZ(0deg);

}
39%{
	right:47%;
	top: 60%;
	-webkit-transform: translateY(-12%) rotateZ(-5deg);
}
41%{
	right:46.5%;
	top: 60%;
	-webkit-transform: translateY(12%) rotateZ(0deg);
}
44%{
	right:46%;
	top: 60%;
	-webkit-transform: translateY(-12%) rotateZ(-5deg);
}
47%{
	right:45.5%;
	top: 60%;
	-webkit-transform: translateY(12%) rotateZ(0deg);
}
50%{
	right:45%;
	top: 60%;
	-webkit-transform: translateY(-12%) rotateZ(-5deg);
}
53%{
	right:44.5%;
	top: 60%;
	-webkit-transform: translateY(12%) rotateZ(0deg);

}
56%{
	right:44%;
	top: 60%;
	-webkit-transform: translateY(-12%) rotateZ(-5deg);

}
59%{
	right:43.5%;
	top: 60%;
	-webkit-transform: translateY(12%) rotateZ(0deg);

}
62%{
	right:43%;
	top: 60%;
	-webkit-transform: translateY(-12%) rotateZ(-5deg);

}
64%{
	right:42.5%;
	top: 60%;
	-webkit-transform: translateY(0%) rotateZ(0deg);

}
100%{
	right:36%;
	top: 60%;
	-webkit-transform: translateY(0%) rotateZ(0deg);

}
}

@keyframes xiezi3 {
0%{
	right:36%;
	top: 54%;
	transform: translateY(0%) rotateZ(0deg);
}
8%{
	right:53%;
	top: 60%;
	transform: translateY(0%) rotateZ(0deg);
}

38%{
	right:47%;
	top: 60%;
	transform: translateY(0%) rotateZ(0deg);

}
39%{
	right:47%;
	top: 60%;
	transform: translateY(-12%) rotateZ(-5deg);
}
41%{
	right:46.5%;
	top: 60%;
	transform: translateY(12%) rotateZ(0deg);
}
44%{
	right:46%;
	top: 60%;
	transform: translateY(-12%) rotateZ(-5deg);
}
47%{
	right:45.5%;
	top: 60%;
	transform: translateY(12%) rotateZ(0deg);
}
50%{
	right:45%;
	top: 60%;
	transform: translateY(-12%) rotateZ(-5deg);
}
53%{
	right:44.5%;
	top: 60%;
	transform: translateY(12%) rotateZ(0deg);

}
56%{
	right:44%;
	top: 60%;
	transform: translateY(-12%) rotateZ(-5deg);

}
59%{
	right:43.5%;
	top: 60%;
	transform: translateY(12%) rotateZ(0deg);

}
62%{
	right:43%;
	top: 60%;
	transform: translateY(-12%) rotateZ(-5deg);

}
64%{
	right:42.5%;
	top: 60%;
	transform: translateY(0%) rotateZ(0deg);

}
100%{
	right:36%;
	top: 60%;
	transform: translateY(0%) rotateZ(0deg);

}
}


/* 写字4 */

@keyframes xiezi4 {
0%{
	right:36%;
	top: 60%;
	transform: translateY(0%) rotateZ(0deg);
}
10%{
	right:52%;
	top: 72%;
	transform: translateY(0%) rotateZ(0deg);
}

13%{
	right:52%;
	top: 72%;
	transform: translateY(0%) rotateZ(0deg);

}
16%{
	right:51.5%;
	top: 72%;
	transform: translateY(-12%) rotateZ(-5deg);
}
19%{
	right:51%;
	top: 72%;
	transform: translateY(12%) rotateZ(0deg);
}
22%{
	right:50.5%;
	top: 72%;
	transform: translateY(-12%) rotateZ(-5deg);
}
25%{
	right:50%;
	top: 72%;
	transform: translateY(12%) rotateZ(0deg);
}
28%{
	right:49.5%;
	top: 72%;
	transform: translateY(-12%) rotateZ(-5deg);
}
31%{
	right:49%;
	top: 72%;
	transform: translateY(12%) rotateZ(0deg);

}
34%{
	right:48.5%;
	top: 72%;
	transform: translateY(-12%) rotateZ(-5deg);

}
37%{
	right:48%;
	top: 72%;
	transform: translateY(12%) rotateZ(0deg);

}
40%{
	right:47.5%;
	top: 72%;
	transform: translateY(-12%) rotateZ(-5deg);

}
42%{
	right:47%;
	top: 72%;
	transform: translateY(12%) rotateZ(0deg);

}
44%{
	right:46.5%;
	top: 72%;
	transform: translateY(-12%) rotateZ(-5deg);

}
47%{
	right:46%;
	top: 72%;
	transform: translateY(12%) rotateZ(0deg);

}
50%{
	right:45.5%;
	top: 72%;
	transform: translateY(-12%) rotateZ(-5deg);

}
70%{
	right:41.5%;
	top: 72%;
	transform: translateY(-12%) rotateZ(-5deg);

}
73%{
	right:41%;
	top: 72%;
	transform: translateY(12%) rotateZ(0deg);

}
76%{
	right:40%;
	top: 72%;
	transform: translateY(-12%) rotateZ(-5deg);

}
79%{
	right:39.5%;
	top: 72%;
	transform: translateY(12%) rotateZ(0deg);

}
82%{
	right:39%;
	top: 72%;
	transform: translateY(-12%) rotateZ(-5deg);

}
85%{
	right:38.5%;
	top: 72%;
	transform: translateY(0%) rotateZ(0deg);

}

88%{
	right:38%;
	top: 72%;
	transform: translateY(12%) rotateZ(0deg);

}
91%{
	right:37.5%;
	top: 72%;
	transform: translateY(0%) rotateZ(0deg);

}

94%{
	right:37%;
	top: 72%;
	transform: translateY(12%) rotateZ(0deg);

}
97%{
	right:36.5%;
	top: 72%;
	transform: translateY(0%) rotateZ(0deg);

}
100%{
	right:36%;
	top: 72%;
	transform: translateY(0%) rotateZ(0deg);
	opacity:1;
}

}

@-webkit-keyframes xiezi4 {
0%{
	right:36%;
	top: 60%;
	-webkit-transform: translateY(0%) rotateZ(0deg);
}
10%{
	right:52%;
	top: 72%;
	-webkit-transform: translateY(0%) rotateZ(0deg);
}

13%{
	right:52%;
	top: 72%;
	-webkit-transform: translateY(0%) rotateZ(0deg);

}
16%{
	right:51.5%;
	top: 72%;
	-webkit-transform: translateY(-12%) rotateZ(-5deg);
}
19%{
	right:51%;
	top: 72%;
	-webkit-transform: translateY(12%) rotateZ(0deg);
}
22%{
	right:50.5%;
	top: 72%;
	-webkit-transform: translateY(-12%) rotateZ(-5deg);
}
25%{
	right:50%;
	top: 72%;
	-webkit-transform: translateY(12%) rotateZ(0deg);
}
28%{
	right:49.5%;
	top: 72%;
	-webkit-transform: translateY(-12%) rotateZ(-5deg);
}
31%{
	right:49%;
	top: 72%;
	-webkit-transform: translateY(12%) rotateZ(0deg);

}
34%{
	right:48.5%;
	top: 72%;
	-webkit-transform: translateY(-12%) rotateZ(-5deg);

}
37%{
	right:48%;
	top: 72%;
	-webkit-transform: translateY(12%) rotateZ(0deg);

}
40%{
	right:47.5%;
	top: 72%;
	-webkit-transform: translateY(-12%) rotateZ(-5deg);

}
42%{
	right:47%;
	top: 72%;
	-webkit-transform: translateY(12%) rotateZ(0deg);

}
44%{
	right:46.5%;
	top: 72%;
	-webkit-transform: translateY(-12%) rotateZ(-5deg);

}
47%{
	right:46%;
	top: 72%;
	-webkit-transform: translateY(12%) rotateZ(0deg);

}
50%{
	right:45.5%;
	top: 72%;
	-webkit-transform: translateY(-12%) rotateZ(-5deg);

}
70%{
	right:41.5%;
	top: 72%;
	-webkit-transform: translateY(-12%) rotateZ(-5deg);

}
73%{
	right:41%;
	top: 72%;
	-webkit-transform: translateY(12%) rotateZ(0deg);

}
76%{
	right:40%;
	top: 72%;
	-webkit-transform: translateY(-12%) rotateZ(-5deg);

}
79%{
	right:39.5%;
	top: 72%;
	-webkit-transform: translateY(12%) rotateZ(0deg);

}
82%{
	right:39%;
	top: 72%;
	-webkit-transform: translateY(-12%) rotateZ(-5deg);

}
85%{
	right:38.5%;
	top: 72%;
	-webkit-transform: translateY(0%) rotateZ(0deg);

}

88%{
	right:38%;
	top: 72%;
	-webkit-transform: translateY(12%) rotateZ(0deg);

}
91%{
	right:37.5%;
	top: 72%;
	-webkit-transform: translateY(0%) rotateZ(0deg);

}

94%{
	right:37%;
	top: 72%;
	-webkit-transform: translateY(12%) rotateZ(0deg);

}
97%{
	right:36.5%;
	top: 72%;
	-webkit-transform: translateY(0%) rotateZ(0deg);

}
100%{
	right:36%;
	top: 72%;
	-webkit-transform: translateY(0%) rotateZ(0deg);
	opacity:1;
}

}

/* 放大动画 */

@-webkit-keyframes fangda {

0%{
-webkit-transform:scale(0);
opacity:0;
}

100%{
-webkit-transform:scale(1);
opacity:1;
}
}

@keyframes fangda  {

0%{
transform:scale(0);
opacity:0;
}

100%{
transform:scale(1);
opacity:1;
}
}

/* 掉落上弹动画 */

@keyframes dropandjump  {

0%{
opacity:0;
transform: translateY(-65%);
}
50%{
opacity:1;
transform: translateY(10%);
}
80%{
opacity:1;
transform: translateY(-10%);
}
100%{
opacity:1;
transform: translateY(0%);
}
}

@-webkit-keyframes dropandjump  {

0%{
opacity:0;
-webkit-transform: translateY(-65%);
}
50%{
opacity:1;
-webkit-transform: translateY(10%);
}
80%{
opacity:1;
-webkit-transform: translateY(-10%);
}
100%{
opacity:1;
-webkit-transform: translateY(0%);
}
}