@charset "utf-8";
/* CSS Document */
footer #scrdwn .pic { 
animation-name: btmarr;
animation-duration: 1.5s;
animation-timing-function: linear;
animation-delay: 0;
animation-iteration-count: infinite;
animation-direction: normal;
animation-play-state: running;
/* Firefox: */
-moz-animation-name: btmarr;
-moz-animation-duration: 1.5s;
-moz-animation-timing-function: linear;
-moz-animation-delay: 0;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: normal;
-moz-animation-play-state: running;
/* Safari 和 Chrome: */
-webkit-animation-name: btmarr;
-webkit-animation-duration: 1.5s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-play-state: running;
/* Opera: */
-o-animation-name: btmarr;
-o-animation-duration: 1.5s;
-o-animation-timing-function: linear;
-o-animation-delay: 0;
-o-animation-iteration-count: infinite;
-o-animation-direction: normal;
-o-animation-play-state: running; 
}

#p1.active .text0, #p2.active .text, #p3.active .text, #p4.active .text, #p5.active .text {
animation-duration: 1s;
animation-timing-function: ease;
animation-delay: 0.7s;
animation-iteration-count: 1;
animation-direction: alternate;
animation-play-state: running;
animation-fill-mode:forwards;

-moz-animation-duration: 1s;	
-moz-animation-timing-function: ease;
-moz-animation-delay: 0.7s;
-moz-animation-iteration-count: 1;
-moz-animation-direction: alternate;
-moz-animation-play-state: running;
-moz-animation-fill-mode:forwards;

-webkit-animation-duration: 1s;
-webkit-animation-timing-function: ease;
-webkit-animation-delay: 0.7s;
-webkit-animation-iteration-count: 1;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: running;
-webkit-animation-fill-mode:forwards;

-o-animation-duration: 1s;
-o-animation-timing-function: ease;
-o-animation-delay: 0.7s;
-o-animation-iteration-count: 1;
-o-animation-direction: alternate;
-o-animation-play-state: running; 
-o-animation-fill-mode:forwards;

}


@media screen and (min-width:1000px) {
#p1.active .btns, #p2.active .btns, #p3.active .btns, #p4.active .btns, #p5.active .btns {
animation-duration: 1s;
animation-timing-function: ease;
animation-delay: 1.5s;
animation-iteration-count: 1;
animation-direction: alternate;
animation-play-state: running;
animation-fill-mode:forwards;

-moz-animation-duration: 1s;	
-moz-animation-timing-function: ease;
-moz-animation-delay: 1.5s;
-moz-animation-iteration-count: 1;
-moz-animation-direction: alternate;
-moz-animation-play-state: running;
-moz-animation-fill-mode:forwards;

-webkit-animation-duration: 1s;
-webkit-animation-timing-function: ease;
-webkit-animation-delay: 1.5s;
-webkit-animation-iteration-count: 1;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: running;
-webkit-animation-fill-mode:forwards;

-o-animation-duration: 1s;
-o-animation-timing-function: ease;
-o-animation-delay: 1.5s;
-o-animation-iteration-count: 1;
-o-animation-direction: alternate;
-o-animation-play-state: running; 
-o-animation-fill-mode:forwards;

}




#p1.active .text0 {  
animation-name: p1anm;
/* Firefox: */
-moz-animation-name: p1anm;
/* Safari 和 Chrome: */
-webkit-animation-name: p1anm;
/* Opera: */
-o-animation-name: p1anm;

 }

#p2.active .text, #p3.active .text, #p4.active .text { 
animation-name: p2anm0;
/* Firefox: */
-moz-animation-name: p2anm0;
/* Safari 和 Chrome: */
-webkit-animation-name: p2anm0;
/* Opera: */
-o-animation-name: p2anm0;
 }

#p2.active .btns, #p3.active .btns, #p4.active .btns {
animation-name: p2anm1;
/* Firefox: */
-moz-animation-name: p2anm1;
/* Safari 和 Chrome: */
-webkit-animation-name: p2anm1;
/* Opera: */
-o-animation-name: p2anm1;
}

#p5.active .text { 
animation-name: p5anm0;
/* Firefox: */
-moz-animation-name: p5anm0;
/* Safari 和 Chrome: */
-webkit-animation-name: p5anm0;
/* Opera: */
-o-animation-name: p5anm0;
 }

