/*! 2.6.0 | (c) 2015 | Alimao */
html,body {height:100%;position:relative}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:middle
}
body {
font-family:Microsoft Yahei;
font-size:13px;
color:#333;
line-height:22px;
position:relative;
min-width:320px;
-webkit-text-size-adjust:none;
-webkit-tap-highlight-color:rgba(0,0,0,0)
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block
}
img {
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
height:auto;
max-width:100%;
width:auto\9;
}
ol,ul {
list-style:none
}
p {
padding-bottom:10px
}
strong {
font-weight:bold
}
q {
quotes:none
}
q:before,q:after {
content:'';
content:none
}
table {
border-collapse:collapse;
border-spacing:0
}
a {
color:#333;
text-decoration:none
}
a:hover {
color:#ff0000
}
a[href^="tel:"] {
color:inherit;
text-decoration:none
}
@font-face {
font-family:'alimaofont';
src:url('../fonts/alimao-fonts.eot');
src:url('../fonts/alimao-fonts.eot') format('embedded-opentype'),url('../fonts/alimao-fonts.woff2') format('woff2'),url('../fonts/alimao-fonts.woff') format('woff'),url('../fonts/alimao-fonts.ttf') format('truetype'),url('../fonts/alimao-fonts.svg#iconfontregular') format('svg');
font-weight:normal;
font-style:normal;
}
[class*="icon_"] {font-family:'alimaofont'}
.georgia {font-family:Georgia}
.verdana {
font-family:Verdana
}
.impact {
font-family:"Impact";
letter-spacing:2px;
}
.times {
font-family:Times New Roman
}
big {
text-transform:uppercase
}
h1 {
font-size:32px
}
h2 {
font-size:26px;
line-height:26px
}
h3 {
font-size:18px
}
h4 {
font-size:16px
}
h5 {
font-size:14px
}
h6 {
font-size:13px
}
.white {
color:#fff
}
.c035 {color:#035c99}
.c704 {color:#c70400}
.b_m_line {
border-bottom:1px solid #414141
}
.clear {
clear:both
}
.clearfix {
*zoom:1
}
.clearfix:before,.clearfix:after {
display:table;
content:"";
line-height:0
}
.clearfix:after {
clear:both
}
.clear {
clear:both
}
.container .alpha {
margin-left:0px
}
.container .omega {
margin-right:0px
}
.row {
*zoom:1;
margin-left:-30px
}
.row:before,.row:after {
display:table;
content:"";
line-height:0
}
.row:after {
clear:both
}
[class*="grid_"] {
float:left;
min-height:1px;
margin-left:30px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.container {
margin:0 auto;
width:1170px;
}
.grid_12 {
width:1170px
}
.grid_11 {
width:1170px;margin-left: 0;
}
.grid_10 {
width:970px
}
.grid_9 {
width:870px
}
.grid_8 {
width:770px
}
.grid_7 {
width:670px
}
.grid_6 {
width:570px
}
.grid_5 {
width:470px
}
.grid_4 {
width:370px
}
.grid_3 {
width:270px
}
.grid_2 {
width:200px
}
.grid_1 {
width:70px
}
@media (min-width:980px) and (max-width:1199px) {
.row {
margin-left:-20px;
*zoom:1
}
.row:before,.row:after {
display:table;
content:"";
line-height:0
}
.row:after {
clear:both
}
[class*="grid_"] {
float:left;
min-height:1px;
margin-left:20px;
}
.container {
width:940px
}
.grid_12 {
width:940px
}
.grid_11 {
width:860px
}
.grid_10 {
width:780px
}
.grid_9 {
width:700px
}
.grid_8 {
width:620px
}
.grid_7 {
width:540px
}
.grid_6 {
width:460px
}
.grid_5 {
width:380px
}
.grid_4 {
width:300px
}
.grid_3 {
width:220px
}
.grid_2 {
width:140px
}
.grid_1 {
width:60px
}
}
@media (min-width:768px) and (max-width:979px) {
.row {
margin-left:-20px;
*zoom:1
}
.row:before,.row:after {
display:table;
content:"";
line-height:0
}
.row:after {
clear:both
}
[class*="grid_"] {
float:left;
min-height:1px;
margin-left:20px
}
.container {
width:748px
}
.grid_12 {
width:748px
}
.grid_11 {
width:684px
}
.grid_10 {
width:620px
}
.grid_9 {
width:556px
}
.grid_8 {
width:492px
}
.grid_7 {
width:428px
}
.grid_6 {
width:364px
}
.grid_5 {
width:300px
}
.grid_4 {
width:236px
}
.grid_3 {
width:172px
}
.grid_2 {
width:108px
}
.grid_1 {
width:44px
}
}
@media (max-width:767px) {
.container {
width:460px
}
.row {
margin-left:0
}
[class*="grid_"] {
/*float:none;*/
display:block;
width:100%;
margin-left:0;
}
.grid_3.sidebar-goods{padding:0;border: none;}
.grid_3.sidebar-goods ul{overflow:hidden}
.grid_3.sidebar-goods li{padding:0!important;float:left;width:50%;overflow:hidden}
.grid_3.sidebar-goods li a{display:block;padding:2px}
/* .links{display:none} */
}
@media (max-width:479px) {
.container {
width:300px
}
}
.bx-wrapper {
position:relative;
margin:0 auto 60px;
padding:0;
*zoom:1;
}
.bx-wrapper img {
max-width:100%;
display:block;
}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {
position:absolute;
bottom:-30px;
width:100%;
}
.bx-wrapper .bx-loading {
min-height:50px;
background:url('../images/bx_loader.gif') center center no-repeat #fff;
height:100%;
width:100%;
position:absolute;
top:0;
left:0;
z-index:2000
}
.bx-wrapper .bx-pager {
text-align:center;
font-size:.85em;
font-family:Arial;
font-weight:bold;
color:#666;
padding-top:20px
}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display:inline-block;
*zoom:1;
*display:inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background:#666;
text-indent:-9999px;
display:block;
width:10px;
height:10px;
margin:0 5px;
outline:0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {
background:#000;
}
.bx-wrapper .bx-prev {left:0;background:url('../images/controls.png') no-repeat 0 0;}
.bx-wrapper .bx-next {right:0;background:url('../images/controls.png') no-repeat -43px 0}
.bx-wrapper .bx-prev:hover {
background-position:0 0;
}
.bx-wrapper .bx-next:hover {
background-position:-43px 0;
}
.bx-wrapper .bx-controls-direction a {
position:absolute;
top:50%;
margin-top:-20px;
outline:0;
width:41px;
height:41px;
text-indent:-9999px;
z-index:99
}
.bx-wrapper .bx-controls-direction a.disabled {
display:none;
}
.bx-wrapper .bx-controls-auto {
text-align:center
}
.bx-wrapper .bx-controls-auto .bx-start {
display:block;
text-indent:-9999px;
width:10px;
height:11px;
outline:0;
background:url('../images/controls.png') -86px -11px no-repeat;
margin:0 3px
}
.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active {
background-position:-86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display:block;
text-indent:-9999px;
width:9px;
height:11px;
outline:0;
background:url('../images/controls.png') -86px -44px no-repeat;
margin:0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position:-86px -33px;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align:left;
width:80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right:0;
width:35px;
}
.bx-wrapper .bx-caption {
position:absolute;
bottom:0;
left:0;
background:rgba(80,80,80,0.75);
width:100%;
}
.bx-wrapper .bx-caption span {
color:#fff;
font-family:Arial;
display:block;
font-size:.85em;
padding:10px;
}
[data-animate],.alm_fiu,.alm_fir,.alm_fir1,.alm_fir2,.alm_fir3,.alm_fil,.alm_fil1,.alm_fil2,.alm_fil3,.alm_fid,.alm_fid1,.alm_fid2,.alm_fid3 {opacity:0}
.alm_fiu {
animation:almfiu 1.5s;
-moz-animation:almfiu 1.5s;
-webkit-animation:almfiu 1.5s;
-o-animation:almfiu 1.5s
}
@-webkit-keyframes almfiu {
0% {
opacity:0;
-webkit-transform:translateY(100px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
}
}@-moz-keyframes almfiu {
0% {
opacity:0;
-moz-transform:translateY(100px);
}
100% {
opacity:1;
-moz-transform:translateY(0);
}
}@-o-keyframes almfiu {
0% {
opacity:0;
-o-transform:translateY(100px);
}
100% {
opacity:1;
-o-transform:translateY(0);
}
}@keyframes almfiu {
0% {
opacity:0;
transform:translateY(100px);
}
100% {
opacity:1;
transform:translateY(0);
}
}.alm_fir,.alm_fir1,.alm_fir2,.alm_fir3 {
animation:almfir 1.5s;
-moz-animation:almfir 1.5s;
-webkit-animation:almfir 1.5s;
-o-animation:almfir 1.5s;
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards
}
.alm_fir1 {
animation-delay:0.2s;
-moz-animation-delay:0.2s;
-webkit-animation-delay:0.2s;
-o-animation-delay:0.2s;
}
.alm_fir2 {
animation-delay:0.3s;
-moz-animation-delay:0.3s;
-webkit-animation-delay:0.3s;
-o-animation-delay:0.3s;
}
.alm_fir3 {
animation-delay:0.5s;
-moz-animation-delay:0.5s;
-webkit-animation-delay:0.5s;
-o-animation-delay:0.5s;
}
@-webkit-keyframes almfir {
0% {
opacity:0;
-webkit-transform:translateX(200px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
}
}@-moz-keyframes almfir {
0% {
opacity:0;
-moz-transform:translateX(200px);
}
100% {
opacity:1;
-moz-transform:translateX(0);
}
}@-o-keyframes almfir {
0% {
opacity:0;
-o-transform:translateX(200px);
}
100% {
opacity:1;
-o-transform:translateX(0);
}
}@keyframes almfir {
0% {
opacity:0;
transform:translateX(200px);
}
100% {
opacity:1;
transform:translateX(0);
}
}.alm_fil,.alm_fil1,.alm_fil2,.alm_fil3 {
animation:almfil 1.5s;
-moz-animation:almfil 1.5s;
-webkit-animation:almfil 1.5s;
-o-animation:almfil 1.5s;
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards
}
.alm_fil1 {
animation-delay:0.2s;
-moz-animation-delay:0.2s;
-webkit-animation-delay:0.2s;
-o-animation-delay:0.2s;
}
.alm_fil2 {
animation-delay:0.3s;
-moz-animation-delay:0.3s;
-webkit-animation-delay:0.3s;
-o-animation-delay:0.3s;
}
.alm_fil3 {
animation-delay:0.5s;
-moz-animation-delay:0.5s;
-webkit-animation-delay:0.5s;
-o-animation-delay:0.5s;
}
@-webkit-keyframes almfil {
0% {
opacity:0;
-webkit-transform:translateX(-200px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
}
}@-moz-keyframes almfil {
0% {
opacity:0;
-moz-transform:translateX(-200px);
}
100% {
opacity:1;
-moz-transform:translateX(0);
}
}@-o-keyframes almfil {
0% {
opacity:0;
-o-transform:translateX(-200px);
}
100% {
opacity:1;
-o-transform:translateX(0);
}
}@keyframes almfil {
0% {
opacity:0;
transform:translateX(-200px);
}
100% {
opacity:1;
transform:translateX(0);
}
}.alm_fid,.alm_fid1,.alm_fid2,.alm_fid3 {
animation:almfid 1.5s;
-moz-animation:almfid 1.5s;
-webkit-animation:almfid 1.5s;
-o-animation:almfid 1.5s;
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards
}
.alm_fid1 {
animation-delay:0.2s;
-moz-animation-delay:0.2s;
-webkit-animation-delay:0.2s;
-o-animation-delay:0.2s;
}
.alm_fid2 {
animation-delay:0.3s;
-moz-animation-delay:0.3s;
-webkit-animation-delay:0.3s;
-o-animation-delay:0.3s;
}
.alm_fid3 {
animation-delay:0.5s;
-moz-animation-delay:0.5s;
-webkit-animation-delay:0.5s;
-o-animation-delay:0.5s;
}
@-webkit-keyframes almfid {
0% {
opacity:0;
-webkit-transform:translateY(-200px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
}
}@-moz-keyframes almfid {
0% {
opacity:0;
-moz-transform:translateY(-200px);
}
100% {
opacity:1;
-moz-transform:translateY(0);
}
}@-o-keyframes almfid {
0% {
opacity:0;
-o-transform:translateY(-200px);
}
100% {
opacity:1;
-o-transform:translateY(0);
}
}@keyframes almfid {
0% {
opacity:0;
transform:translateY(-200px);
}
100% {
opacity:1;
transform:translateY(0);
}
}
.menuicon-in span.menuicon-top,.menuicon-in span.menuicon-bottom,.menuicon-out span.menuicon-top,.menuicon-out span.menuicon-middle,.menuicon-out span.menuicon-bottom {
animation:menuInx 1s;
-moz-animation:menuInx 1s;
-webkit-animation:menuInx 1s;
-o-animation:menuInx 1s;
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards
}
.menuicon-in span.menuicon-middle {
animation:menuInm 0.5s;
-moz-animation:menuInm 0.5s;
-webkit-animation:menuInm 0.5s;
-o-animation:menuInm 0.5s;
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards
}
.menuicon-in span.menuicon-bottom {
animation-name:menuIny;
-moz-animation-name:menuIny;
-webkit-animation-name:menuIny;
-o-animation-name:menuIny;
}
.menuicon-out span.menuicon-top {
animation-name:menuOutx;
-moz-animation-name:menuOutx;
-webkit-animation-name:menuOutx;
-o-animation-name:menuOutx;
}
.menuicon-out span.menuicon-middle {
animation-name:menuOutm;
-moz-animation-name:menuOutm;
-webkit-animation-name:menuOutm;
-o-animation-name:menuOutm;
}
.menuicon-out span.menuicon-bottom {
animation-name:menuOuty;
-moz-animation-name:menuOuty;
-webkit-animation-name:menuOuty;
-o-animation-name:menuOuty;
}
@-webkit-keyframes menuInx {
0% {
-webkit-transform:rotate(0);
top:0
}
100% {
-webkit-transform:rotate(-45deg);
top:8px
}
}@-moz-keyframes menuInx {
0% {
-moz-transform:rotate(0);
top:0
}
100% {
-moz-transform:rotate(-45deg);
top:8px
}
}@-o-keyframes menuInx {
0% {
-o-transform:rotate(0);
top:0
}
100% {
-o-transform:rotate(-45deg);
top:8px
}
}@keyframes menuInx {
0% {
transform:rotate(0);
top:0
}
100% {
transform:rotate(-45deg);
top:8px
}
}@-webkit-keyframes menuInm {
0% {
opacity:1
}
100% {
opacity:0
}
}@-moz-keyframes menuInm {
0% {
opacity:1
}
100% {
opacity:0
}
}@-o-keyframes menuInm {
0% {
opacity:1
}
100% {
opacity:0
}
}@keyframes menuInm {
0% {
opacity:1
}
100% {
opacity:0
}
}@-webkit-keyframes menuIny {
0% {
-webkit-transform:rotate(0);
top:16px
}
100% {
-webkit-transform:rotate(45deg);
top:8px
}
}@-moz-keyframes menuIny {
0% {
-moz-transform:rotate(0);
top:16px
}
100% {
-moz-transform:rotate(45deg);
top:8px
}
}@-o-keyframes menuIny {
0% {
-o-transform:rotate(0);
top:16px
}
100% {
-o-transform:rotate(45deg);
top:8px
}
}@keyframes menuIny {
0% {
transform:rotate(0);
top:16px
}
100% {
transform:rotate(45deg);
top:8px
}
}@-webkit-keyframes menuOutx {
0% {
-webkit-transform:rotate(-45deg);
top:8px
}
100% {
-webkit-transform:rotate(0);
top:0
}
}@-moz-keyframes menuOutx {
0% {
-moz-transform:rotate(-45deg);
top:8px
}
100% {
-moz-transform:rotate(0);
top:0
}
}@-o-keyframes menuOutx {
0% {
-o-transform:rotate(-45deg);
top:8px
}
100% {
-o-transform:rotate(0);
top:0
}
}@keyframes menuOutx {
0% {
transform:rotate(-45deg);
top:8px
}
100% {
transform:rotate(0);
top:0
}
}@-webkit-keyframes menuOutm {
0% {
opacity:0
}
100% {
opacity:1
}
}@-moz-keyframes menuOutm {
0% {
opacity:0
}
100% {
opacity:1
}
}@-o-keyframes menuOutm {
0% {
opacity:0
}
100% {
opacity:1
}
}@keyframes menuOutm {
0% {
opacity:0
}
100% {
opacity:1
}
}@-webkit-keyframes menuOuty {
0% {
-webkit-transform:rotate(45deg);
top:8px
}
100% {
-webkit-transform:rotate(0);
top:16px
}
}@-moz-keyframes menuOuty {
0% {
-moz-transform:rotate(45deg);
top:8px
}
100% {
-moz-transform:rotate(0);
top:16px
}
}@-o-keyframes menuOuty {
0% {
-o-transform:rotate(45deg);
top:8px
}
100% {
-o-transform:rotate(0);
top:16px
}
}@keyframes menuOuty {
0% {
transform:rotate(45deg);
top:8px
}
100% {
transform:rotate(0);
top:16px
}
}
.fadeInUp,.fadeInUp1,.fadeInUp2,.fadeInUp3,.fadeInUp4 {
animation:fadeInUp 1.5s;
-moz-animation:fadeInUp 1.5s;
-webkit-animation:fadeInUp 1.5s;
-o-animation:fadeInUp 1.5s;
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards
}
.fadeInUp1 {
animation-delay:0.2s;
-moz-animation-delay:0.2s;
-webkit-animation-delay:0.2s;
-o-animation-delay:0.2s;
}
.fadeInUp2 {
animation-delay:0.3s;
-moz-animation-delay:0.3s;
-webkit-animation-delay:0.3s;
-o-animation-delay:0.3s;
}
.fadeInUp3 {
animation-delay:0.4s;
-moz-animation-delay:0.4s;
-webkit-animation-delay:0.4s;
-o-animation-delay:0.4s;
}
.fadeInUp4 {
animation-delay:0.5s;
-moz-animation-delay:0.5s;
-webkit-animation-delay:0.5s;
-o-animation-delay:0.5s;
}
.fadeInDown {
animation:fadeInDown 1.5s;
-moz-animation:fadeInDown 1.5s;
-webkit-animation:fadeInDown 1.5s;
-o-animation:fadeInDown 1.5s;
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards
}
.fadeOut {
animation:fadeOut 1.5s;
-moz-animation:fadeOut 1.5s;
-webkit-animation:fadeOut 1.5s;
-o-animation:fadeOut 1.5s;
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards
}
.fadeIn {
animation:fadeIn 1.5s;
-moz-animation:fadeIn 1.5s;
-webkit-animation:fadeIn 1.5s;
-o-animation:fadeIn 1.5s;
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards
}
.pulse {
animation:pulse 1.5s;
-moz-animation:pulse 1.5s;
-webkit-animation:pulse 1.5s;
-o-animation:pulse 1.5s;
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards
}
.flipInX {
animation:flipInX 1.5s;
-moz-animation:flipInX 1.5s;
-webkit-animation:flipInX 1.5s;
-o-animation:flipInX 1.5s;
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards
}
.flipOutX {
animation:flipOutX 1.5s;
-moz-animation:flipOutX 1.5s;
-webkit-animation:flipOutX 1.5s;
-o-animation:flipOutX 1.5s;
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards
}
.flipInY {
animation:flipInY 1.5s;
-moz-animation:flipInY 1.5s;
-webkit-animation:flipInY 1.5s;
-o-animation:flipInY 1.5s;
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards
}
.flipOutY {
animation:flipOutY 1.5s;
-moz-animation:flipOutY 1.5s;
-webkit-animation:flipOutY 1.5s;
-o-animation:flipOutY 1.5s;
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards
}
.fadeInLeft {
animation:fadeInLeft 1.5s;
-moz-animation:fadeInLeft 1.5s;
-webkit-animation:fadeInLeft 1.5s;
-o-animation:fadeInLeft 1.5s;
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards
}
.menufade > li{opacity:0}
.menufade > li{
animation:menufade 0.35s ease-out;
-moz-animation:menufade 0.35s ease-out;
-webkit-animation:menufade 0.35s ease-out;
-o-animation:menufade 0.35s ease-out;
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards;
}
.menufade > li:nth-child(1){
animation-delay:100ms;
-moz-animation-delay:100ms;
-webkit-animation-delay:100ms;
-o-webkit-animation-delay:100ms
}
.menufade > li:nth-child(2){
-o-webkit-animation-delay:300ms;
-moz-animation-delay:300ms;
-webkit-animation-delay:300ms;
animation-delay:300ms
}
.menufade > li:nth-child(3){
-o-webkit-animation-delay:350ms;
-moz-animation-delay:350ms;
-webkit-animation-delay:350ms;
animation-delay:350ms
}
.menufade > li:nth-child(4){
-o-webkit-animation-delay:400ms;
-moz-animation-delay:400ms;
-webkit-animation-delay:400ms;
animation-delay:400ms
}
.menufade > li:nth-child(5){
-o-webkit-animation-delay:450ms;
-moz-animation-delay:450ms;
-webkit-animation-delay:450ms;
animation-delay:450ms
}
.menufade > li:nth-child(6){
-o-webkit-animation-delay:500ms;
-moz-animation-delay:500ms;
-webkit-animation-delay:500ms;
animation-delay:500ms
}
.menufade > li:nth-child(7){
-o-webkit-animation-delay:550ms;
-moz-animation-delay:550ms;
-webkit-animation-delay:550ms;
animation-delay:550ms
}
.fadeInRight {
animation:fadeInRight 1.5s;
-moz-animation:fadeInRight 1.5s;
-webkit-animation:fadeInRight 1.5s;
-o-animation:fadeInRight 1.5s;
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards
}
.bounceIn {
animation:bounceIn 1.5s;
-moz-animation:bounceIn 1.5s;
-webkit-animation:bounceIn 1.5s;
-o-animation:bounceIn 1.5s;
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards
}
.rotateIn,.rotateIn1,.rotateIn2,.rotateIn3 {
animation:rotateIn 1.5s;
-moz-animation:rotateIn 1.5s;
-webkit-animation:rotateIn 1.5s;
-o-animation:rotateIn 1.5s;
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards
}
.rotateIn1 {
animation-delay:0.2s;
-moz-animation-delay:0.2s;
-webkit-animation-delay:0.2s;
-o-animation-delay:0.2s;
}
.rotateIn2 {
animation-delay:0.3s;
-moz-animation-delay:0.3s;
-webkit-animation-delay:0.3s;
-o-animation-delay:0.3s;
}
.rotateIn3 {
animation-delay:0.4s;
-moz-animation-delay:0.4s;
-webkit-animation-delay:0.4s;
-o-animation-delay:0.4s;
}
.rollIn {
animation:rollIn 1.5s;
-moz-animation:rollIn 1.5s;
-webkit-animation:rollIn 1.5s;
-o-animation:rollIn 1.5s;
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards
}
@-webkit-keyframes fadeOut {
0% {
opacity:1;
}
100% {
opacity:0;
}
}@-moz-keyframes fadeOut {
0% {
opacity:1;
}
100% {
opacity:0;
}
}@-o-keyframes fadeOut {
0% {
opacity:1;
}
100% {
opacity:0;
}
}@keyframes fadeOut {
0% {
opacity:1;
}
100% {
opacity:0;
}
}@-webkit-keyframes pulse {
0% {
-webkit-transform:scale(1);
}
50% {
-webkit-transform:scale(1.1);
}
100% {
-webkit-transform:scale(1);
}
}@-moz-keyframes pulse {
0% {
-moz-transform:scale(1);
}
50% {
-moz-transform:scale(1.1);
}
100% {
-moz-transform:scale(1);
}
}@-o-keyframes pulse {
0% {
-o-transform:scale(1);
}
50% {
-o-transform:scale(1.1);
}
100% {
-o-transform:scale(1);
}
}@keyframes pulse {
0% {
transform:scale(1);
}
50% {
transform:scale(1.1);
}
100% {
transform:scale(1);
}
}@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
opacity:0;
}
40% {
-webkit-transform:perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform:perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform:perspective(400px) rotateX(0deg);
opacity:1;
}
}@-moz-keyframes flipInX {
0% {
-moz-transform:perspective(400px) rotateX(90deg);
opacity:0;
}
40% {
-moz-transform:perspective(400px) rotateX(-10deg);
}
70% {
-moz-transform:perspective(400px) rotateX(10deg);
}
100% {
-moz-transform:perspective(400px) rotateX(0deg);
opacity:1;
}
}@-o-keyframes flipInX {
0% {
-o-transform:perspective(400px) rotateX(90deg);
opacity:0;
}
40% {
-o-transform:perspective(400px) rotateX(-10deg);
}
70% {
-o-transform:perspective(400px) rotateX(10deg);
}
100% {
-o-transform:perspective(400px) rotateX(0deg);
opacity:1;
}
}@keyframes flipInX {
0% {
transform:perspective(400px) rotateX(90deg);
opacity:0;
}
40% {
transform:perspective(400px) rotateX(-10deg);
}
70% {
transform:perspective(400px) rotateX(10deg);
}
100% {
transform:perspective(400px) rotateX(0deg);
opacity:1;
}
}@-webkit-keyframes flipOutX {
0% {
-webkit-transform:perspective(400px) rotateX(0deg);
opacity:1;
}
100% {
-webkit-transform:perspective(400px) rotateX(90deg);
opacity:0;
}
}@-moz-keyframes flipOutX {
0% {
-moz-transform:perspective(400px) rotateX(0deg);
opacity:1;
}
100% {
-moz-transform:perspective(400px) rotateX(90deg);
opacity:0;
}
}@-o-keyframes flipOutX {
0% {
-o-transform:perspective(400px) rotateX(0deg);
opacity:1;
}
100% {
-o-transform:perspective(400px) rotateX(90deg);
opacity:0;
}
}@keyframes flipOutX {
0% {
transform:perspective(400px) rotateX(0deg);
opacity:1;
}
100% {
transform:perspective(400px) rotateX(90deg);
opacity:0;
}
}@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
opacity:0;
}
40% {
-webkit-transform:perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform:perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform:perspective(400px) rotateY(0deg);
opacity:1;
}
}@-moz-keyframes flipInY {
0% {
-moz-transform:perspective(400px) rotateY(90deg);
opacity:0;
}
40% {
-moz-transform:perspective(400px) rotateY(-10deg);
}
70% {
-moz-transform:perspective(400px) rotateY(10deg);
}
100% {
-moz-transform:perspective(400px) rotateY(0deg);
opacity:1;
}
}@-o-keyframes flipInY {
0% {
-o-transform:perspective(400px) rotateY(90deg);
opacity:0;
}
40% {
-o-transform:perspective(400px) rotateY(-10deg);
}
70% {
-o-transform:perspective(400px) rotateY(10deg);
}
100% {
-o-transform:perspective(400px) rotateY(0deg);
opacity:1;
}
}@keyframes flipInY {
0% {
transform:perspective(400px) rotateY(90deg);
opacity:0;
}
40% {
transform:perspective(400px) rotateY(-10deg);
}
70% {
transform:perspective(400px) rotateY(10deg);
}
100% {
transform:perspective(400px) rotateY(0deg);
opacity:1;
}
}@-webkit-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}@-moz-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}@-o-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}@keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
}
}@-moz-keyframes fadeInUp {
0% {
opacity:0;
-moz-transform:translateY(20px);
}
100% {
opacity:1;
-moz-transform:translateY(0);
}
}@-o-keyframes fadeInUp {
0% {
opacity:0;
-o-transform:translateY(20px);
}
100% {
opacity:1;
-o-transform:translateY(0);
}
}@keyframes fadeInUp {
0% {
opacity:0;
transform:translateY(20px);
}
100% {
opacity:1;
transform:translateY(0);
}
}@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
}
}@-moz-keyframes fadeInDown {
0% {
opacity:0;
-moz-transform:translateY(-20px);
}
100% {
opacity:1;
-moz-transform:translateY(0);
}
}@-o-keyframes fadeInDown {
0% {
opacity:0;
-o-transform:translateY(-20px);
}
100% {
opacity:1;
-o-transform:translateY(0);
}
}@keyframes fadeInDown {
0% {
opacity:0;
transform:translateY(-20px);
}
100% {
opacity:1;
transform:translateY(0);
}
}@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
}
}@-moz-keyframes fadeInLeft {
0% {
opacity:0;
-moz-transform:translateX(-20px);
}
100% {
opacity:1;
-moz-transform:translateX(0);
}
}@-o-keyframes fadeInLeft {
0% {
opacity:0;
-o-transform:translateX(-20px);
}
100% {
opacity:1;
-o-transform:translateX(0);
}
}@keyframes fadeInLeft {
0% {
opacity:0;
transform:translateX(-20px);
}
100% {
opacity:1;
transform:translateX(0);
}
}
@-webkit-keyframes menufade {
0% {opacity:0;-webkit-transform:scale(1.1) translateY(-24px)}
100% {opacity:1;-webkit-transform:scale(1) translateY(0)}
}
@-moz-keyframes menufade {
0% {opacity:0;-moz-transform:scale(1.1) translateY(-24px)}
100% {opacity:1;-moz-transform:scale(1) translateY(0)}
}
@-o-keyframes menufade {
0% {opacity:0;-o-transform:scale(1.1) translateY(-24px)}
100% {opacity:1;-o-transform:scale(1) translateY(0)}
}
@keyframes menufade {
0% {opacity:0;transform:scale(1.1) translateY(-24px)}
100% {opacity:1;transform:scale(1) translateY(0)}
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
}
}@-moz-keyframes fadeInRight {
0% {
opacity:0;
-moz-transform:translateX(20px);
}
100% {
opacity:1;
-moz-transform:translateX(0);
}
}@-o-keyframes fadeInRight {
0% {
opacity:0;
-o-transform:translateX(20px);
}
100% {
opacity:1;
-o-transform:translateX(0);
}
}@keyframes fadeInRight {
0% {
opacity:0;
transform:translateX(20px);
}
100% {
opacity:1;
transform:translateX(0);
}
}@-webkit-keyframes bounceIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
}
70% {
-webkit-transform:scale(.9);
}
100% {
opacity:1;
-webkit-transform:scale(1);
}
}@-moz-keyframes bounceIn {
0% {
opacity:0;
-moz-transform:scale(.3);
}
50% {
opacity:1;
-moz-transform:scale(1.05);
}
70% {
-moz-transform:scale(.9);
}
100% {
opacity:1;
-moz-transform:scale(1);
}
}@-o-keyframes bounceIn {
0% {
opacity:0;
-o-transform:scale(.3);
}
50% {
opacity:1;
-o-transform:scale(1.05);
}
70% {
-o-transform:scale(.9);
}
100% {
opacity:1;
-o-transform:scale(1);
}
}@keyframes bounceIn {
0% {
opacity:0;
transform:scale(.3);
}
50% {
opacity:1;
transform:scale(1.05);
}
70% {
transform:scale(.9);
}
100% {
opacity:1;
transform:scale(1);
}
}@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin:center center;
-webkit-transform:rotate(-200deg);
opacity:0;
}
100% {
-webkit-transform-origin:center center;
-webkit-transform:rotate(0);
opacity:1;
}
}@-moz-keyframes rotateIn {
0% {
-moz-transform-origin:center center;
-moz-transform:rotate(-200deg);
opacity:0;
}
100% {
-moz-transform-origin:center center;
-moz-transform:rotate(0);
opacity:1;
}
}@-o-keyframes rotateIn {
0% {
-o-transform-origin:center center;
-o-transform:rotate(-200deg);
opacity:0;
}
100% {
-o-transform-origin:center center;
-o-transform:rotate(0);
opacity:1;
}
}@keyframes rotateIn {
0% {
transform-origin:center center;
transform:rotate(-200deg);
opacity:0;
}
100% {
transform-origin:center center;
transform:rotate(0);
opacity:1;
}
}@-webkit-keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg);
}
100% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
}
}@-moz-keyframes rollIn {
0% {
opacity:0;
-moz-transform:translateX(-100%) rotate(-120deg);
}
100% {
opacity:1;
-moz-transform:translateX(0px) rotate(0deg);
}
}@-o-keyframes rollIn {
0% {
opacity:0;
-o-transform:translateX(-100%) rotate(-120deg);
}
100% {
opacity:1;
-o-transform:translateX(0px) rotate(0deg);
}
}@keyframes rollIn {
0% {
opacity:0;
transform:translateX(-100%) rotate(-120deg);
}
100% {
opacity:1;
transform:translateX(0px) rotate(0deg);
}
}@-moz-keyframes rightSpring {
0% {
margin-left:0px;
}
50% {
margin-left:-30px;
}
100% {
margin-left:0px;
}
}@-moz-keyframes leftSpring {
0% {
margin-left:0px;
}
50% {
margin-left:30px;
}
100% {
margin-left:0px;
}
}@-webkit-keyframes rightSpring {
0% {
margin-left:0px;
}
50% {
margin-left:-30px;
}
100% {
margin-left:0px;
}
}@-webkit-keyframes leftSpring {
0% {
margin-left:0px;
}
50% {
margin-left:30px;
}
100% {
margin-left:0px;
}
}
@media (min-width:480px) and (max-width:767px) {
.container {width:460px}
}
@media (min-width:400px) and (max-width:479px) {
.container {width:400px}
}
@media (min-width:340px) and (max-width:399px) {
.container {width:340px}
}
@media (max-width:339px) {
.container {width:310px}
}