.item-show {
  animation: itemShow 3s ease; /*ease单次执行动画，animation绑定动画效果*/
  -moz-animation: itemShow 3s ease; /* Firefox */
  -webkit-animation: itemShow 3s ease; /* Safari and Chrome */
  -o-animation: itemShow 3s ease; /* Opera */
  animation-fill-mode: forwards;
  opacity: 1;
  transition: 3s;
}
@keyframes itemShow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.item-show-textshadow {
  animation: showTextshadow 2.5s ease; /*ease单次执行动画，animation绑定动画效果*/
  -moz-animation: showTextshadow 2.5s ease; /* showLeft  Firefox */
  -webkit-animation: showTextshadow 2.5s ease; /* Safari and Chrome */
  -o-animation: showTextshadow 2.5s ease; /* Opera */
  animation-fill-mode: forwards;
  opacity: 1;
  transition: 2.5s;
}
@keyframes showTextshadow {
  0% {
    opacity: 0;
    text-shadow: 0 0 20px;
  }
  100% {
    opacity: 1;
  }
}
.item-show-up {
  animation: showUp 1.5s ease; /*ease单次执行动画，animation绑定动画效果*/
  -moz-animation: showUp 1.5s ease; /* Firefox */
  -webkit-animation: showUp 1.5s ease; /* Safari and Chrome */
  -o-animation: showUp 1.5s ease; /* Opera */
  animation-fill-mode: forwards;
  opacity: 1;
  transition: 1.5s;
}
@keyframes showUp {
  0% {
    top: 50px;
    opacity: 0;
  }
  100% {
    top: 0px;
    opacity: 1;
  }
}
.item-show-up-textshadow {
  animation: showUpTextshadow 1.5s ease; /*ease单次执行动画，animation绑定动画效果*/
  -moz-animation: showUpTextshadow 1.5s ease; /* showLeft  Firefox */
  -webkit-animation: showUpTextshadow 1.5s ease; /* Safari and Chrome */
  -o-animation: showUpTextshadow 1.5s ease; /* Opera */
  animation-fill-mode: forwards;
  opacity: 1;
  transition: 1.5s;
}
@keyframes showUpTextshadow {
  0% {
    top: 50px;
    opacity: 0;
    text-shadow: 0 0 20px;
  }
  50% {
    opacity: .4;
    text-shadow: 0 0 20px;
  }
  100% {
    top: 0px;
    opacity: 1;
  }
}
.item-show-down-textshadow {
  animation: showDownTextshadow 1.5s ease; /*ease单次执行动画，animation绑定动画效果*/
  -moz-animation: showDownTextshadow 1.5s ease; /* Firefox */
  -webkit-animation: showDownTextshadow 1.5s ease; /* Safari and Chrome */
  -o-animation: showDownTextshadow 1.5s ease; /* Opera */
  animation-fill-mode: forwards;
  opacity: 1;
  transition: 1.5s;
}
@keyframes showDownTextshadow {
  0% {
    bottom: 50px;
    opacity: 0;
    text-shadow: 0 0 20px;
  }
  50% {
    opacity: .4;
    text-shadow: 0 0 20px;
  }
  100% {
    bottom: 0px;
    opacity: 1;
  }
}
.item-show-left {
  animation: showLeft 1.5s ease; /*ease单次执行动画，animation绑定动画效果*/
  -moz-animation: showLeft 1.5s ease; /* Firefox */
  -webkit-animation: showLeft 1.5s ease; /* Safari and Chrome */
  -o-animation: showLeft 1.5s ease; /* Opera */
  animation-fill-mode: forwards;
  opacity: 1;
  transition: 1.5s;
}
@keyframes showLeft {
  0% {
    left: 50px;
    opacity: 0;
  }
  100% {
    left: 0px;
    opacity: 1;
  }
}
.item-show-right {
  animation: showRight 1.5s ease; /*ease单次执行动画，animation绑定动画效果*/
  -moz-animation: showRight 1.5s ease; /* Firefox */
  -webkit-animation: showRight 1.5s ease; /* Safari and Chrome */
  -o-animation: showRight 1.5s ease; /* Opera */
  animation-fill-mode: forwards;
  opacity: 1;
  transition: 1.5s;
}
@keyframes showRight {
  0% {
    right: 50px;
    opacity: 0;
  }
  100% {
    right: 0px;
    opacity: 1;
  }
}