#p5.active .btns {
animation-name: p5anm1;
/* Firefox: */
-moz-animation-name: p5anm1;
/* Safari 和 Chrome: */
-webkit-animation-name: p5anm1;
/* Opera: */
-o-animation-name: p5anm1;
}

footer #scrdwn .pic { 
animation-name: btmarr;
animation-duration: 1.5s;
animation-timing-function: linear;
animation-delay: 0;
animation-iteration-count: infinite;
animation-direction: normal;
animation-play-state: running;
/* Firefox: */
-moz-animation-name: btmarr;
-moz-animation-duration: 1.5s;
-moz-animation-timing-function: linear;
-moz-animation-delay: 0;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: normal;
-moz-animation-play-state: running;
/* Safari 和 Chrome: */
-webkit-animation-name: btmarr;
-webkit-animation-duration: 1.5s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-play-state: running;
/* Opera: */
-o-animation-name: btmarr;
-o-animation-duration: 1.5s;
-o-animation-timing-function: linear;
-o-animation-delay: 0;
-o-animation-iteration-count: infinite;
-o-animation-direction: normal;
-o-animation-play-state: running; 
}


}

@media screen and (max-width:999px) and (min-width:641px) {
#p2.active .btns a:nth-child(1) .btn, #p3.active .btns a:nth-child(1) .btn, #p4.active .btns a:nth-child(1) .btn, #p5.active .btns a:nth-child(1) .btn {
animation-duration: 1s;
animation-timing-function: ease;
animation-delay: 1.5s;
animation-iteration-count: 1;
animation-direction: alternate;
animation-play-state: running;
animation-fill-mode:forwards;

-moz-animation-duration: 1s;	
-moz-animation-timing-function: ease;
-moz-animation-delay: 1.5s;
-moz-animation-iteration-count: 1;
-moz-animation-direction: alternate;
-moz-animation-play-state: running;
-moz-animation-fill-mode:forwards;

-webkit-animation-duration: 1s;
-webkit-animation-timing-function: ease;
-webkit-animation-delay: 1.5s;
-webkit-animation-iteration-count: 1;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: running;
-webkit-animation-fill-mode:forwards;

-o-animation-duration: 1s;
-o-animation-timing-function: ease;
-o-animation-delay: 1.5s;
-o-animation-iteration-count: 1;
-o-animation-direction: alternate;
-o-animation-play-state: running; 
-o-animation-fill-mode:forwards;

}
	
#p2.active .btns a:nth-child(2) .btn, #p3.active .btns a:nth-child(2) .btn, #p4.active .btns a:nth-child(2) .btn, #p5.active .btns a:nth-child(2) .btn {
animation-duration: 1s;
animation-timing-function: ease;
animation-delay: 1.75s;
animation-iteration-count: 1;
animation-direction: alternate;
animation-play-state: running;
animation-fill-mode:forwards;

-moz-animation-duration: 1s;	
-moz-animation-timing-function: ease;
-moz-animation-delay: 1.75s;
-moz-animation-iteration-count: 1;
-moz-animation-direction: alternate;
-moz-animation-play-state: running;
-moz-animation-fill-mode:forwards;

-webkit-animation-duration: 1s;
-webkit-animation-timing-function: ease;
-webkit-animation-delay: 1.75s;
-webkit-animation-iteration-count: 1;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: running;
-webkit-animation-fill-mode:forwards;

-o-animation-duration: 1s;
-o-animation-timing-function: ease;
-o-animation-delay: 1.75s;
-o-animation-iteration-count: 1;
-o-animation-direction: alternate;
-o-animation-play-state: running; 
-o-animation-fill-mode:forwards;

}

	
#p2.active .btns a:nth-child(3) .btn, #p3.active .btns a:nth-child(3) .btn, #p4.active .btns a:nth-child(3) .btn, #p5.active .btns a:nth-child(3) .btn {
animation-duration: 1s;
animation-timing-function: ease;
animation-delay: 2s;
animation-iteration-count: 1;
animation-direction: alternate;
animation-play-state: running;
animation-fill-mode:forwards;

