/* keyframes */
@-webkit-keyframes myarrow {
  from {
    transform: translate(0, -50%);
    opacity: 1; }
  to {
    transform: translate(0, 0%);
    opacity: 0; } }
@keyframes myarrow {
  from {
    transform: translate(0, 50%);
    opacity: 1; }
  to {
    transform: translate(0, 0%);
    opacity: 0; } }
@-webkit-keyframes myhand {
  from {
    transform: scale3d(1.2, 1.2, 1);
    -webkit-transform: scale3d(1.2, 1.2, 1); }
  50% {
    transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  to {
    transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1); } }
@keyframes myhand {
  from {
    transform: scale3d(1.2, 1.2, 1);
    -webkit-transform: scale3d(1.2, 1.2, 1); }
  50% {
    transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  to {
    transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1); } }
@-webkit-keyframes address {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  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;
    background: url(../images/p9_3_2.png) no-repeat; } }
@keyframes address {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  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;
    background: url(../images/p9_3_2.png) no-repeat; } }
@-webkit-keyframes hidden {
  from {
    opacity: 0; }
  to {
    opacity: 0; } }
@keyframes hidden {
  from {
    opacity: 0; }
  to {
    opacity: 0; } }
@-webkit-keyframes fside {
  from {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  to {
    -webkit-transform: translate(0, -62px);
    transform: translate(0, -62px); } }
@keyframes fside {
  from {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  to {
    -webkit-transform: translate(0, -62px);
    transform: translate(0, -62px); } }
@-webkit-keyframes circle {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(364deg); } }
@keyframes circle {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(364deg); } }
@-webkit-keyframes di {
  from {
    -webkit-transform: rotate(0) translate3d(0, 0, 0);
    transform: rotate(0) translate3d(0, 0, 0); }
  50% {
    -webkit-transform: rotate(15deg) translate3d(24px, 0, 0);
    transform: rotate(15deg) translate3d(24px, 0, 0); }
  to {
    -webkit-transform: rotate(15deg) translate3d(24px, 0, 0);
    transform: rotate(15deg) translate3d(24px, 0, 0);
    width: 108px; } }
@keyframes di {
  from {
    -webkit-transform: rotate(0) translate3d(0, 0, 0);
    transform: rotate(0) translate3d(0, 0, 0);
    width: 78px; }
  50% {
    -webkit-transform: rotate(15deg) translate3d(24px, 0, 0);
    transform: rotate(15deg) translate3d(24px, 0, 0);
    width: 78px; }
  to {
    -webkit-transform: rotate(15deg) translate3d(24px, 0, 0);
    transform: rotate(15deg) translate3d(24px, 0, 0);
    width: 108px; } }
@-webkit-keyframes gaoshell {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(72px, 0, 0);
    transform: translate3d(72px, 0, 0); } }
@keyframes gaoshell {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(72px, 0, 0);
    transform: translate3d(72px, 0, 0); } }
@-webkit-keyframes opc {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@keyframes opc {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-webkit-keyframes opcs {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes opcs {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-webkit-keyframes roz {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes roz {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  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);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-webkit-keyframes slideInRU {
  from {
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInRU {
  from {
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 0; }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    opacity: 1; }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    opacity: 1; }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    opacity: 1; }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1; } }
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 0; }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    opacity: 1; }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    opacity: 1; }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    opacity: 1; }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1; } }
@-webkit-keyframes p2tit {
  to {
    background-image: url(../images/intro_tit2.png); } }
@keyframes p2tit {
  to {
    background-image: url(../images/intro_tit2.png); } }
@-webkit-keyframes p2logo {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(-235px, 0, 0);
    transform: translate3d(-235px, 0, 0); } }
@keyframes p2logo {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(-235px, 0, 0);
    transform: translate3d(-235px, 0, 0); } }
@-webkit-keyframes p2guo {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(-15px, 136px, 0);
    transform: translate3d(-15px, 136px, 0); } }
@keyframes p2guo {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(-15px, 136px, 0);
    transform: translate3d(-15px, 136px, 0); } }
