/*loading*/
.loading {
  width: 100%;
  height: 100%;
  background: #096db8;
  opacity: 1;
  position: fixed;
}
.loadingdiv {
  width: 447px;
  height: 145px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -72px 0 0 -80px;
}
.loading .loadingdiv > div {
  min-width: 40px;
  min-height: 40px;
  width: 123px;
  height: 40px;
  text-align: center;
}
.loading .loadingdiv > div > div {
  background-color: #ffffff;
  min-height: 40px;
  height: 100%;
  width: 4%;
  margin-left: 8%;
  display: inline-block;
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  -moz-animation: stretchdelay 1.2s infinite ease-in-out;
  -o-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
  border-radius: 2px;
}
.loading .loadingdiv > div > div:first-child {
  margin-left: 0;
}
.loading .loadingdiv > div > .c2 {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.loading .loadingdiv > div > .c3 {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
.loading .loadingdiv > div > .c4 {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.loading .loadingdiv > div > .c5 {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@-moz-keyframes stretchdelay {
  0%,
  40%,
  100% {
    -moz-transform: scaleY(0.4);
  }
  20% {
    -moz-transform: scaleY(1);
  }
}
@-o-keyframes stretchdelay {
  0%,
  40%,
  100% {
    -o-transform: scaleY(0.4);
  }
  20% {
    -o-transform: scaleY(1);
  }
}
@keyframes stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
  }
}
.loading .loadingdiv > span {
  background: url(../images/logoloading.png) no-repeat;
  width: 447px;
  height: 106px;
  text-align: center;
  display: block;
  margin: 0 0 0 -160px;
}