﻿/* animation */
.a-fadeinDZ,.a-fadein,.a-fadeinT,.a-fadeinR,.a-fadeinB,.a-fadeinL{-webkit-animation:0.4s ease-out backwards;-moz-animation:0.4s ease-out backwards;-ms-animation:0.4s ease-out backwards;animation:0.4s ease-out backwards;}
.a-fadeoutT,.a-fadeoutB,.a-fadeinZX{-webkit-animation:0.3s ease-in forwards;-moz-animation:0.3s ease-in forwards;-ms-animation:0.3s ease-in forwards;animation:0.3s ease-in forwards;}
/* 从大到正常 */
.a-fadeinDZ{-webkit-animation-name:fadeinDZ;-moz-animation-name:fadeinDZ;-ms-animation-name:fadeinDZ;animation-name:fadeinDZ;}
/* 从正常到消失 */
.a-fadeinZX{-webkit-animation-name:fadeinZX;-moz-animation-name:fadeinZX;-ms-animation-name:fadeinZX;animation-name:fadeinZX;}
/* 淡入 */
.a-fadein{-webkit-animation-name:fadein;-moz-animation-name:fadein;-ms-animation-name:fadein;animation-name:fadein;}
/* 淡入-从上 */
.a-fadeinT{-webkit-animation-name:fadeinT;-moz-animation-name:fadeinT;-ms-animation-name:fadeinT;animation-name:fadeinT;}
/* 淡入-从右 */
.a-fadeinR{-webkit-animation-name:fadeinR;-moz-animation-name:fadeinR;-ms-animation-name:fadeinR;animation-name:fadeinR;}
/* 淡入-从下 */
.a-fadeinB{-webkit-animation-name:fadeinB;-moz-animation-name:fadeinB;-ms-animation-name:fadeinB;animation-name:fadeinB;}
/* 淡入-从左 */
.a-fadeinL{-webkit-animation-name:fadeinL;-moz-animation-name:fadeinL;-ms-animation-name:fadeinL;animation-name:fadeinL;}
/* 淡出-向上 */
.a-fadeoutT{-webkit-animation-name:fadeoutT;-moz-animation-name:fadeoutT;-ms-animation-name:fadeoutT;animation-name:fadeoutT;}
/* 淡出-向下 */
.a-fadeoutB{-webkit-animation-name:fadeoutB;-moz-animation-name:fadeoutB;-ms-animation-name:fadeoutB;animation-name:fadeoutB;}