-moz-animation-duration: 1s;	
-moz-animation-timing-function: ease;
-moz-animation-delay: 2s;
-moz-animation-iteration-count: 1;
-moz-animation-direction: alternate;
-moz-animation-play-state: running;
-moz-animation-fill-mode:forwards;

-webkit-animation-duration: 1s;
-webkit-animation-timing-function: ease;
-webkit-animation-delay: 2s;
-webkit-animation-iteration-count: 1;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: running;
-webkit-animation-fill-mode:forwards;

-o-animation-duration: 1s;
-o-animation-timing-function: ease;
-o-animation-delay: 2s;
-o-animation-iteration-count: 1;
-o-animation-direction: alternate;
-o-animation-play-state: running; 
-o-animation-fill-mode:forwards;

}

#p1.active .text0 {  
animation-name: p1anm;
/* Firefox: */
-moz-animation-name: p1anm;
/* Safari 和 Chrome: */
-webkit-animation-name: p1anm;
/* Opera: */
-o-animation-name: p1anm;

}

#p2.active .text, #p3.active .text, #p4.active .text, #p5.active .text { 
animation-name: p2anm0pad;
/* Firefox: */
-moz-animation-name: p2anm0pad;
/* Safari 和 Chrome: */
-webkit-animation-name: p2anm0pad;
/* Opera: */
-o-animation-name: p2anm0pad;
 }

#p2.active .btns a:nth-child(1) .btn, #p3.active .btns a:nth-child(1) .btn, #p4.active .btns a:nth-child(1) .btn, #p5.active .btns a:nth-child(1) .btn {
animation-name: p2anm1pad0;
/* Firefox: */
-moz-animation-name: p2anm1pad0;
/* Safari 和 Chrome: */
-webkit-animation-name: p2anm1pad0;
/* Opera: */
-o-animation-name: p2anm1pad0;
}

#p2.active .btns a:nth-child(2) .btn, #p3.active .btns a:nth-child(2) .btn, #p4.active .btns a:nth-child(2) .btn, #p5.active .btns a:nth-child(2) .btn {
animation-name: p2anm1pad1;
/* Firefox: */
-moz-animation-name: p2anm1pad1;
/* Safari 和 Chrome: */
-webkit-animation-name: p2anm1pad1;
/* Opera: */
-o-animation-name: p2anm1pad1;
}

#p2.active .btns a:nth-child(3) .btn, #p3.active .btns a:nth-child(3) .btn, #p4.active .btns a:nth-child(3) .btn, #p5.active .btns a:nth-child(3) .btn {
animation-name: p2anm1pad2;
/* Firefox: */
-moz-animation-name: p2anm1pad2;
/* Safari 和 Chrome: */
-webkit-animation-name: p2anm1pad2;
/* Opera: */
-o-animation-name: p2anm1pad2;
}

}

@media screen and (max-width:640px) {
#p2.active .btns a:nth-child(1) .btn, #p3.active .btns a:nth-child(1) .btn, #p4.active .btns a:nth-child(1) .btn, #p5.active .btns a:nth-child(1) .btn {
animation-duration: 1s;
animation-timing-function: ease;
animation-delay: 1.5s;
animation-iteration-count: 1;
animation-direction: alternate;
animation-play-state: running;
animation-fill-mode:forwards;

-moz-animation-duration: 1s;	
-moz-animation-timing-function: ease;
-moz-animation-delay: 1.5s;
-moz-animation-iteration-count: 1;
-moz-animation-direction: alternate;
-moz-animation-play-state: running;
-moz-animation-fill-mode:forwards;

-webkit-animation-duration: 1s;
-webkit-animation-timing-function: ease;
-webkit-animation-delay: 1.5s;
-webkit-animation-iteration-count: 1;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: running;
-webkit-animation-fill-mode:forwards;

-o-animation-duration: 1s;
-o-animation-timing-function: ease;
-o-animation-delay: 1.5s;
-o-animation-iteration-count: 1;
-o-animation-direction: alternate;
-o-animation-play-state: running; 
-o-animation-fill-mode:forwards;

}
	