@-webkit-keyframes p2shu {
  from {
    -webkit-transform: translate3d(150px, -136px, 0);
    transform: translate3d(150px, -136px, 0);
    visibility: visible;
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes p2shu {
  from {
    -webkit-transform: translate3d(150px, -136px, 0);
    transform: translate3d(150px, -136px, 0);
    visibility: visible;
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-webkit-keyframes btn {
  from {
    -webkit-transform: translate3d(0, -13px, 0);
    transform: translate3d(0, -13px, 0); }
  50% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(0, -13px, 0);
    transform: translate3d(0, -13px, 0); } }
@keyframes btn {
  from {
    -webkit-transform: translate3d(0, -13px, 0);
    transform: translate3d(0, -13px, 0); }
  50% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(0, -13px, 0);
    transform: translate3d(0, -13px, 0); } }
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(-750px, 0, 0);
    transform: translate3d(-750px, 0, 0); } }
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(-750px, 0, 0);
    transform: translate3d(-750px, 0, 0); } }
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(750px, 0, 0);
    transform: translate3d(750px, 0, 0); } }
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(750px, 0, 0);
    transform: translate3d(750px, 0, 0); } }
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@-webkit-keyframes pointer {
  from {
    width: 0; }
  to {
    width: 97px; } }
@keyframes pointer {
  from {
    width: 0; }
  to {
    width: 97px; } }
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
@-webkit-keyframes zoomIn2 {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; }
  to {
    opacity: 1; } }
@keyframes zoomIn2 {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; }
  to {
    opacity: 1; } }
@-webkit-keyframes fzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(1.7, 1.7, 1.7);
    transform: scale3d(1.7, 1.7, 1.7); }
  30% {
    opacity: 1; } }
@keyframes fzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(1.7, 1.7, 1.7);
    transform: scale3d(1.7, 1.7, 1.7); }
  30% {
    opacity: 1; } }
@-webkit-keyframes fingerRight {
  from {
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0); }
  50% {
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0); }
  to {
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0); } }
@keyframes fingerRight {
  from {
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0); }
  50% {
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0); }
  to {
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0); } }
@-webkit-keyframes jun1 {
  from {
    -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
    transform: translate3d(0, 0, 0) rotate(0) scale(1);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(345px, 385px, 0) rotate(720deg) scale(0.1);
    transform: translate3d(345px, 385px, 0) rotate(720deg) scale(0.1);
    opacity: 0; } }
@keyframes jun1 {
  from {
    -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
    transform: translate3d(0, 0, 0) rotate(0) scale(1);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(345px, 385px, 0) rotate(720deg) scale(0.1);
    transform: translate3d(345px, 385px, 0) rotate(720deg) scale(0.1);
    opacity: 0; } }
@-webkit-keyframes jun2 {
  from {
    -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
    transform: translate3d(0, 0, 0) rotate(0) scale(1);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(210px, 434px, 0) rotate(720deg) scale(0.1);
    transform: translate3d(210px, 434px, 0) rotate(720deg) scale(0.1);
    opacity: 0; } }
@keyframes jun2 {
  from {
    -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
    transform: translate3d(0, 0, 0) rotate(0) scale(1);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(210px, 434px, 0) rotate(720deg) scale(0.1);
    transform: translate3d(210px, 434px, 0) rotate(720deg) scale(0.1);
    opacity: 0; } }
@-webkit-keyframes jun3 {
  from {
    -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
    transform: translate3d(0, 0, 0) rotate(0) scale(1);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(64px, 474px, 0) rotate(720deg) scale(0.1);
    transform: translate3d(64px, 474px, 0) rotate(720deg) scale(0.1);
    opacity: 0; } }
@keyframes jun3 {
  from {
    -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
    transform: translate3d(0, 0, 0) rotate(0) scale(1);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(64px, 474px, 0) rotate(720deg) scale(0.1);
    transform: translate3d(64px, 474px, 0) rotate(720deg) scale(0.1);
    opacity: 0; } }
@-webkit-keyframes jun4 {
  from {
    -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
    transform: translate3d(0, 0, 0) rotate(0) scale(1);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(-11px, 382px, 0) rotate(720deg) scale(0.1);
    transform: translate3d(-11px, 382px, 0) rotate(720deg) scale(0.1);
    opacity: 0; } }
@keyframes jun4 {
  from {
    -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
    transform: translate3d(0, 0, 0) rotate(0) scale(1);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(-11px, 382px, 0) rotate(720deg) scale(0.1);
    transform: translate3d(-11px, 382px, 0) rotate(720deg) scale(0.1);
    opacity: 0; } }
