/*reset*/
body{font:400 14px/1.6 "\5FAE\8F6F\96C5\9ED1",Helvetica,sans-serif;color:#000;background-color:#fff;-webkit-user-select:none;-webkit-text-size-adjust:none;}
blockquote,body,dd,del,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,menu,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
input[type=text],textarea{outline:0;-webkit-appearance:none;}
button{outline:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
li,ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;font-style:normal}
header, footer, article, section, nav{display:block;margin:0;padding:0;clear: all;}
img{height:auto;max-width:100%;border:0;vertical-align:middle;-ms-interpolation-mode:bicubic;-webkit-tap-highlight-color:transparent;}
a{color:#333;text-decoration:none;}
a:active,a:link,a:visited{text-decoration:none;}
a:hover{color:#cb5d57;text-decoration:underline;}
html{font-size:1rem;}
body{font:400 14px/1.6 "\5FAE\8F6F\96C5\9ED1",Helvetica;background:#fff;font-size:.14rem;color:#1b1b1b;}

html.fssopen,html.fssopen body{top:0;left:0;overflow:hidden;margin:0;width:100%;height:100%;}

#loading{background:#dddddd;text-align:center;width:100%;height:100%;position:absolute;z-index:99999;}
.loadinner{position:absolute;width:70%;height:100%;margin-left:-30%;left:45%;text-align:center;font-size:14px;line-height:20px;}
.graph{background:#6c6c6c;width:70%;margin:10% auto 0 auto;}
#bar{display:block;background:#f08300;height:3px;width:10px;}
#diary{width:50%;margin:0 20% 0 30%;}
#chupin{width:70%;margin:0 auto;bottom:80px;text-align:center;}
#cpright{position:absolute;bottom:50px;color:#757575;text-align:center;width:100%;}


section.dd_fullscreenslider{position:fixed;top:0;left:0;z-index:2000;visibility:visible;overflow:hidden;width:100%;height:100%;}
div.slidewrapper{position:absolute;top:0;left:0;display: flex;box-sizing: content-box;width:100%;height:100%;-webkit-transition:-webkit-transform .5s;-moz-transition:-moz-transform .5s;transition:transform .5s;-webkit-transform:translate3d(0,0,0);flex-direction: column;}
section.dd_fullscreenslider article.slide{position:relative;z-index:1000;display:block;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;width:100%;height:100%;background:url(../images/m1.jpg) no-repeat 50% 0;background-size:100% 100%;-webkit-transform:translate3d(0,0,0);-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;}
section.dd_fullscreenslider article.slide h2{margin:0;letter-spacing:3px;font-size:3em;line-height:1.1em;}
section.dd_fullscreenslider article.slide .scrollable{overflow:auto;}
section.dd_fullscreenslider article.slide:nth-of-type(2){background:url(../images/m2.jpg) no-repeat 50% 0;background-size:100% 100%;}
section.dd_fullscreenslider article.slide:nth-of-type(3){background:url(../images/m3.jpg) no-repeat 50% 0;background-size:100% 100%;}
section.dd_fullscreenslider article.slide:nth-of-type(4){background:url(../images/m4.jpg) no-repeat 50% 0;background-size:100% 100%;}
section.dd_fullscreenslider article.slide:nth-of-type(5){background:url(../images/m5.jpg) no-repeat 50% 0;background-size:100% 100%;}
section.dd_fullscreenslider article.slide:nth-of-type(6){background:url(../images/m6.jpg) no-repeat 50% 0;background-size:100% 100%;}
section.dd_fullscreenslider article.slide:nth-of-type(7){background:url(../images/m7.jpg) no-repeat 50% 0;background-size:100% 100%;}
section.dd_fullscreenslider article.slide:nth-of-type(8){background:url(../images/m8.jpg) no-repeat 50% 0;background-size:100% 100%;}
section.dd_fullscreenslider div.closex{position:fixed;top:5px;right:3px;z-index:1001;display:block;overflow:hidden;width:50px;height:50px;text-indent:-1000px;opacity:.8;cursor:pointer;}
section.dd_fullscreenslider div.closex::after,section.dd_fullscreenslider div.closex::before{position:absolute;top:50%;display:block;margin-top:-3px;width:100%;height:6px;background:#fff;content:"";-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
section.dd_fullscreenslider div.closex::after{-webkit-transform:rotate(-135deg);transform:rotate(-135deg);-ms-transform:rotate(-135deg);}

section.dd_fullscreenslider .mp1 .mp1tit{position:absolute;top:1.3rem;z-index:107;display:block;box-sizing:initial;width:100%;text-align:center;}
section.dd_fullscreenslider .mp1 .mp1tit img{visibility:visible;overflow:visible;width:100%;height:100%;flex-shrink:0;}
section.dd_fullscreenslider .mp1 .mp1info{position:absolute;top:2.85rem;z-index:108;display:block;box-sizing:initial;width:100%;text-align:center;}
section.dd_fullscreenslider .mp1 .mp1info img{visibility:visible;overflow:visible;width:100%;height:100%;flex-shrink:0;}
section.dd_fullscreenslider .mp1 .fz20{position:absolute;top:4.9rem;z-index:109;width:100%;text-align:center;padding:0; color:#fff;}

section.dd_fullscreenslider .mptit{position:absolute;top:.29rem;z-index:200;display:block;box-sizing:initial;width:100%;text-align:center;}
section.dd_fullscreenslider .mptit img{visibility:visible;overflow:visible;width:100%;height:100%;flex-shrink:0;}
section.dd_fullscreenslider .fz20{font-size:.15rem; line-height:1.5;position:relative;z-index:300; top:27%; padding:0 10%;margin:0 auto;word-wrap: break-word;text-align: justify;  color: #3c3c3c;width: 25%;}

section.dd_fullscreenslider .mp2 .mp2tit{position:absolute;top:1.82rem;display: block;width:100%;box-sizing: initial; z-index:127;text-align:center;}
section.dd_fullscreenslider .mp2 .m2tit img{ width:100%; height:100%;visibility: visible;flex-shrink:0;overflow: visible; }
section.dd_fullscreenslider .mp2 .mp2info{position:absolute;top:3.35rem;display: block;width:100%;box-sizing: initial; z-index:117}
section.dd_fullscreenslider .mp2 .mp2info img{ width:100%; height:100%;visibility: visible;flex-shrink:0;overflow: visible; }
section.dd_fullscreenslider .mp2 .fz20{top: 5rem;}

section.dd_fullscreenslider .ftBtn{display:block;margin:5% 0 0;width:.8rem;height:.28rem;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;border-radius:.1rem;background:none;z-index:301; text-align:center;background: #326b1e;}
section.dd_fullscreenslider .ftBtn a{color: #fff;font-size: .14rem;line-height:.28rem;}

section.dd_fullscreenslider .mp3 .mp3tit{position:absolute;top:1.75rem;display: block;width:100%;box-sizing: initial; z-index:127;text-align:center;}
section.dd_fullscreenslider .mp3 .mp3tit img{ width:100%; height:100%;visibility: visible;flex-shrink:0;overflow: visible; }
section.dd_fullscreenslider .mp3 .mp3info{position:absolute;top:2.9rem;display: block;width:100%;box-sizing: initial; z-index:127}
section.dd_fullscreenslider .mp3 .mp3info img{ width:100%; height:100%;visibility: visible;flex-shrink:0;overflow: visible; }
section.dd_fullscreenslider .mp3 .fz20{top:4.8rem;}

section.dd_fullscreenslider .mp4 .mp4tit{position:absolute;top:.5rem;ddisplay: block;width:100%;box-sizing: initial; z-index:137;text-align:center;}
section.dd_fullscreenslider .mp4 .mp4tit img{ width:100%; height:100%;visibility: visible;flex-shrink:0;overflow: visible; }
section.dd_fullscreenslider .mp4 .mp4video{top:1.3rem;width: 95%; overflow: hidden; position: absolute;background: #000;  height: 2rem;margin: 0 2.5%;}
#iframe1{margin:1.5% auto 0;width: 100%; height:2rem; }
section.dd_fullscreenslider .mp4 .mp4info{position:absolute;top:3.45rem;display: block;width:100%;box-sizing: initial; z-index:137}
section.dd_fullscreenslider .mp4 .mp4info img{ width:100%; height:100%;visibility: visible;flex-shrink:0;overflow: visible; }


section.dd_fullscreenslider .mp5 .mptit{top:.8rem;}
section.dd_fullscreenslider .mp5 .mp5tit{position:absolute;top:1.85rem;display: block;width:100%;box-sizing: initial; z-index:147;text-align:center;}
section.dd_fullscreenslider .mp5 .mp5tit img{ width:100%; height:100%;visibility: visible;flex-shrink:0;overflow: visible; }
section.dd_fullscreenslider .mp5 .mp5info{position:absolute;top:2.7rem;display: block;width:100%;box-sizing: initial; z-index:147}
section.dd_fullscreenslider .mp5 .mp5info img{ width:100%; height:100%;visibility: visible;flex-shrink:0;overflow: visible; }
section.dd_fullscreenslider .mp5 .mp5code{position:absolute;top:4.2rem;display: block;width:100%;box-sizing: initial; z-index:147}
section.dd_fullscreenslider .mp5 .mp5code img{ width:100%; height:100%;visibility: visible;flex-shrink:0;overflow: visible; }


section.dd_fullscreenslider .mp6 .mp6tit{position:absolute;top:.45rem;display: block;width:100%;box-sizing: initial; z-index:157;text-align:center;}
section.dd_fullscreenslider .mp6 .mp6tit img{ width:100%; height:100%;visibility: visible;flex-shrink:0;overflow: visible; }
section.dd_fullscreenslider .mp6 .mp6video{top:1.5rem;width: 95%; overflow: hidden; position: absolute;background: #000;  height: 2rem;margin: 0 2.5%;}
#iframe1{margin:1.5% auto 0;width: 100%; height:2rem; }
section.dd_fullscreenslider .mp6 .mp6info{position:absolute;top:3.65rem;display: block;width:100%;box-sizing: initial; z-index:157}


section.dd_fullscreenslider .mp7 .mptit{top:.5rem;}
section.dd_fullscreenslider .mp7 .mp7tit{position:absolute;top:1.8rem;display: block;width:100%;box-sizing: initial; z-index:157;text-align:center;}
section.dd_fullscreenslider .mp7 .mp7tit img{ width:100%; height:100%;visibility: visible;flex-shrink:0;overflow: visible; }
section.dd_fullscreenslider .mp7 .mp7info{position:absolute;top:3.2rem;display: block;width:100%;box-sizing: initial; z-index:157}
section.dd_fullscreenslider .mp7 .fz20{top:4.5rem;}


section.dd_fullscreenslider .mp8 .mp8tit{position:absolute;top:.5rem;display: block;width:100%;box-sizing: initial; z-index:167;text-align:center;}
section.dd_fullscreenslider .mp8 .mp8tit img{ width:100%; height:100%;visibility: visible;flex-shrink:0;overflow: visible; }
section.dd_fullscreenslider .mp8 .author1{position:absolute;top:1.65rem;z-index:168;margin:0 auto;width:100%;text-align:center;font-size:.14rem; line-height:1.8; color:#545454}
section.dd_fullscreenslider .mp8 .ftlogo{position:absolute; top: 3.05rem; z-index:168;display: block;box-sizing: initial;margin:0 auto;text-align:center;}
section.dd_fullscreenslider .mp8 .ftlogo img{ width:100%; height:100%;visibility: visible;flex-shrink:0;overflow: visible; }
section.dd_fullscreenslider .mp8 .author2{position:absolute;bottom:.8rem;z-index:168;margin:0 auto;width:100%;text-align:center;font-size:.16rem;color:#545454}
section.dd_fullscreenslider .mp8 .author3{position:absolute;bottom:.35rem;z-index:168;margin:0 auto;width:100%;text-align:center;font-size:.13rem;color:#545454}


.mp1.swiper-slide-active .mp1tit{animation: mptita  .8s ease-in-out 0s normal;-webkit-animation: mptita .8s ease-in-out 0s normal;}
.mp1.swiper-slide-active .mp1info{animation: fadeInUp 1s ease 1.2s  both;-webkit-animation: fadeInUp 1s ease 1.2s  both;}
.mp1.swiper-slide-active .fz20 p{animation: fadeInUp 1s ease 1.8s  both;-webkit-animation: fadeInUp 1s ease 1.8s  both;}
.swiper-slide-active .mptit{animation: fadeInDown 1s ease .8s  both;-webkit-animation: fadeInDown 1s ease .8s  both;}

.swiper-slide-active .mp2info{animation: fadeInUp 1.1s ease 1s 1 both;-webkit-animation: fadeInUp 1.1s ease 1s 1 both;}
.swiper-slide-active .mp2tit{animation: fadeInDown 1s ease .5s  both;-webkit-animation: fadeInDown 1s ease .5s  both;}
.swiper-slide-active .mp3tit{animation: mptita .8s ease .5s both;-webkit-animation: mptita .8s ease .5s both;}
.swiper-slide-active .mp3info{animation: fadeInUp 1.2s ease 1.5s 1 both;-webkit-animation: fadeInUp 1.2s ease 1.5s 1 both;}
.mp3.swiper-slide-active .ftBtn{animation:bounceInUp 1s 2.2s ease-in-out both;-webkit-animation:bounceInUp 1s 2.2s ease-in-out both;}

.swiper-slide-active .mp4tit{animation:fadeInDown .8s 1s ease both;-webkit-animation:fadeInDown .8s 1s ease both;}
.swiper-slide-active .mp4video{animation: bounceInDown 1.2s ease 1.2s  both;-webkit-animation: bounceInDown 1.2s ease 1.2s  both;}
.swiper-slide-active .mp4info{animation: opacity 1.2s ease 2.2s 1 both;-webkit-animation: opacity 1.2s ease 2.2s 1 both;}

.swiper-slide-active .mp5tit,.swiper-slide-active .mp7tit{animation: fadeInUp 1.2s ease 1s 1 both;-webkit-animation: fadeInUp 1.2s ease 1s 1 both;}
.swiper-slide-active .mp5info{animation: fadeInUp 1.2s ease 1.8s 1 both;-webkit-animation: fadeInUp 1.2s ease 1.8s 1 both;}
.swiper-slide-active .mp5code{animation: fadeInUp 1.2s ease 2.5s 1 both;-webkit-animation: fadeInUp 1.2s ease 2.5s 1 both;}

.swiper-slide-active .mp6tit{animation: fadeInLeft 1s ease 1s 1 both;-webkit-animation: fadeInLeft 1s ease 1s 1 both;}
.swiper-slide-active .mp6video{animation: fadeInRight 1.2s ease 1.8s 1 both;-webkit-animation: fadeInRight 1.2s ease 1.8s 1 both;}
.swiper-slide-active .mp6info{animation: fadeInUp 1.2s ease 2.5s 1 both;-webkit-animation: fadeInUp 1.2s ease 2.5s 1 both;}


.swiper-slide-active .mp7tit{animation: fadeInDown 1s ease 1s 1 both;-webkit-animation: fadeInDown 1s ease 1s 1 both;}
.swiper-slide-active .mp7info{animation: fadeInUp 1.2s ease 1.8s 1 both;-webkit-animation: fadeInUp 1.2s ease 1.8s 1 both;}
.mp7.swiper-slide-active .ftBtn{animation:opacity 1s 2.8s ease-in-out both;-webkit-animation:opacity 1s 2.8s ease-in-out both;}

.swiper-slide-active .mp8tit{animation: fadeInDown 1s ease .3s 1 both;-webkit-animation: fadeInDown 1s ease .3s 1 both;}
.swiper-slide-active .fz20 p{animation:opacity 1.2s 1.2s linear both;-webkit-animation:opacity 1.2s 1.2s linear both;}
.swiper-slide-active .ftBtn{animation:bounceInUp 1s 1.5s ease-in-out both;-webkit-animation:bounceInUp 1s 1.5s ease-in-out both;}
.swiper-slide-active .author1{animation:opacity 1.2s 1.2s linear both;-webkit-animation:opacity 1.2s 1.2s linear both;}
.swiper-slide-active .ftlogo{animation:opacity 1.2s 1.8s linear both;-webkit-animation:opacity 1.2s 1.8s linear both;}
.swiper-slide-active .author2{animation:opacity 1.2s 2.2s linear both;-webkit-animation:opacity 1.2s 2.2s linear both;}
.swiper-slide-active .author3{animation:opacity 1.2s 2.5s linear both;-webkit-animation:opacity 1.2s 2.5s linear both;}

.arrow{position:fixed;z-index:3000;}
.vertical_arrow{bottom:2%;left:50%;margin-left:-10px;width:20px;height:17px;animation:upArrow 1.5s ease both infinite;-webkit-animation:upArrow 1.5s ease both infinite;}
.arrow img{display:block;width:100%;height:100%;}

.music-icon{position:absolute;top:3%;right:5%;z-index:9999;width:20px;height:20px;text-indent:999999;}
.play{background:url(../images/music_play.png);background-size:contain;background-repeat:no-repeat;}
.stop{background:url(../images/music_stop.png);background-size:contain;background-repeat:no-repeat;}


/* mp1tit */
@-ms-keyframes mptita{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	69.23%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	to{ }
}

@-moz-keyframes mptita{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	69.23%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	to{ }
}

@-o-keyframes mptita{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	69.23%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	to{ }
}

@-webkit-keyframes mptita{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	69.23%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	to{ }
}

@keyframes mptita{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	69.23%{ filter:alpha(opacity=0); opacity:0; transform:scale(6,6); }
	to{ }
}

.mptita {
  -webkit-animation-name: mptita;
  animation-name: mptita;
}
/* tit1 */

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0)
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0)
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0)
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0)
}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}

@-webkit-keyframes upArrow {
0% {
opacity:0
}
50% {
-webkit-transform:translate3d(0, -15px, 0);
opacity:1
}
100% {
-webkit-transform:translate3d(0, -25px, 0);
opacity:0
}
}

@keyframes upArrow {
0% {
opacity:0
}
50% {
-webkit-transform:translate3d(0, -15px, 0);
opacity:1
}
100% {
-webkit-transform:translate3d(0, -25px, 0);
opacity:0
}
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@keyframes opacity{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
@-webkit-keyframes opacity{
	0%{opacity: 0;}
	100%{opacity: 1;}
}