#p2.active .btns a:nth-child(2) .btn, #p3.active .btns a:nth-child(2) .btn, #p4.active .btns a:nth-child(2) .btn, #p5.active .btns a:nth-child(2) .btn {
animation-duration: 1s;
animation-timing-function: ease;
animation-delay: 1.75s;
animation-iteration-count: 1;
animation-direction: alternate;
animation-play-state: running;
animation-fill-mode:forwards;

-moz-animation-duration: 1s;	
-moz-animation-timing-function: ease;
-moz-animation-delay: 1.75s;
-moz-animation-iteration-count: 1;
-moz-animation-direction: alternate;
-moz-animation-play-state: running;
-moz-animation-fill-mode:forwards;

-webkit-animation-duration: 1s;
-webkit-animation-timing-function: ease;
-webkit-animation-delay: 1.75s;
-webkit-animation-iteration-count: 1;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: running;
-webkit-animation-fill-mode:forwards;

-o-animation-duration: 1s;
-o-animation-timing-function: ease;
-o-animation-delay: 1.75s;
-o-animation-iteration-count: 1;
-o-animation-direction: alternate;
-o-animation-play-state: running; 
-o-animation-fill-mode:forwards;

}

	
#p2.active .btns a:nth-child(3) .btn, #p3.active .btns a:nth-child(3) .btn, #p4.active .btns a:nth-child(3) .btn, #p5.active .btns a:nth-child(3) .btn {
animation-duration: 1s;
animation-timing-function: ease;
animation-delay: 2s;
animation-iteration-count: 1;
animation-direction: alternate;
animation-play-state: running;
animation-fill-mode:forwards;

-moz-animation-duration: 1s;	
-moz-animation-timing-function: ease;
-moz-animation-delay: 2s;
-moz-animation-iteration-count: 1;
-moz-animation-direction: alternate;
-moz-animation-play-state: running;
-moz-animation-fill-mode:forwards;

-webkit-animation-duration: 1s;
-webkit-animation-timing-function: ease;
-webkit-animation-delay: 2s;
-webkit-animation-iteration-count: 1;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: running;
-webkit-animation-fill-mode:forwards;

-o-animation-duration: 1s;
-o-animation-timing-function: ease;
-o-animation-delay: 2s;
-o-animation-iteration-count: 1;
-o-animation-direction: alternate;
-o-animation-play-state: running; 
-o-animation-fill-mode:forwards;

}

#p1.active .text0 {  
animation-name: p1anm;
/* Firefox: */
-moz-animation-name: p1anm;
/* Safari 和 Chrome: */
-webkit-animation-name: p1anm;
/* Opera: */
-o-animation-name: p1anm;

}

#p2.active .text, #p3.active .text, #p4.active .text, #p5.active .text { 
animation-name: p2anm0pad;
/* Firefox: */
-moz-animation-name: p2anm0pad;
/* Safari 和 Chrome: */
-webkit-animation-name: p2anm0pad;
/* Opera: */
-o-animation-name: p2anm0pad;
 }

#p2.active .btns a:nth-child(1) .btn, #p3.active .btns a:nth-child(1) .btn, #p4.active .btns a:nth-child(1) .btn, #p5.active .btns a:nth-child(1) .btn {
animation-name: p2anm1phone0;
/* Firefox: */
-moz-animation-name: p2anm1phone0;
/* Safari 和 Chrome: */
-webkit-animation-name: p2anm1phone0;
/* Opera: */
-o-animation-name: p2anm1phone0;
}

#p2.active .btns a:nth-child(2) .btn, #p3.active .btns a:nth-child(2) .btn, #p4.active .btns a:nth-child(2) .btn, #p5.active .btns a:nth-child(2) .btn {
animation-name: p2anm1phone1;
/* Firefox: */
-moz-animation-name: p2anm1phone1;
/* Safari 和 Chrome: */
-webkit-animation-name: p2anm1phone1;
/* Opera: */
-o-animation-name: p2anm1phone1;
}

#p2.active .btns a:nth-child(3) .btn, #p3.active .btns a:nth-child(3) .btn, #p4.active .btns a:nth-child(3) .btn, #p5.active .btns a:nth-child(3) .btn {
animation-name: p2anm1phone2;
/* Firefox: */
-moz-animation-name: p2anm1phone2;
/* Safari 和 Chrome: */
-webkit-animation-name: p2anm1phone2;
/* Opera: */
-o-animation-name: p2anm1phone2;
}

}