@-webkit-keyframes jun5 {
  from {
    -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
    transform: translate3d(0, 0, 0) rotate(0) scale(1);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(-141px, 363px, 0) rotate(720deg) scale(0.1);
    transform: translate3d(-141px, 363px, 0) rotate(720deg) scale(0.1);
    opacity: 0; } }
@keyframes jun5 {
  from {
    -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
    transform: translate3d(0, 0, 0) rotate(0) scale(1);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(-141px, 363px, 0) rotate(720deg) scale(0.1);
    transform: translate3d(-141px, 363px, 0) rotate(720deg) scale(0.1);
    opacity: 0; } }
@-webkit-keyframes jun6 {
  from {
    -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
    transform: translate3d(0, 0, 0) rotate(0) scale(1);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(-211px, 330px, 0) rotate(720deg) scale(0.1);
    transform: translate3d(-211px, 330px, 0) rotate(720deg) scale(0.1);
    opacity: 0; } }
@keyframes jun6 {
  from {
    -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
    transform: translate3d(0, 0, 0) rotate(0) scale(1);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(-211px, 330px, 0) rotate(720deg) scale(0.1);
    transform: translate3d(-211px, 330px, 0) rotate(720deg) scale(0.1);
    opacity: 0; } }
@-webkit-keyframes jun7 {
  from {
    -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
    transform: translate3d(0, 0, 0) rotate(0) scale(1);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(-255px, 434px, 0) rotate(720deg) scale(0.1);
    transform: translate3d(-255px, 434px, 0) rotate(720deg) scale(0.1);
    opacity: 0; } }
@keyframes jun7 {
  from {
    -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
    transform: translate3d(0, 0, 0) rotate(0) scale(1);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(-255px, 434px, 0) rotate(720deg) scale(0.1);
    transform: translate3d(-255px, 434px, 0) rotate(720deg) scale(0.1);
    opacity: 0; } }
@-webkit-keyframes jun8 {
  from {
    -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
    transform: translate3d(0, 0, 0) rotate(0) scale(1);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(352px, -176px, 0) rotate(720deg) scale(0.1);
    transform: translate3d(352px, -176px, 0) rotate(720deg) scale(0.1);
    opacity: 0; } }
@keyframes jun8 {
  from {
    -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
    transform: translate3d(0, 0, 0) rotate(0) scale(1);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(352px, -176px, 0) rotate(720deg) scale(0.1);
    transform: translate3d(352px, -176px, 0) rotate(720deg) scale(0.1);
    opacity: 0; } }
@-webkit-keyframes jun9 {
  from {
    -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
    transform: translate3d(0, 0, 0) rotate(0) scale(1);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(235px, -317px, 0) rotate(720deg) scale(0.1);
    transform: translate3d(235px, -317px, 0) rotate(720deg) scale(0.1);
    opacity: 0; } }
@keyframes jun9 {
  from {
    -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
    transform: translate3d(0, 0, 0) rotate(0) scale(1);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(235px, -317px, 0) rotate(720deg) scale(0.1);
    transform: translate3d(235px, -317px, 0) rotate(720deg) scale(0.1);
    opacity: 0; } }
@-webkit-keyframes jun10 {
  from {
    -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
    transform: translate3d(0, 0, 0) rotate(0) scale(1);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(151px, -259px, 0) rotate(720deg) scale(0.1);
    transform: translate3d(151px, -259px, 0) rotate(720deg) scale(0.1);
    opacity: 0; } }
@keyframes jun10 {
  from {
    -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
    transform: translate3d(0, 0, 0) rotate(0) scale(1);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(151px, -259px, 0) rotate(720deg) scale(0.1);
    transform: translate3d(151px, -259px, 0) rotate(720deg) scale(0.1);
    opacity: 0; } }
@-webkit-keyframes jun11 {
  from {
    -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
    transform: translate3d(0, 0, 0) rotate(0) scale(1);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(53px, -237px, 0) rotate(720deg) scale(0.1);
    transform: translate3d(53px, -237px, 0) rotate(720deg) scale(0.1);
    opacity: 0; } }
