/* 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); } }
/*******commons******/
/* Reset */
html {
  font-family: PingFang-SC-Regular,'Helvetica Neue',Helvetica,'microsoft yahei',sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

:root {
  overflow-y: scroll; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

fieldset, img {
  border: 0; }

:focus {
  outline: 0; }

address, caption, cite, code, dfn, em, b, i, th, var, optgroup {
  font-style: normal;
  font-weight: normal; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit; }

textarea {
  *overflow: auto; }

code, kbd, samp, tt {
  font-size: 100%; }

input, button, textarea, select {
  *font-size: 100%; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th {
  text-align: left; }

sup, sub {
  font-size: 100%;
  vertical-align: baseline; }

:link, :visited, ins {
  text-decoration: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

* {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

input, textarea {
  -webkit-appearance: none; }

.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

/********content********/
body {
  max-width: 750px;
  margin: 0 auto; }

audio {
  visibility: hidden; }

.marks {
  height: 100%;
  width: 100%;
  padding: 20px;
  background: rgba(0, 0, 0, 0.7);
  padding: 0px;
  text-align: right;
  left: 0px;
  display: none;
  position: fixed;
  top: 0px;
  z-index: 5; }

.arrow-up {
  background: url(../images/arrow_up.png?v=13) no-repeat;
  width: 31px;
  height: 30px;
  display: none;
  position: fixed;
  left: 50%;
  margin-left: -16px;
  bottom: 50px;
  -webkit-animation: myarrow 1s infinite;
  animation: myarrow 1s infinite; }

.music.active {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAAh1BMVEUAAAAAAAATExP////8/Pz///+oqKgfHx////94eHj////29vZLS0vv7+/9/f3////29vb////m5ubLy8v///+8vLyLi4uBgYFMTEwvLy/////////////////Kysrr6+t/f3+NjY0kJCTk5OS0tLRsbGw+Pj7U1NS6urqrq6ugoKBfX1////+P8BTBAAAALHRSTlOZAJ7u+6+ellu9nfmu9uXTz725qaejmJiVlXlLPBzh8r/Fou7Vuarm2dHMtNAkZ8MAAAGzSURBVDjLpdXndoMwDAVg1WY1gew9yJ697/98JQ34AmactvoF4jscgWVZPkqxWbl9Dei+u9qUnxXxeoJCTNa1OBgCGIxnC18pfzEbDwAMg0q8dYHedCm5WE57gLu1caChPSWlUF6SDsq4A4z8HHpc0it/BHSIU+sV3tg9mWvPaEmtM5dCRHia67mDDnEAZJbY+aQGggxvNWsgRveLlUBvU+xiJDZOdGhuR3DfOID2y1Z1DzcgOmb3vkbwg4fwxMahioFYsZDhC6/RUzZOPu+l9ybRwzrBE0ylEou6gYVMMUkwsKzBEu746iXwIRsMpA7LAbFJDbCRFcb1WE6OSY2xEhezKow3PhPP4Eofiwa8j0xqgb5o+A043JmUDy2AasZMoQUfojxuKeN8yZfR8oFXyX9gza8TsPX566oW5RiGR4eYi2Iv9/V5ghNzm+SW22qkSwQUdgkbyWrRPWBhtmix+UNYmM1f3lZxhneKkNuquGGd1LLpuWE5Ckr4QcdRUB4y93fBBzIOGWt8qXvU3Z25yBxfTYORwcFoj1yGPXLtYc7gMP/bMdF+AP3maPv/odl+HH8DKRI8ut3gRkoAAAAASUVORK5CYII=") no-repeat;
  background-size: 100%; }

.music {
  position: fixed;
  top: 25px;
  right: 20px;
  height: 50px;
  width: 50px;
  z-index: 3;
  background-size: 100%; }

.music.disabled {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAAjVBMVEUAAAAAAAD///////+Ghob///8fHx/7+/vv7+94eHgfHx+oqKhNTU3////7+/vq6upCQkL09PT29vb9/f3IyMj///+BgYH////Ly8v///+8vLxMTEwvLy////////////////+1tbWMjIwwMDDi4uLX19fOzs7m5uZgYGC7u7urq6tsbGygoKCYmJj///+9+RGvAAAALnRSTlOZAO6vmFuW/fa9oZ6unfnyq/jQ5eDTwL2pp6OVlXlLPBzWxaXt6OK5tdnSuczJexWgmgAAAhpJREFUOMulletygjAQRrfhKiIERbzfAUXt9/6PV4WEjbGdTqfnVwYOYZPsbujDYrdxpgIQU2ezs9+9ytsFXlhsf5S9GYDx3F35RP7KnY8BzLxv5b0DTJZrMlgvJ4Czf5c9ATGkN4YCwrPlESBiYq43NfDPwIhl5SY4EJOkPHlvk3ITV4b4ZDnEvR+7CUYse4BLVCCMDTkYsA14Wt4LDNs4kZ5YRnIxIhF7JTs4t49OFRpDRsY/OsPpZA/Cp85O+0izYwWEkZZ9Aa+VZ+j3d4BM/TuJoxzIjUBmT3mLCfV8IpPt4LG8p12QZoLtQ15gyXJUI9cyRZURyBKLhwysybBLXLVMMuWp18AH7TAmkxuSgZbpiJo0Y+xogzmbnRDEWqYyIM0cG3Lg0iv5czp08oFlFw5NsSKLCodIyUVImhWmJODb8gU4Kjnm5PMhCKA3CoDlHoBlk4OWj6EpqzBsalTdVzczDF7gW9j0QJK5QL11NgigJ+Wt40NholhGQY1S5wUfin3cJO8lgjy75KiVzcdtJRLdQjzJpMxUAXMicYryFqMrqUvW7h+nqJ38MRRJTHTXBczJb5YV5VpuT65BdeKy4oJVBFouVAFfuWC5FViycuIQBbcCbjIdTRfwkQs4lNxkuH21RE2YpQdpplR56tsXN0ay6Au4MRqjsnUkNjKF0XJ7++x/J/tj5f79mvj9AvrL1fb/S/P36/gLiYtMxj6mtakAAAAASUVORK5CYII=") no-repeat center top;
  background-size: 100%; }

body, html, .swiper-container {
  height: 100%; }

.swiper-container {
  background: url(../images/p9_bg.png?v=13) no-repeat center -110px; }

.main {
  width: 0px;
  margin: 0px auto;
  height: 100%;
  overflow: hidden;
  font-size: 60px;
  color: #8dc44b; }

.loading {
  position: fixed;
  top: 600px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  text-align: center;
  font-size: 18px; }
  .loading .into {
    width: 250px;
    height: 20px;
    border: 2px solid #403523;
    border-radius: 40px;
    overflow: hidden;
    background: #ffffff;
    margin-bottom: 10px; }
    .loading .into .step {
      border-right: 2px solid #403523;
      width: 10px;
      height: 20px;
      overflow: hidden;
      background: #298d37; }

.swiper-slide div {
  display: none; }

.slide1 {
  background: url(../images/p1_bg.png?v=13) no-repeat center 307px; }
  .slide1 div {
    display: block; }
  .slide1 .hand {
    position: absolute;
    left: 400px;
    top: 970px;
    width: 100px; }
  .slide1 .p1-1 {
    background: url(../images/p1_1.png?v=13) no-repeat center top;
    position: absolute;
    width: 100%;
    height: 252px;
    left: 0%;
    top: 63px;
    margin-left: 0; }
  .slide1 .p1-2 {
    background: url(../images/p1_2.png?v=13) no-repeat center top;
    position: absolute;
    width: 100%;
    height: 256px;
    left: 0;
    top: 855px;
    margin-left: 0; }
  .slide1 .p1-3 {
    background: url(../images/p1_3.png?v=13) no-repeat center top;
    position: absolute;
    width: 126px;
    height: 66px;
    left: 50%;
    top: 130px;
    margin-left: -63px;
    -webkit-animation: pulse 0.5s infinite;
    animation: pulse 0.5s infinite; }
  .slide1 .p1-4 {
    background: url(../images/p1_4.png?v=13) no-repeat center top;
    position: absolute;
    width: 236px;
    height: 88px;
    left: 212px;
    top: 610px;
    margin-left: 0; }
  .slide1 .p1-5 {
    background: url(../images/p1_5.png?v=13) no-repeat center top;
    position: absolute;
    width: 295px;
    height: 82px;
    left: 155px;
    top: 720px;
    margin-left: 0; }
  .slide1 .p1-6 {
    background: url(../images/p1_6.png?v=13) no-repeat center top;
    position: absolute;
    width: 282px;
    height: 84px;
    left: 360px;
    top: 675px;
    margin-left: 0; }
  .slide1 .p1-7 {
    background: url(../images/p1_7.png?v=13) no-repeat center top;
    position: absolute;
    width: 222px;
    height: 88px;
    left: 365px;
    top: 775px;
    margin-left: 0; }
  .slide1:before {
    background: url(../images/p1_star.png?v=13) no-repeat center 0px;
    content: "";
    position: absolute;
    left: 0px;
    top: 60px;
    height: 100%;
    width: 100%;
    -webkit-animation: flash 1s infinite;
    animation: flash 1s infinite; }
  .slide1.swiper-slide-active .hand {
    animation: hidden 2s ,myhand 1s  2s infinite;
    -webkit-animation: hidden 2s ,myhand 1s  2s infinite; }
  .slide1.swiper-slide-active .p1-1 {
    animation: hidden 0.3s, fadeInDown 2s 0.3s;
    -webkit-animation: hidden 0.3s, fadeInDown 2s 0.3s; }
  .slide1.swiper-slide-active .p1-2 {
    animation: hidden 0.8s, fadeInUp 2s 0.8s;
    -webkit-animation: hidden 0.8s, fadeInUp 2s 0.8s; }
  .slide1.swiper-slide-active .p1-4 {
    animation: hidden 1s, fadeInLeft 2s 1s;
    -webkit-animation: hidden 1s, fadeInLeft 2s 1s; }
  .slide1.swiper-slide-active .p1-5 {
    animation: hidden 1.2s, fadeInLeft 2s 1.2s;
    -webkit-animation: hidden 1.2s, fadeInLeft 2s 1.2s; }
  .slide1.swiper-slide-active .p1-6 {
    animation: hidden 1.4s, fadeInRight 2s 1.4s;
    -webkit-animation: hidden 1.4s, fadeInRight 2s 1.4s; }
  .slide1.swiper-slide-active .p1-7 {
    animation: hidden 1.6s, fadeInRight 2s 1.6s;
    -webkit-animation: hidden 1.6s, fadeInRight 2s 1.6s; }
  .slide1.active .hand {
    display: none; }
  .slide1.active .p1-2 {
    -webkit-animation: fadeOutUp 2s forwards;
    animation: fadeOutUp 2s forwards; }
  .slide1.active .p1-4 {
    -webkit-animation: zoomOutUp 2s 0.3s forwards;
    animation: zoomOutUp 2s 0.3s forwards; }
  .slide1.active .p1-5 {
    -webkit-animation: zoomOutUp 2s 0.6s forwards;
    animation: zoomOutUp 2s 0.6s forwards; }
  .slide1.active .p1-6 {
    -webkit-animation: zoomOutUp 2s 0.9s forwards;
    animation: zoomOutUp 2s 0.9s forwards; }
  .slide1.active .p1-7 {
    -webkit-animation: zoomOutUp 2s 1.2s forwards;
    animation: zoomOutUp 2s 1.2s forwards; }

.slide2 {
  background: url(../images/p2_bg.png?v=13) no-repeat center 120px; }
  .slide2:before {
    background: url(../images/p2_star.png?v=13) no-repeat center 100px;
    content: "";
    position: absolute;
    left: 15px;
    top: 40px;
    height: 100%;
    width: 100%;
    -webkit-animation: flash 1s infinite;
    animation: flash 1s infinite; }
  .slide2 .p2-1 {
    background: url(../images/p2_1.png?v=13) no-repeat 50px top;
    position: absolute;
    width: 100%;
    height: 130px;
    left: 0;
    top: 50px;
    margin-left: 0px; }
    .slide2 .p2-1 .meetday {
      position: absolute;
      width: 190px;
      height: 60px;
      left: 162px;
      top: 60px;
      margin-left: 0;
      text-align: center; }
    .slide2 .p2-1 .time-no {
      margin: 0px 2px; }
  .slide2 .p2-2 {
    background: url(../images/p2_2.png?v=13) no-repeat left top;
    position: absolute;
    width: 100%;
    height: 800px;
    left: 0;
    top: 194px;
    margin-left: 0; }
  .slide2 .p2-3 {
    background: url(../images/p2_3.png?v=13) no-repeat left top;
    position: absolute;
    width: 543px;
    height: 272px;
    left: 160px;
    top: 920px;
    margin-left: 0; }
    .slide2 .p2-3 .meetname {
      font-size: 36px;
      color: #fff; }
      .slide2 .p2-3 .meetname span {
        color: #8dc44b;
        font-size: 40px; }
    .slide2 .p2-3 .meettime {
      position: absolute;
      left: -20px;
      top: -30px;
      width: 400px;
      height: 80px;
      line-height: 80px;
      text-align: center; }
      .slide2 .p2-3 .meettime .time-no {
        max-width: 30px;
        vertical-align: middle;
        max-height: 36px;
        margin: 0px 4px;
        display: inline-block; }
  .slide2.swiper-slide-active .p2-1 {
    animation: hidden 0.3s, fadeInDown 2s 0.3s;
    -webkit-animation: hidden 0.3s, fadeInDown 2s 0.3s; }
  .slide2.swiper-slide-active .p2-2 {
    animation: hidden 0.8s, fadeInLeft 2s 0.8s;
    -webkit-animation: hidden 0.8s, fadeInLeft 2s 0.8s; }
  .slide2.swiper-slide-active .p2-3 {
    animation: hidden 1.3s, fadeInUp 2s 1.3s;
    -webkit-animation: hidden 1.3s, fadeInUp 2s 1.3s; }
  .slide2.swiper-slide-active .meetday {
    animation: hidden 1.5s, zoomIn 2s 1.5s;
    -webkit-animation: hidden 1.5s, zoomIn 2s 1.5s; }

.slide3:before {
  background: url(../images/p3_star.png?v=13) no-repeat center 100px;
  content: "";
  position: absolute;
  left: 40px;
  top: 40px;
  z-index: 2;
  height: 100%;
  width: 100%;
  -webkit-animation: flash 1s infinite;
  animation: flash 1s infinite; }
.slide3 .p3-1 {
  background: url(../images/p3_1.png?v=13) no-repeat center top;
  position: absolute;
  width: 100%;
  height: 60px;
  left: 0px;
  top: 50px;
  margin-left: 0;
  z-index: 3; }
.slide3 .p3-2 {
  background: url(../images/p3_2.png?v=13) no-repeat center top;
  position: absolute;
  width: 100%;
  height: 1060px;
  left: 0px;
  top: 140px;
  margin-left: 0; }
  .slide3 .p3-2 .p3-2-1 {
    background: url(../images/p3_2_1.png?v=13) no-repeat 15px top;
    position: absolute;
    width: 400px;
    height: 262px;
    left: 0px;
    top: 290px;
    margin-left: 0; }
  .slide3 .p3-2 .p3-img {
    position: absolute;
    width: 93px;
    height: 93px;
    left: 35px;
    top: 70px;
    margin-left: 0;
    border-radius: 50%; }
  .slide3 .p3-2 .p3-name {
    position: absolute;
    width: 180px;
    height: 63px;
    left: 0px;
    top: 180px;
    margin-left: 0;
    font-size: 34px;
    text-align: center;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .slide3 .p3-2 .p3-2-name {
    text-align: center;
    position: absolute;
    width: 162px;
    height: 40px;
    left: 0px;
    top: 185px;
    margin-left: 0;
    font-size: 38px;
    color: #fff; }
.slide3 .p3-3 {
  background: url(../images/p3_3.png?v=13) no-repeat center top;
  position: absolute;
  width: 560px;
  height: 273px;
  left: 50%;
  top: 925px;
  margin-left: -280px; }
.slide3 .p3-3-1 {
  position: absolute;
  width: 100%;
  height: 50px;
  left: 0%;
  top: 42px;
  margin-left: 0;
  font-size: 48px;
  text-align: center; }
.slide3.swiper-slide-active .p3-2 {
  animation: zoomIn2 0.5s;
  -webkit-animation: zoomIn2 0.5s; }
.slide3.swiper-slide-active .p3-1 {
  animation: hidden 0.5s, fadeInDown 2s 0.5s;
  -webkit-animation: hidden 0.5s, fadeInDown 2s 0.5s; }
.slide3.swiper-slide-active .p3-3 {
  animation: hidden 1s, fadeInUp 2s 1s;
  -webkit-animation: hidden 1s, fadeInUp 2s 1s; }

.slide4:before {
  background: url(../images/p4_star.png?v=13) no-repeat left 0px;
  content: "";
  position: absolute;
  left: 91px;
  top: 283px;
  width: 836px;
  height: 1318px;
  -webkit-animation: flash 1s infinite;
  animation: flash 1s infinite; }
.slide4 .p4-name {
  font-size: 46px;
  position: absolute;
  left: 160px;
  top: -16px;
  width: 495px;
  height: 60px; }
.slide4 .p4-time {
  font-size: 46px;
  position: absolute;
  left: 300px;
  top: 95px;
  width: 130px;
  text-align: center;
  height: 60px; }
  .slide4 .p4-time img {
    max-height: 35px;
    vertical-align: middle; }
.slide4 .p4-1 {
  background: url("../images/p4_1.png?v=13") no-repeat left top;
  position: absolute;
  left: 120px;
  top: 145px;
  width: 495px;
  height: 260px; }
.slide4 .p4-5 {
  background: url(../images/p4_5.png?v=13) no-repeat center top;
  position: absolute;
  left: 546px;
  top: 591px;
  width: 145px;
  height: 154px; }
.slide4 .p4-3 {
  background-image: url(../images/p4_3.png?v=13);
  position: absolute;
  left: 11px;
  top: 440px;
  width: 713px;
  height: 746px; }
.slide4 .p4-2 {
  background-image: url("../images/p4_2.png?v=13");
  position: absolute;
  left: 121px;
  top: 52px;
  width: 535px;
  height: 60px; }
.slide4 .p4-img {
  position: absolute;
  width: 105px;
  height: 105px;
  left: 20px;
  top: 25px;
  margin-left: 0;
  border-radius: 50%; }
.slide4 .p4-2-name {
  text-align: center;
  position: absolute;
  width: 286px;
  height: 60px;
  left: 50%;
  top: 155px;
  margin-left: -143px;
  font-size: 40px;
  line-height: 60px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff; }
.slide4 .p4-4 {
  background: url("../images/p4_4.png?v=13") no-repeat right top;
  position: absolute;
  left: 377px;
  top: 1000px;
  width: 190px;
  height: 144px;
  line-height: 144px;
  text-align: center; }
  .slide4 .p4-4 .time-no {
    max-height: 33px;
    max-width: 30px;
    vertical-align: middle; }
.slide4 .p4-times {
  position: absolute;
  left: 0px;
  top: 86px;
  color: #fff;
  height: 60px;
  line-height: 60px;
  width: 100%;
  text-align: left; }
.slide4.active .p4-1 {
  background-image: url("../images/p4_si1.png?v=13");
  position: absolute;
  left: 115px;
  top: 140px;
  width: 546px;
  height: 978px; }
  .slide4.active .p4-1 span {
    display: none; }
.slide4.active .p4-3 {
  background: url(../images/p4_si3.png?v=13) no-repeat center top; }
.slide4.active .p4-5 {
  background-image: url(../images/p4_si5.png?v=13);
  position: absolute;
  left: 454px;
  top: 660px;
  width: 269px;
  height: 407px; }
  .slide4.active .p4-5 img, .slide4.active .p4-5 p {
    display: none; }
.slide4.active .p4-4 {
  display: none !important; }
.slide4.activehao .p4-4 {
  display: none !important; }
.slide4.activehao .p4-1 {
  background-image: url("../images/p4_hao1.png?v=13");
  position: absolute;
  left: 91px;
  top: 140px;
  width: 599px;
  height: 976px; }
  .slide4.activehao .p4-1 span {
    display: none; }
.slide4.activehao .p4-3 {
  background-image: url("../images/p4_hao3.png?v=13");
  position: absolute;
  left: 11px;
  top: 430px;
  width: 713px;
  height: 781px; }
.slide4.activehao .p4-5 {
  background-image: url("../images/p4_hao5.png?v=13");
  position: absolute;
  left: 156px;
  top: 600px;
  width: 494px;
  height: 474px; }
  .slide4.activehao .p4-5 img, .slide4.activehao .p4-5 p {
    display: none; }
.slide4.swiper-slide-active .p4-1 {
  animation: hidden 1s, zoomIn 2s 1s;
  -webkit-animation: hidden 1s, zoomIn 2s 1s; }
.slide4.swiper-slide-active .p4-2 {
  animation: hidden 0.5s, fadeIn 2s 0.5s;
  -webkit-animation: hidden 0.5s, fadeIn 2s 0.5s; }
.slide4.swiper-slide-active .p4-3 {
  animation: fadeInRight 2s;
  -webkit-animation: fadeInRight 2s; }
.slide4.swiper-slide-active .p4-5 {
  animation: hidden 2s, fadeInRight 2s 2s;
  -webkit-animation: hidden 2s, fadeInRight 2s 2s; }
.slide4.swiper-slide-active .p4-4 {
  animation: hidden 2s, fadeInLeft 2s 2s;
  -webkit-animation: hidden 2s, fadeInLeft 2s 2s; }

.slide5:before {
  background: url(../images/p41_star.png?v=13) no-repeat left 0px;
  content: "";
  position: absolute;
  left: 16px;
  top: 150px;
  width: 891px;
  height: 1318px;
  -webkit-animation: flash 1s infinite;
  animation: flash 1s infinite; }
.slide5 .p41-1 {
  background: url(../images/p41_1.png?v=13) no-repeat 10px top;
  position: absolute;
  left: 30px;
  top: 928px;
  width: 682px;
  height: 271px;
  z-index: 4; }
.slide5 .p41-4 {
  background-image: url("../images/p42_4.png?v=13");
  position: absolute;
  left: 583px;
  top: 870px;
  width: 41px;
  height: 96px; }
.slide5 .card-time {
  position: absolute;
  width: 400px;
  height: 60px;
  left: 420px;
  top: 43px;
  margin-left: 0;
  text-align: left;
  line-height: 60px; }
  .slide5 .card-time .time-no {
    margin: 0px 2px;
    max-height: 36px;
    max-width: 32px; }
  .slide5 .card-time img {
    vertical-align: middle; }
.slide5 .p41-2 {
  background: url("../images/p42_1.png?v=13") no-repeat center top;
  position: absolute;
  left: 179px;
  top: 80px;
  width: 413px;
  height: 132px; }
.slide5 .p41-3 {
  background: url("../images/p42_3.png?v=13")  no-repeat center top;
  position: absolute;
  left: 32px;
  top: 248px;
  width: 718px;
  height: 993px; }
.slide5.silian .p41-1, .slide5.activehao .p41-1 {
  background: url(../images/p41_hao1.png?v=13) no-repeat 0px 50px; }
.slide5.silian .card-time, .slide5.activehao .card-time {
  left: 380px;
  top: 36px; }
.slide5.swiper-slide-active .p41-1 {
  animation: hidden 1s, fadeInUp 2s 1s;
  -webkit-animation: hidden 1s, fadeInUp 2s 1s; }
.slide5.swiper-slide-active .p41-2 {
  animation: hidden 0.5s, fadeInDown 2s 0.5s;
  -webkit-animation: hidden 0.5s, fadeInDown 2s 0.5s; }
.slide5.swiper-slide-active .p41-3 {
  animation: zoomIn 2s;
  -webkit-animation: zoomIn 2s; }

.slide6 {
  background: url(../images/p5_bg.png?v=13) no-repeat center bottom; }
  .slide6:before {
    background: url(../images/p5_star.png?v=13) no-repeat left 0px;
    content: "";
    position: absolute;
    left: 16px;
    top: 40px;
    width: 891px;
    height: 1318px;
    -webkit-animation: flash 1s infinite;
    animation: flash 1s infinite; }
  .slide6 .p5-img {
    position: absolute;
    left: 294px;
    text-align: center;
    top: 241px;
    border-radius: 50%;
    z-index: 5;
    width: 173px; }
    .slide6 .p5-img img {
      background: #fff;
      display: inline-block;
      height: 173px;
      border-radius: 50%;
      width: 173px; }
  .slide6 .p5-1 {
    background-image: url("../images/p5_1.png?v=13");
    position: absolute;
    left: 40px;
    top: 30px;
    width: 675px;
    height: 703px;
    z-index: 2;
    color: #fff; }
    .slide6 .p5-1 div {
      position: absolute;
      font-size: 48px;
      width: 200px;
      height: 130px; }
      .slide6 .p5-1 div:before {
        content: "";
        position: absolute;
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background: #fff; }
    .slide6 .p5-1 .p5-1-5 {
      left: 464px;
      width: 200px;
      top: 550px; }
      .slide6 .p5-1 .p5-1-5:before {
        left: 30px;
        top: -27px; }
  .slide6 .p5-1-2 {
    left: 100px;
    top: 160px; }
    .slide6 .p5-1-2:before {
      left: 110px;
      top: 70px; }
  .slide6 .p5-1-1 {
    left: 506px;
    top: 130px; }
    .slide6 .p5-1-1:before {
      left: -50px;
      top: 44px; }
  .slide6 .p5-1-3 {
    left: 516px;
    top: 322px; }
    .slide6 .p5-1-3:before {
      left: -6px;
      top: -27px; }
  .slide6 .p5-1-4 {
    left: 100px;
    top: 410px; }
    .slide6 .p5-1-4:before {
      left: 97px;
      top: 75px; }
  .slide6 .p5-2 {
    background: url(../images/p5_2.png?v=13) no-repeat;
    width: 398px;
    height: 48px;
    position: absolute;
    left: 180px;
    top: 760px; }
  .slide6 .p5-3 {
    background-image: url("../images/p5_circle.png?v=13");
    position: absolute;
    left: 98px;
    top: 55px;
    width: 561px;
    height: 561px;
    animation: circle 20s infinite linear; }
  .slide6 .p5-4 {
    position: absolute;
    left: 0px;
    width: 100%;
    font-size: 82px;
    color: #fff;
    top: 820px;
    text-align: center; }
  .slide6 .p5-5 {
    position: absolute;
    left: 0px;
    text-align: center;
    width: 100%;
    font-size: 50px;
    color: #fff;
    top: 940px;
    line-height: 72px; }
  .slide6 .p5-6 {
    position: absolute;
    left: 41px;
    top: 855px;
    width: 665px;
    height: 146px;
    display: none !important;
    background: url(../images/p6_si.png?v=13) no-repeat center top; }
  .slide6 .p5-7 {
    position: absolute;
    left: 57px;
    top: 125px;
    width: 628px;
    height: 513px;
    background: url(../images/p6_top5.png?v=13) no-repeat center top;
    display: none !important;
    z-index: 2; }
  .slide6.silian .p5-4, .slide6.silian .p5-5, .slide6.silian .p5-1 .J-keyword {
    display: none !important; }
  .slide6.silian .p5-6, .slide6.silian .p5-7 {
    display: block !important; }
  .slide6.activehao .p5-4, .slide6.activehao .p5-5, .slide6.activehao .p5-1 .J-keyword {
    display: none !important; }
  .slide6.activehao .p5-6, .slide6.activehao .p5-7 {
    display: block !important; }
  .slide6.activehao .p5-6 {
    position: absolute;
    left: 71px;
    top: 850px;
    width: 606px;
    background: url(../images/p6_hao4.png?v=13) no-repeat;
    height: 141px; }
  .slide6.activehao .p5-7 {
    background: url(../images/p6_hao2.png?v=13) no-repeat; }
  .slide6.swiper-slide-active .p5-1 {
    animation: fadeIn 2s;
    -webkit-animation: fadeIn 2s; }
  .slide6.swiper-slide-active .p5-2 {
    animation: hidden 0.5s, fadeIn 2s 0.5s;
    -webkit-animation: hidden 0.5s, fadeIn 2s 0.5s; }
  .slide6.swiper-slide-active .p5-4 {
    animation: hidden 1s, fadeIn 2s 1s;
    -webkit-animation: hidden 1s, fadeIn 2s 1s; }
  .slide6.swiper-slide-active .p5-5 {
    animation: hidden 1.5s, fadeIn 2s 1.5s;
    -webkit-animation: hidden 1.5s, fadeIn 2s 1.5s; }

.slide7:before {
  background: url(../images/p7_star.png?v=13) no-repeat left 0px;
  content: "";
  position: absolute;
  left: 26px;
  top: 354px;
  width: 891px;
  height: 447px;
  -webkit-animation: flash 1s infinite;
  animation: flash 1s infinite; }
.slide7 .p7-1 {
  background: url("../images/p7_1.png?v=13") no-repeat left top;
  position: absolute;
  left: 66px;
  top: 70px;
  width: 578px;
  height: 232px; }
  .slide7 .p7-1 .p7-money {
    position: absolute;
    left: 170px;
    top: 163px;
    width: 500px;
    height: 60px;
    font-size: 70px;
    text-align: left;
    line-height: 60px; }
    .slide7 .p7-1 .p7-money img {
      margin: 0px 3px; }
    .slide7 .p7-1 .p7-money .time-yuan {
      vertical-align: middle; }
.slide7 .p7-2 {
  background: url("../images/p7_2.png?v=13") no-repeat center top;
  position: absolute;
  left: 173px;
  top: 811px;
  width: 437px;
  height: 380px; }
.slide7 .p7-4 {
  background: url("../images/p7_6.png?v=13") no-repeat bottom center;
  position: absolute;
  left: 173px;
  top: 811px;
  width: 437px;
  height: 380px; }
.slide7 .p7-3 {
  background-image: url("../images/p7_3.png?v=13");
  position: absolute;
  left: 40px;
  top: 353px;
  width: 671px;
  height: 380px;
  z-index: 20; }
.slide7.swiper-slide-active .p7-3 {
  animation: zoomIn 0.5s;
  -webkit-animation: zoomIn 0.5s; }
.slide7.swiper-slide-active .p7-money .time-no {
  animation: hidden 2s, zoomIn 2s 2s;
  -webkit-animation: hidden 2s, zoomIn 2s 2s; }
.slide7.swiper-slide-active .p7-1 {
  animation: hidden 0.5s, fadeInDown 2s 0.5s;
  -webkit-animation: hidden 0.5s, fadeInDown 2s 0.5s; }
.slide7.swiper-slide-active .p7-2 {
  animation: hidden 2.5s, zoomIn 2s 2.5s;
  -webkit-animation: hidden 2.5s, zoomIn 2s 2.5s; }
.slide7.swiper-slide-active .p7-4 {
  animation: hidden 1s, fadeInUp 2s 1s;
  -webkit-animation: hidden 1s, fadeInUp 2s 1s; }

.slide8:before {
  background: url(../images/p8_star.png?v=13) no-repeat left 0px;
  content: "";
  position: absolute;
  left: 29px;
  top: 261px;
  width: 681px;
  height: 650px;
  -webkit-animation: flash 1s infinite;
  animation: flash 1s infinite; }
.slide8 .p8-1 {
  background-image: url("../images/p8_1.png?v=13");
  position: absolute;
  left: 70px;
  top: 83px;
  width: 616px;
  height: 130px; }
.slide8 .p8-2 {
  background-image: url("../images/p8_2.png?v=13");
  position: absolute;
  left: 50px;
  top: 302px;
  width: 276px;
  height: 457px;
  -webkit-animation: pulse 1s infinite 0s;
  animation: pulse 1s infinite 0s; }
.slide8 .p8-3 {
  background-image: url(../images/p8_3.png?v=13);
  position: absolute;
  left: 15px;
  top: 252px;
  width: 683px;
  height: 721px; }
.slide8 .p8-4 {
  background-image: url("../images/p8_4.png?v=13");
  position: absolute;
  left: 187px;
  top: 883px;
  width: 432px;
  height: 204px;
  z-index: 14; }
.slide8.swiper-slide-active .p8-3 {
  animation: zoomInUp 0.5s;
  -webkit-animation: zoomInUp 0.5s; }
.slide8.swiper-slide-active .p8-1 {
  animation: hidden 0.5s, slideInDown 2s 0.5s;
  -webkit-animation: hidden 0.5s, slideInDown 2s 0.5s; }
.slide8.swiper-slide-active .p8-4 {
  animation: hidden 1s, slideInUp 2s 1s;
  -webkit-animation: hidden 1s, slideInUp 2s 1s; }

.slide9:before {
  background: url(../images/p9_star.png?v=13) no-repeat left 0px;
  content: "";
  position: absolute;
  left: 41px;
  top: 266px;
  width: 682px;
  height: 550px;
  -webkit-animation: flash 1s infinite;
  animation: flash 1s infinite; }
.slide9 .p9-1 {
  background-image: url("../images/p9_1.png?v=13");
  position: absolute;
  left: 61px;
  top: 80px;
  font-size: 0px;
  width: 594px;
  height: 133px; }
.slide9 .p9-2 {
  background-image: url("../images/p9_2.png?v=13");
  position: absolute;
  left: 10px;
  top: 278px;
  width: 709px;
  height: 690px;
  font-size: 36px;
  color: #fff; }
.slide9 .p9-3 {
  background-image: url("../images/p9_10.png?v=13");
  position: absolute;
  left: 140px;
  top: 973px;
  width: 500px;
  height: 151px; }
.slide9 .address {
  position: absolute;
  width: 100px;
  height: 90px;
  font-size: 0px;
  color: #fff; }
  .slide9 .address:before {
    width: 40px;
    height: 68px;
    background: url(../images/p9_3.png?v=13) no-repeat;
    content: "";
    position: absolute;
    left: -21px;
    top: -65px; }
.slide9 .p9-2-1 {
  left: 204px;
  top: 495px; }
.slide9 .p9-2-2 {
  left: 533px;
  top: 500px; }
.slide9 .p9-2-3 {
  left: 186px;
  top: 625px; }
.slide9 .p9-2-4 {
  left: 411px;
  top: 680px; }
.slide9 .p9-2-5 {
  left: 603px;
  top: 662px; }
.slide9 .p9-2-6 {
  top: 772px;
  left: 564px; }
.slide9 .p9-2-7 {
  top: 821px;
  left: 488px; }
.slide9 .p9-2-8 {
  left: 274px;
  top: 860px; }
.slide9 .p9-1-1 {
  position: absolute;
  left: 57px;
  top: 100px;
  background: url(../images/p9_1_1.png?v=13) no-repeat;
  width: 750px;
  height: 161px;
  display: none !important;
  font-size: 60px;
  padding: 85px 0px 0px 120px; }
.slide9.active .p9-1 {
  display: none !important; }
.slide9.active .p9-1-1 {
  display: block !important; }
.slide9.swiper-slide-active .p9-1 {
  animation: hidden 0.3s, fadeInDown 2s 0.3s;
  -webkit-animation: hidden 0.3s, fadeInDown 2s 0.3s; }
.slide9.swiper-slide-active .p9-1-1 {
  animation: hidden 0.3s, fadeInDown 2s 0.3s;
  -webkit-animation: hidden 0.3s, fadeInDown 2s 0.3s; }
.slide9.swiper-slide-active .p9-3 {
  animation: hidden 0.8s, fadeInUp 2s 0.8s;
  -webkit-animation: hidden 0.8s, fadeInUp 2s 0.8s; }
.slide9.swiper-slide-active .p9-2-1:before {
  -webkit-animation: address 0.3s steps(1) forwards;
  animation: address 0.3s steps(1) forwards; }
.slide9.swiper-slide-active .p9-2-2:before {
  -webkit-animation: address 0.3s 0.3s steps(1) forwards;
  animation: address 0.3s 0.3s steps(1) forwards; }
.slide9.swiper-slide-active .p9-2-3:before {
  -webkit-animation: address 0.3s 0.6s steps(1) forwards;
  animation: address 0.3s 0.6s steps(1) forwards; }
.slide9.swiper-slide-active .p9-2-4:before {
  -webkit-animation: address 0.3s 0.9s steps(1) forwards;
  animation: address 0.3s 0.9s steps(1) forwards; }
.slide9.swiper-slide-active .p9-2-5:before {
  -webkit-animation: address 0.3s 1.2s steps(1) forwards;
  animation: address 0.3s 1.2s steps(1) forwards; }
.slide9.swiper-slide-active .p9-2-6:before {
  -webkit-animation: address 0.3s steps(1) forwards;
  animation: address 0.3s steps(1) forwards; }
.slide9.swiper-slide-active .p9-2-7:before {
  -webkit-animation: address 0.3s 1.5s steps(1) forwards;
  animation: address 0.3s 1.5s steps(1) forwards; }
.slide9.swiper-slide-active .p9-2-8:before {
  -webkit-animation: address 0.3s 1.8s steps(1) forwards;
  animation: address 0.3s 1.8s steps(1) forwards; }
.slide9.swiper-slide-active .p9-2-9:before {
  -webkit-animation: address 0.3s 2.2s steps(1) forwards;
  animation: address 0.3s 2.2s steps(1) forwards; }

.slide10 {
  background: url(../images/p10_bg.png?v=13) no-repeat center bottom; }
  .slide10:before {
    background: url(../images/p10_star.png?v=13) no-repeat left 0px;
    content: "";
    position: absolute;
    left: 120px;
    top: 30px;
    width: 808px;
    height: 657px;
    -webkit-animation: flash 1s infinite;
    animation: flash 1s infinite; }
  .slide10 .p10-1 {
    background: url("../images/p10_1.png?v=13") no-repeat 58px top;
    position: absolute;
    left: 224px;
    top: 50px;
    width: 274px;
    height: 340px; }
  .slide10 .p10-img {
    width: 173px;
    height: 173px;
    border-radius: 50%;
    position: absolute;
    left: 71px;
    top: 13px; }
  .slide10 .p10-name {
    width: 750px;
    text-align: center;
    font-size: 40px;
    color: #fff;
    position: absolute;
    left: 0px;
    top: 256px; }
  .slide10 .p10-state {
    position: absolute;
    width: 250px;
    height: 80px;
    left: 30px;
    top: 280px;
    margin-left: 0;
    font-size: 36px;
    color: #fff;
    line-height: 80px;
    background: url(../images/p10_1_1.png?v=13) no-repeat center top;
    text-align: center; }
  .slide10 .p10-2 {
    position: absolute;
    left: 0px;
    width: 100%;
    top: 460px;
    font-size: 48px;
    line-height: 72px;
    text-align: center; }
    .slide10 .p10-2 img {
      margin: 5px auto;
      display: inline-block; }
  .slide10 .p10-2-2 {
    color: #fff; }
  .slide10.swiper-slide-active .p10-1 {
    animation: fadeInDown 2s;
    -webkit-animation: fadeInDown 2s; }
  .slide10.swiper-slide-active .p10-name {
    animation: hidden 1.1s, fadeIn 2s 1.1s;
    -webkit-animation: hidden 1.1s, fadeIn 2s 1.1s; }
  .slide10.swiper-slide-active .p1 {
    animation: hidden 0.5s, fadeInDown 2s 0.5s;
    -webkit-animation: hidden 0.5s, fadeInDown 2s 0.5s; }
  .slide10.swiper-slide-active .p2 {
    animation: hidden 1s, fadeInDown 2s 1s;
    -webkit-animation: hidden 1s, fadeInDown 2s 1s; }
  .slide10.swiper-slide-active .p3 {
    animation: hidden 1.5s, fadeInDown 2s 1.5s;
    -webkit-animation: hidden 0.9s, fadeInDown 2s 0.9s; }
  .slide10.swiper-slide-active .p4 {
    animation: hidden 2s, fadeInDown 2s 2s;
    -webkit-animation: hidden 2s, fadeInDown 2s 2s; }

.slide11 {
  background: url(../images/p12_bg.png?v=13) no-repeat center bottom; }
  .slide11:before {
    background: url(../images/p12_star.png?v=13) no-repeat left 0px;
    content: "";
    position: absolute;
    left: 55px;
    top: 60px;
    width: 891px;
    height: 661px;
    height: 574px;
    -webkit-animation: flash 1s infinite;
    animation: flash 1s infinite; }
  .slide11 .p11-1 {
    background: url("../images/p12_1.png?v=13") no-repeat;
    position: absolute;
    left: 43px;
    top: 115px;
    width: 667px;
    height: 120px; }
  .slide11 .p11-2 {
    background: url("../images/p12_2.png?v=13") no-repeat;
    position: absolute;
    left: 89px;
    top: 285px;
    width: 480px;
    height: 485px; }
  .slide11 .p11-3 {
    position: absolute;
    left: 79px;
    top: 700px;
    width: 581px;
    height: 106px;
    background: url(../images/p12_3.png?v=13) no-repeat; }
  .slide11 .p11-4 {
    background: url("../images/p12_4.png?v=13") no-repeat;
    position: absolute;
    left: 107px;
    top: 830px;
    width: 527px;
    height: 188px; }
    .slide11 .p11-4 a {
      height: 100%;
      width: 100%;
      display: inline-block; }
  .slide11.swiper-slide-active .p11-1 {
    animation: fadeIn 0.5s;
    -webkit-animation: fadeIn 0.5s; }
  .slide11.swiper-slide-active .p11-2 {
    animation: hidden 0.5s, fadeInLeft 2s 0.5s;
    -webkit-animation: hidden 0.5s, fadeInLeft 2s 0.5s; }
  .slide11.swiper-slide-active .p11-3 {
    animation: hidden 1s, fadeInRight 2s 1s;
    -webkit-animation: hidden 1s, fadeInRight 2s 1s; }
  .slide11.swiper-slide-active .p11-4 {
    animation: hidden 1.5s, fadeInRight 2s 1.5s;
    -webkit-animation: hidden 1.5s, bounceInRight 2s 1.5s; }

.slide12 {
  background: url(../images/p11_bg.png?v=13) no-repeat center bottom; }
  .slide12:before {
    background: url(../images/p11_star.png?v=13) no-repeat left 0px;
    content: "";
    position: absolute;
    left: 29px;
    top: 100px;
    width: 937px;
    height: 574px;
    -webkit-animation: flash 1s infinite;
    animation: flash 1s infinite; }
  .slide12 .p11-1 {
    background-image: url("../images/p11_1.png?v=13");
    position: absolute;
    left: 237px;
    top: 142px;
    width: 288px;
    height: 96px; }
  .slide12 .p11-2 {
    background-image: url("../images/p11_2.png?v=13");
    position: absolute;
    left: 302px;
    top: 628px;
    width: 155px;
    height: 269px; }
  .slide12 .p11-3 {
    background: url(../images/p11_3.png?v=13);
    position: absolute;
    left: 89px;
    top: 289px;
    width: 595px;
    height: 132px; }
  .slide12 .p11-btn {
    position: absolute;
    top: 485px;
    width: 100%;
    left: 0px;
    text-align: center; }
  .slide12 .p11-6 {
    position: absolute;
    left: 54px;
    top: 130px;
    width: 654px;
    height: 300px;
    display: none !important;
    background: url(../images/p11_si.png?v=13) no-repeat; }
  .slide12 .p11-4 {
    background-image: url("../images/p11_4.png?v=13");
    display: inline-block;
    margin: 0px 15px;
    width: 305px;
    height: 96px; }
  .slide12 .p11-5 {
    background-image: url("../images/p11_5.png?v=13");
    display: inline-block;
    margin: 0px 15px;
    width: 305px;
    height: 96px; }
    .slide12 .p11-5.mmq {
      display: none !important; }
    .slide12 .p11-5 a {
      height: 100%;
      width: 100%;
      display: inline-block; }
  .slide12.active .p11-6 {
    display: block !important; }
  .slide12.active .p11-1, .slide12.active .p11-3 {
    display: none !important; }
  .slide12.activehao .p11-6 {
    display: block !important;
    background: url(../images/p11_ha01.png?v=13) no-repeat center top; }
  .slide12.activehao .p11-1, .slide12.activehao .p11-3 {
    display: none !important; }
  .slide12.swiper-slide-active .p11-1, .slide12.swiper-slide-active .p11-6 {
    animation: fadeInDown 2s linear;
    -webkit-animation: fadeInDown 2s linear; }
  .slide12.swiper-slide-active .p11-3 {
    animation: hidden 0.5s, fadeInDown 2s 0.5s linear;
    -webkit-animation: hidden 0.5s, fadeInDown 2s 0.5s linear; }
  .slide12.swiper-slide-active .p11-4 {
    animation: hidden 1s, fadeInLeft 2s 1s;
    -webkit-animation: hidden 1s, fadeInLeft 2s 1s; }
  .slide12.swiper-slide-active .p11-5 {
    animation: hidden 1.5s, fadeInRight 2s 1.5s;
    -webkit-animation: hidden 1.5s, fadeInRight 2s 1.5s; }

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