@keyframes btmarr
{
0%   { padding:0; opacity:0; }
10%  { padding:0; opacity:1; }
70%  { opacity:1; }
90%  { opacity:0; }
100% { padding:30px 0 0 0;  opacity:0; }
}

@-moz-keyframes btmarr /* Firefox */
{
0%   { padding:0; opacity:0; }
10%  { padding:0; opacity:1; }
70%  { opacity:1; }
90%  { opacity:0; }
100% { padding:30px 0 0 0;  opacity:0; }
}

@-webkit-keyframes btmarr /* Safari 和 Chrome */
{
0%   { padding:0; opacity:0; }
10%  { padding:0; opacity:1; }
70%  { opacity:1; }
90%  { opacity:0; }
100% { padding:30px 0 0 0;  opacity:0; }
}

@-o-keyframes btmarr /* Opera */
{
0%   { padding:0; opacity:0; }
10%  { padding:0; opacity:1; }
70%  { opacity:1; }
90%  { opacity:0; }
100% { padding:30px 0 0 0;  opacity:0; }
}



@keyframes p1anm
{
0%   { top:55%; opacity:0; }
100% { top:50%; opacity:1; }
}

@-moz-keyframes p1anm /* Firefox */
{
0%   { top:55%; opacity:0; }
100% { top:50%; opacity:1; }
}

@-webkit-keyframes p1anm /* Safari 和 Chrome */
{
0%   { top:55%; opacity:0; }
100% { top:50%; opacity:1; }
}

@-o-keyframes p1anm /* Opera */
{
0%   { top:55%; opacity:0; }
100% { top:50%; opacity:1; }
}


@keyframes p2anm0
{
0%   { top:50%; opacity:0; }
100% { top:45%; opacity:1; }
}

@-moz-keyframes p2anm0 /* Firefox */
{
0%   { top:50%; opacity:0; }
100% { top:45%; opacity:1; }
}

@-webkit-keyframes p2anm0 /* Safari 和 Chrome */
{
0%   { top:50%; opacity:0; }
100% { top:45%; opacity:1; }
}

@-o-keyframes p2anm0 /* Opera */
{
0%   { top:50%; opacity:0; }
100% { top:45%; opacity:1; }
}

@keyframes p2anm1
{
0%   { top:57%; opacity:0; }
100% { top:55%; opacity:1; }
}

@-moz-keyframes p2anm1 /* Firefox */
{
0%   { top:57%; opacity:0; }
100% { top:55%; opacity:1; }
}

@-webkit-keyframes p2anm1 /* Safari 和 Chrome */
{
0%   { top:57%; opacity:0; }
100% { top:55%; opacity:1; }
}

@-o-keyframes p2anm1 /* Opera */
{
0%   { top:57%; opacity:0; }
100% { top:55%; opacity:1; }
}

@keyframes p5anm0
{
0%   { top:40%; opacity:0; }
100% { top:35%; opacity:1; }
}

@-moz-keyframes p5anm0 /* Firefox */
{
0%   { top:40%; opacity:0; }
100% { top:35%; opacity:1; }
}

@-webkit-keyframes p5anm0 /* Safari 和 Chrome */
{
0%   { top:40%; opacity:0; }
100% { top:35%; opacity:1; }
}

@-o-keyframes p5anm0 /* Opera */
{
0%   { top:40%; opacity:0; }
100% { top:35%; opacity:1; }
}

@keyframes p5anm1
{
0%   { top:52%; opacity:0; }
100% { top:50%; opacity:1; }
}

@-moz-keyframes p5anm1 /* Firefox */
{
0%   { top:52%; opacity:0; }
100% { top:50%; opacity:1; }
}

@-webkit-keyframes p5anm1 /* Safari 和 Chrome */
{
0%   { top:52%; opacity:0; }
100% { top:50%; opacity:1; }
}

@-o-keyframes p5anm1 /* Opera */
{
0%   { top:52%; opacity:0; }
100% { top:50%; opacity:1; }
}


@keyframes p2anm0pad
{
0%   { top:30%; opacity:0; }
100% { top:25%; opacity:1; }
}