@keyframes jun11 {
  from {
    -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
    transform: translate3d(0, 0, 0) rotate(0) scale(1);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(53px, -237px, 0) rotate(720deg) scale(0.1);
    transform: translate3d(53px, -237px, 0) rotate(720deg) scale(0.1);
    opacity: 0; } }
@-webkit-keyframes jun12 {
  from {
    -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
    transform: translate3d(0, 0, 0) rotate(0) scale(1);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(-59px, -341px, 0) rotate(720deg) scale(0.1);
    transform: translate3d(-59px, -341px, 0) rotate(720deg) scale(0.1);
    opacity: 0; } }
@keyframes jun12 {
  from {
    -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
    transform: translate3d(0, 0, 0) rotate(0) scale(1);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(-59px, -341px, 0) rotate(720deg) scale(0.1);
    transform: translate3d(-59px, -341px, 0) rotate(720deg) scale(0.1);
    opacity: 0; } }
@-webkit-keyframes jun13 {
  from {
    -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
    transform: translate3d(0, 0, 0) rotate(0) scale(1);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(-108px, -237px, 0) rotate(720deg) scale(0.1);
    transform: translate3d(-108px, -237px, 0) rotate(720deg) scale(0.1);
    opacity: 0; } }
@keyframes jun13 {
  from {
    -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
    transform: translate3d(0, 0, 0) rotate(0) scale(1);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(-108px, -237px, 0) rotate(720deg) scale(0.1);
    transform: translate3d(-108px, -237px, 0) rotate(720deg) scale(0.1);
    opacity: 0; } }
@-webkit-keyframes jun14 {
  from {
    -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
    transform: translate3d(0, 0, 0) rotate(0) scale(1);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(-171px, -106px, 0) rotate(720deg) scale(0.1);
    transform: translate3d(-171px, -106px, 0) rotate(720deg) scale(0.1);
    opacity: 0; } }
@keyframes jun14 {
  from {
    -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
    transform: translate3d(0, 0, 0) rotate(0) scale(1);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(-171px, -106px, 0) rotate(720deg) scale(0.1);
    transform: translate3d(-171px, -106px, 0) rotate(720deg) scale(0.1);
    opacity: 0; } }
@-webkit-keyframes shui {
  from {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    opacity: 1; }
  to {
    -webkit-transform: rotate(1440deg) scale(0.1);
    transform: rotate(1440deg) scale(0.1);
    opacity: 0; } }
@keyframes shui {
  from {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    opacity: 1; }
  to {
    -webkit-transform: rotate(1440deg) scale(0.1);
    transform: rotate(1440deg) scale(0.1);
    opacity: 0; } }
@-webkit-keyframes shake {
  0%,100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%,30%,50%,70%,90% {
    -webkit-transform: translate3d(-3px, 0, 0);
    transform: translate3d(-3px, 0, 0); }
  20%,40%,60%,80% {
    -webkit-transform: translate3d(3px, 0, 0);
    transform: translate3d(3px, 0, 0); } }