/* 从大到正常 */
@-webkit-keyframes fadeinDZ{
    0%{opacity:0;-webkit-transform: scale(1.1);}
    100%{opacity:1;-webkit-transform: scale(1);}
}
@-moz-keyframes fadeinDZ{
    0%{opacity:0;-moz-transform: scale(1.1);}
    100%{opacity:1;-moz-transform: scale(1);}
}
@-ms-keyframes fadeinDZ{
    0%{opacity:0;-ms-transform: scale(1.1);}
    100%{opacity:1;-ms-transform: scale(1);}
}
@keyframes fadeinDZ{
    0%{opacity:0;transform: scale(1.1);}
    100%{opacity:1;transform: scale(1);}
}
/* 从正常到消失 */
@-webkit-keyframes fadeinZX{
    0%{opacity:1;-webkit-transform: scale(1);}
    100%{opacity:0;-webkit-transform: scale(1.1);}
}
@-moz-keyframes fadeinZX{
    0%{opacity:1;-moz-transform: scale(1);}
    100%{opacity:0;-moz-transform: scale(1.1);}
}
@-ms-keyframes fadeinZX{
    0%{opacity:1;-ms-transform: scale(1);}
    100%{opacity:0;-ms-transform: scale(1.1);}
}
@keyframes fadeinZX{
    0%{opacity:1;transform: scale(1);}
    100%{opacity:0;transform: scale(1.1);}
}
/* 淡入 */
@-webkit-keyframes fadein{
    0%{opacity:0;-webkit-transform: scale(0.96);}
    100%{opacity:1;-webkit-transform: scale(1);}
}
@-moz-keyframes fadein{
    0%{opacity:0;-moz-transform: scale(0.96);}
    100%{opacity:1;-moz-transform: scale(1);}
}
@-ms-keyframes fadein{
    0%{opacity:0;-ms-transform: scale(0.96);}
    100%{opacity:1;-ms-transform: scale(1);}
}
@keyframes fadein{
    0%{opacity:0;transform: scale(0.96);}
    100%{opacity:1;transform: scale(1);}
}
/* 淡入-从上 */
@-webkit-keyframes fadeinT{
    0%{opacity:0;-webkit-transform:translateY(-30px);}
    100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeinT{
    0%{opacity:0;-moz-transform:translateY(-30px);}
    100%{opacity:1;-moz-transform:translateY(0);}
}
@-ms-keyframes fadeinT{
    0%{opacity:0;-ms-transform:translateY(-30px);}
    100%{opacity:1;-ms-transform:translateY(0);}
}
@keyframes fadeinT{
    0%{opacity:0;transform:translateY(-30px);}
    100%{opacity:1;transform:translateY(0);}
}
/* 淡入-从右 */
@-webkit-keyframes fadeinR{
    0%{opacity:0;-webkit-transform:translateX(30px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeinR{
    0%{opacity:0;-moz-transform:translateX(30px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-ms-keyframes fadeinR{
    0%{opacity:0;-ms-transform:translateX(30px);}
    100%{opacity:1;-ms-transform:translateX(0);}
}
@keyframes fadeinR{
    0%{opacity:0;transform:translateX(30px);}
    100%{opacity:1;transform:translateX(0);}
}
/* 淡入-从下 */
@-webkit-keyframes fadeinB{
    0%{opacity:0;-webkit-transform:translateY(30px);}
    100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeinB{
    0%{opacity:0;-moz-transform:translateY(30px);}
    100%{opacity:1;-moz-transform:translateY(0);}
}
@-ms-keyframes fadeinB{
    0%{opacity:0;-ms-transform:translateY(30px);}
    100%{opacity:1;-ms-transform:translateY(0);}
}
@keyframes fadeinB{
    0%{opacity:0;transform:translateY(30px);}
    100%{opacity:1;transform:translateY(0);}
}
/* 淡入-从左 */
@-webkit-keyframes fadeinL{
    0%{opacity:0;-webkit-transform:translateX(-30px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeinL{
    0%{opacity:0;-moz-transform:translateX(-30px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-ms-keyframes fadeinL{
    0%{opacity:0;-ms-transform:translateX(-30px);}
    100%{opacity:1;-ms-transform:translateX(0);}
}
@keyframes fadeinL{
    0%{opacity:0;transform:translateX(-30px);}
    100%{opacity:1;transform:translateX(0);}
}
/* 淡出-向下 */
@-webkit-keyframes fadeoutB{
    0%{opacity:1;-webkit-transform:translateY(0);}
    100%{opacity:0;-webkit-transform:translateY(100px);}
}
@-moz-keyframes fadeoutB{
    0%{opacity:1;-moz-transform:translateY(0);}
    100%{opacity:0;-moz-transform:translateY(100px);}
}
@-ms-keyframes fadeoutB{
    0%{opacity:1;-ms-transform:translateY(0);}
    100%{opacity:0;-ms-transform:translateY(100px);}
}
@keyframes fadeoutB{
    0%{opacity:1;transform:translateY(0);}
    100%{opacity:0;transform:translateY(100px);}
}
/* 淡出-向上 */
@-webkit-keyframes fadeoutT{
    0%{opacity:1;-webkit-transform:translateY(0);}
    100%{opacity:0;-webkit-transform:translateY(-100px);}
}
@-moz-keyframes fadeoutT{
    0%{opacity:1;-moz-transform:translateY(0);}
    100%{opacity:0;-moz-transform:translateY(-100px);}
}
@-ms-keyframes fadeoutT{
    0%{opacity:1;-ms-transform:translateY(0);}
    100%{opacity:0;-ms-transform:translateY(-100px);}
}
@keyframes fadeoutT{
    0%{opacity:1;transform:translateY(0);}
    100%{opacity:0;transform:translateY(-100px);}
}

.slideInUp{-webkit-animation:slideInUp .5s;animation:slideInUp .5s;}
@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0)}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}
@keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}


/* loading */
.loading{text-align:center;position:fixed;top:0%;left:0;width:100%;height:100%;z-index:99}
.loading .loader-inner{position:fixed;top:46%;left:0;width:100%;height:34px;line-height:34px;font-size:0.34667rem;color:#999}
@-webkit-keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }

  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }

  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

@keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }

  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }

  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

.line-scale-pulse-out > div {
  background-color: #b60005;
  width: 4px;
  height: 25px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85);
          animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85); }
.line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) {
-webkit-animation-delay: 0.2s !important;
		animation-delay: 0.2s !important; }
.line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) {
-webkit-animation-delay: 0.4s !important;
		animation-delay: 0.4s !important; }

.page1_1{
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -o-animation-delay:0.3s;
    -ms-animation-delay: 0.3s;
    animation-delay:0.3s;
}
.page1_2{
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -o-animation-delay:0.6s;
    -ms-animation-delay: 0.6s;
    animation-delay:0.6s;
}
.page1_3{
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
    -o-animation-delay:0.9s;
    -ms-animation-delay: 0.9s;
    animation-delay:0.9s;
}
.page1_4{
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay:1.2s;
    -o-animation-delay:1.2s;
    -ms-animation-delay:1.2s;
    animation-delay:1.2s;
}
.page1_5{
    -webkit-animation-delay:1.5s;
    -moz-animation-delay:1.5s;
    -o-animation-delay:1.5s;
    -ms-animation-delay:1.5s;
    animation-delay:1.5s;
}