@-moz-keyframes p2anm0pad /* Firefox */
{
0%   { top:30%; opacity:0; }
100% { top:25%; opacity:1; }
}

@-webkit-keyframes p2anm0pad /* Safari 和 Chrome */
{
0%   { top:30%; opacity:0; }
100% { top:25%; opacity:1; }
}

@-o-keyframes p2anm0pad /* Opera */
{
0%   { top:30%; opacity:0; }
100% { top:25%; opacity:1; }
}

@keyframes p2anm1pad0
{
0%   { top:4rem; opacity:0; }
100% { top:0; opacity:1; }
}

@-moz-keyframes p2anm1pad0 /* Firefox */
{
0%   { top:4rem; opacity:0; }
100% { top:0; opacity:1; }
}

@-webkit-keyframes p2anm1pad0 /* Safari 和 Chrome */
{
0%   { top:4rem; opacity:0; }
100% { top:0; opacity:1; }
}

@-o-keyframes p2anm1pad0 /* Opera */
{
0%   { top:4rem; opacity:0; }
100% { top:0; opacity:1; }
}

@keyframes p2anm1pad1
{
0%   { top:13rem; opacity:0; }
100% { top:9rem; opacity:1; }
}

@-moz-keyframes p2anm1pad1 /* Firefox */
{
0%   { top:13rem; opacity:0; }
100% { top:9rem; opacity:1; }
}

@-webkit-keyframes p2anm1pad1 /* Safari 和 Chrome */
{
0%   { top:13rem; opacity:0; }
100% { top:9rem; opacity:1; }
}

@-o-keyframes p2anm1pad1 /* Opera */
{
0%   { top:13rem; opacity:0; }
100% { top:9rem; opacity:1; }
}


@keyframes p2anm1pad2
{
0%   { top:22rem; opacity:0; }
100% { top:18rem; opacity:1; }
}

@-moz-keyframes p2anm1pad2 /* Firefox */
{
0%   { top:22rem; opacity:0; }
100% { top:18rem; opacity:1; }
}

@-webkit-keyframes p2anm1pad2 /* Safari 和 Chrome */
{
0%   { top:22rem; opacity:0; }
100% { top:18rem; opacity:1; }
}

@-o-keyframes p2anm1pad2 /* Opera */
{
0%   { top:22rem; opacity:0; }
100% { top:18rem; opacity:1; }
}



@keyframes p2anm1phone0
{
0%   { top:3rem; opacity:0; }
100% { top:0; opacity:1; }
}

@-moz-keyframes p2anm1phone0 /* Firefox */
{
0%   { top:3rem; opacity:0; }
100% { top:0; opacity:1; }
}

@-webkit-keyframes p2anm1phone0 /* Safari 和 Chrome */
{
0%   { top:3rem; opacity:0; }
100% { top:0; opacity:1; }
}

@-o-keyframes p2anm1phone0 /* Opera */
{
0%   { top:3rem; opacity:0; }
100% { top:0; opacity:1; }
}

@keyframes p2anm1phone1
{
0%   { top:10rem; opacity:0; }
100% { top:7rem; opacity:1; }
}

@-moz-keyframes p2anm1phone1 /* Firefox */
{
0%   { top:10rem; opacity:0; }
100% { top:7rem; opacity:1; }
}

@-webkit-keyframes p2anm1phone1 /* Safari 和 Chrome */
{
0%   { top:10rem; opacity:0; }
100% { top:7rem; opacity:1; }
}

@-o-keyframes p2anm1phone1 /* Opera */
{
0%   { top:10rem; opacity:0; }
100% { top:7rem; opacity:1; }
}


@keyframes p2anm1phone2
{
0%   { top:17rem; opacity:0; }
100% { top:14rem; opacity:1; }
}

@-moz-keyframes p2anm1phone2 /* Firefox */
{
0%   { top:17rem; opacity:0; }
100% { top:14rem; opacity:1; }
}

@-webkit-keyframes p2anm1phone2 /* Safari 和 Chrome */
{
0%   { top:17rem; opacity:0; }
100% { top:14rem; opacity:1; }
}

@-o-keyframes p2anm1phone2 /* Opera */
{
0%   { top:17rem; opacity:0; }
100% { top:14rem; opacity:1; }
}