@keyframes shake {
  0%,100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%,30%,50%,70%,90% {
    -webkit-transform: translate3d(-3px, 0, 0);
    transform: translate3d(-3px, 0, 0); }
  20%,40%,60%,80% {
    -webkit-transform: translate3d(3px, 0, 0);
    transform: translate3d(3px, 0, 0); } }
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(0.95, 0.95, 0.95);
    transform: scale3d(0.95, 0.95, 0.95); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(0.95, 0.95, 0.95);
    transform: scale3d(0.95, 0.95, 0.95); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@-webkit-keyframes slideInRight2 {
  from {
    -webkit-transform: translate3d(120%, 0, 0);
    transform: translate3d(120%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInRight2 {
  from {
    -webkit-transform: translate3d(120%, 0, 0);
    transform: translate3d(120%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-webkit-keyframes arrow {
  0%,30% {
    opacity: 0;
    -webkit-transform: translate(0, 20px); }
  60% {
    opacity: 1;
    -webkit-transform: translate(0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, -16px); } }
@keyframes arrow {
  0%,30% {
    opacity: 0;
    transform: translate(0, 20px); }
  60% {
    opacity: 1;
    transform: translate(0, 0); }
  100% {
    opacity: 0;
    transform: translate(0, -16px); } }
@-webkit-keyframes step4b {
  to {
    background-image: url(../images/game_yachi2.jpg); } }
@keyframes step4b {
  to {
    background-image: url(../images/game_yachi2.jpg); } }
@-webkit-keyframes shoushi1 {
  from {
    -webkit-transform: translate3d(-8px, 8px, 0);
    transform: translate3d(-8px, 8px, 0); }
  50% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(-8px, 8px, 0);
    transform: translate3d(-8px, 8px, 0); } }
@keyframes shoushi1 {
  from {
    -webkit-transform: translate3d(-8px, 8px, 0);
    transform: translate3d(-8px, 8px, 0); }
  50% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(-8px, 8px, 0);
    transform: translate3d(-8px, 8px, 0); } }
@-webkit-keyframes shoushi2 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  50% {
    -webkit-transform: translate3d(-86px, 0, 0);
    transform: translate3d(-86px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes shoushi2 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  50% {
    -webkit-transform: translate3d(-86px, 0, 0);
    transform: translate3d(-86px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-webkit-keyframes bling {
  from {
    -webkit-transform: scale(0.6) rotate(0);
    transform: scale(0.6) rotate(0); }
  25% {
    -webkit-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg); }
  50% {
    -webkit-transform: scale(0.6) rotate(360deg);
    transform: scale(0.6) rotate(360deg); }
  75% {
    -webkit-transform: scale(1) rotate(540deg);
    transform: scale(1) rotate(540deg); }
  to {
    -webkit-transform: scale(0.6) rotate(720deg);
    transform: scale(0.6) rotate(720deg); } }
@keyframes bling {
  from {
    -webkit-transform: scale(0.6) rotate(0);
    transform: scale(0.6) rotate(0); }
  25% {
    -webkit-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg); }
  50% {
    -webkit-transform: scale(0.6) rotate(360deg);
    transform: scale(0.6) rotate(360deg); }
  75% {
    -webkit-transform: scale(1) rotate(540deg);
    transform: scale(1) rotate(540deg); }
  to {
    -webkit-transform: scale(0.6) rotate(720deg);
    transform: scale(0.6) rotate(720deg); } }
@-webkit-keyframes pulse2 {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes pulse2 {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@-webkit-keyframes feishu {
  from {
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes feishu {
  from {
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-webkit-keyframes fingerRight2 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  50% {
    -webkit-transform: translate3d(-75px, 0, 0);
    transform: translate3d(-75px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes fingerRight2 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  50% {
    -webkit-transform: translate3d(-75px, 0, 0);
    transform: translate3d(-75px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  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.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  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; } }
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -120%, 0);
    transform: translate3d(0, -120%, 0); } }
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -120%, 0);
    transform: translate3d(0, -120%, 0); } }
@-webkit-keyframes shakew {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 3px, 0);
    transform: translate3d(0, 3px, 0); } }
@keyframes shakew {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 3px, 0);
    transform: translate3d(0, 3px, 0); } }
@-webkit-keyframes waterShell {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  20% {
    -webkit-transform: translate3d(425px, 0, 0);
    transform: translate3d(425px, 0, 0); }
  40% {
    -webkit-transform: translate3d(0, 520px, 0);
    transform: translate3d(0, 520px, 0); }
  60% {
    -webkit-transform: translate3d(425px, 520px, 0);
    transform: translate3d(425px, 520px, 0); }
  80% {
    -webkit-transform: translate3d(0, 300px, 0);
    transform: translate3d(0, 300px, 0); }
  to {
    -webkit-transform: translate3d(450px, 300px, 0) scale(0.01);
    transform: translate3d(450px, 300px, 0) scale(0.01); } }
@keyframes waterShell {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  20% {
    -webkit-transform: translate3d(425px, 0, 0);
    transform: translate3d(425px, 0, 0); }
  40% {
    -webkit-transform: translate3d(0, 520px, 0);
    transform: translate3d(0, 520px, 0); }
  60% {
    -webkit-transform: translate3d(425px, 520px, 0);
    transform: translate3d(425px, 520px, 0); }
  80% {
    -webkit-transform: translate3d(0, 300px, 0);
    transform: translate3d(0, 300px, 0); }
  to {
    -webkit-transform: translate3d(450px, 300px, 0) scale(0.01);
    transform: translate3d(450px, 300px, 0) scale(0.01); } }

/*# sourceMappingURL=keyframe.css.map */