@charset "utf-8";
/*从上到下*/
.float-top
{
animation:floatt 1s;
-moz-animation:floatt 1s; /* Firefox */
-webkit-animation:floatt 1s; /* Safari and Chrome */
-o-animation:floatt 1s; /* Opera */
}
@keyframes floatt
{
from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-moz-keyframes floatt
{
from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes floatt
{
from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-o-keyframes floatt
{
from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
/*左到右*/
.float-left
{
animation:floatl 1.5s;
-moz-animation:floatl 1.5s; /* Firefox */
-webkit-animation:floatl 1.5s; /* Safari and Chrome */
-o-animation:floatl 1.5s; /* Opera */
}
@keyframes floatl
{
from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-moz-keyframes floatl
{
from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes floatl
{
from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-o-keyframes floatl
{
from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.float-left1
{
animation:floatl1 5s;
-moz-animation:floatl1 5s; /* Firefox */
-webkit-animation:floatl1 5s; /* Safari and Chrome */
-o-animation:floatl1 5s; /* Opera */
}
@keyframes floatl1
{
from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-moz-keyframes floatl1
{
from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes floatl1
{
from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-o-keyframes floatl1
{
from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}

/*右到左*/
.float-right
{
animation:floatr 1.5s;
-moz-animation:floatr 1.5s; /* Firefox */
-webkit-animation:floatr 1.5s; /* Safari and Chrome */
-o-animation:floatr 1.5s; /* Opera */
}
@keyframes floatr
{
from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-moz-keyframes floatr
{
from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes floatr
{
from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-o-keyframes floatr
{
from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}

/*右到左*/
.float-right1
{
animation:floatr1 5s;
-moz-animation:floatr1 5s; /* Firefox */
-webkit-animation:floatr1 5s; /* Safari and Chrome */
-o-animation:floatr1 1.5s; /* Opera */
}
@keyframes floatr1
{
from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-moz-keyframes floatr1
{
from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes floatr1
{
from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-o-keyframes floatr1
{
from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}