html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  background: transparent; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1.6; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

[hidden] {
  display: none; }

/*************************************/
.loader {
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 100%; }
  .loader .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99;
    font-size: 11px;
    color: #fff;
    transform: translateZ(0); }
    .loader .loading, .loader .loading:before, .loader .loading:after {
      width: 1em;
      height: 4em;
      background: #fff;
      animation: loadAn 1s infinite ease-in-out; }
    .loader .loading {
      animation-delay: -0.16s; }
    .loader .loading:before {
      content: '';
      position: absolute;
      top: 0;
      left: -1.5em;
      animation-delay: -0.32s; }
    .loader .loading:after {
      content: '';
      position: absolute;
      top: 0;
      left: 1.5em; }

@keyframes loadAn {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em; }
  40% {
    box-shadow: 0 -2em;
    height: 5em; } }
.page-WH {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.page-W {
  margin-left: auto;
  margin-right: auto;
  width: 100%; }

.page-H {
  height: 100%; }

.an-position {
  position: absolute;
  z-index: 5; }

.base-an {
  animation-timing-function: ease;
  animation-fill-mode: both;
  animation-direction: normal;
  opacity: 0; }

/********************************************/
.page-container {
  display: none;
  width: 7.5rem; }

.page-item {
  position: relative;
  display: none;
  width: 7.5rem; }

.page-item img {
  opacity: 1; }

.page-item p {
  opacity: 1; }

.page-slide {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  margin-left: -3.75rem;
  margin-top: -6.03rem;
  width: 7.5rem;
  height: 12.06rem;
  background-repeat: no-repeat;
  background-size: cover; }

.btn-base {
  position: absolute;
  z-index: 99;
  display: inline-block;
  opacity: 1; }

.btn-start img,
.back-list img {
  display: block;
  width: 100%;
  height: 100%; }

.page-active {
  display: block; }

.icon-cricle {
  display: inline-block;
  border-radius: 50%;
  background-color: #fff; }

/*****************************************/
.loader {
  background-color: #47819b; }

.page-item {
  background-color: #47819b; }

.btn-base {
  bottom: 0.27rem;
  width: 3.75rem;
  height: 1.37rem; }

.btn-base img {
  display: block;
  width: 1.04rem;
  height: 0.26rem;
  margin-top: 0.6rem; }

.btn-prev-start img,
.btn-prev img {
  margin-left: 1.6rem; }

.btn-next-end img,
.btn-next img {
  margin-left: 1.11rem; }

.btn-prev-start,
.btn-prev {
  left: 0rem; }

.btn-next-end,
.btn-next,
.btn-ce {
  right: 0rem; }

.page-start {
  background: #47819b; }

.page-start .page-slide {
  background: #47819b; }

.btn-start {
  bottom: 6.69rem;
  left: 2.35rem;
  width: 3.17rem;
  height: 0.68rem;
  opacity: 1;
  z-index: 99; }

.page-end {
  background: #0d262d; }

.page-end .page-slide {
  background: #0d262d; }

.back-list {
  display: block;
  position: absolute;
  z-index: 99;
  bottom: 1.86rem;
  left: 2.165rem;
  width: 3.17rem;
  height: 0.62rem; }

/*****************************************/
@keyframes tu1 {
  from {
    transform: scale(1.1);
    opacity: 0; }
  to {
    transform: scale(1); } }
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }
@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }
@keyframes jumpInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg);
    transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg); }
  50% {
    opacity: 1;
    -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(10deg);
    transform: scale3d(1.2, 1.2, 1.2) rotate(10deg); }
  70% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg); }
  90% {
    -webkit-transform: scale3d(1, 1, 1) rotate(0deg);
    transform: scale3d(1, 1, 1) rotate(0deg); } }
@keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  38% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1; }
  55% {
    -webkit-transform: translateY(-65px);
    transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  72% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  81% {
    -webkit-transform: translateY(-28px);
    transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  95% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }
@keyframes bounceInLeft {
  0%,
	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(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 1; } }
.page-start .page-slide {
  overflow: hidden; }

.page-start .tu1 {
  top: 0rem;
  left: 0rem;
  width: 7.5rem;
  height: 12.06rem;
  border: 0.26rem solid #0d262d;
  box-sizing: border-box;
  opacity: 1;
  z-index: 9;
  animation: tu1 0.5s both; }

.page-start .pstart01 {
  bottom: 0rem;
  left: 0rem;
  width: 7.5rem;
  height: 2.53rem;
  z-index: 10;
  animation: popInBottom 0.8s both .2s; }

.page-start .pstart02 {
  bottom: 1.28rem;
  left: 1.35rem;
  width: 3.93rem;
  height: 4.28rem;
  animation: scale-in-center 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 0.2s;
  z-index: 11; }

.page-start .pstart03 {
  top: 5.7rem;
  left: 2.16rem;
  width: 1.12rem;
  height: 1.02rem;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both 0.2s;
  z-index: 10; }

.page-start .pstart04 {
  top: 6.81rem;
  left: 1.02rem;
  width: 0.97rem;
  height: 0.82rem;
  animation: fade-in-right 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both 0.2s;
  z-index: 10; }

.page-start .pstart05 {
  top: 8.62rem;
  right: 3.15rem;
  width: 0.96rem;
  height: 0.83rem;
  animation: fade-in-left 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both 0.2s;
  z-index: 10; }

.page-start .pstart06 {
  top: 5.97rem;
  right: 2.14rem;
  width: 1.07rem;
  height: 1.02rem;
  animation: fade-in-left 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) both 0.2s;
  z-index: 10; }

.page-start .pstart07 {
  top: 7.5rem;
  right: 2.22rem;
  width: 0.44rem;
  height: 0.63rem;
  animation: fade-in-left 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) both 0.2s;
  z-index: 10; }

.page-start .pstart08 {
  top: 8.79rem;
  left: 1.11rem;
  width: 0.87rem;
  height: 1.1rem;
  animation: fade-in-right 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) both 0.2s;
  z-index: 10; }

.page-start .pstart09 {
  top: 9.24rem;
  left: 2.22rem;
  width: 0.35rem;
  height: 0.57rem;
  animation: fade-in-right 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) both 0.2s;
  z-index: 10; }

.page-start .pstart10 {
  top: 0rem;
  left: 0rem;
  width: 7.62rem;
  height: 7.35rem;
  animation: bounce-in-top 1.1s both .6s;
  z-index: 4; }

.page-start .pstart11 {
  top: 0.82rem;
  left: 0.52rem;
  width: 1.95rem;
  height: 3.22rem;
  z-index: 6;
  animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 1.6s; }

.page-start .pstart12 {
  top: 1.22rem;
  left: 1.92rem;
  width: 2.26rem;
  height: 1.24rem;
  animation: inletop .6s both 2s; }

@keyframes inletop {
  0% {
    transform: translateX(-30px) translateY(12px);
    opacity: 0; }
  100% {
    transform: translateX(0) translateY(0);
    opacity: 1; } }
.page-start .pstart13 {
  top: 0.32rem;
  left: 4.18rem;
  width: 1.52rem;
  height: 1.63rem;
  animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 2s; }

.page-start .pstart14 {
  top: 2.26rem;
  left: 1.56rem;
  width: 1.97rem;
  height: 1.36rem;
  animation: inletop .6s both 2.6s; }

.page-start .pstart15 {
  top: 2rem;
  left: 3.26rem;
  width: 2.07rem;
  height: 1.17rem;
  animation: popIn .8s both 2.8s;
  z-index: 6; }

.page-start .pstart16 {
  top: 2.04rem;
  left: 5.11rem;
  width: 0.93rem;
  height: 0.94rem;
  animation: inletop .6s both 2.6s; }

.page-start .pstart17 {
  top: 3.4rem;
  left: 1.73rem;
  width: 1.66rem;
  height: 1.17rem;
  animation: inletop .6s both 3.2s; }

.page-start .pstart18 {
  top: 2.96rem;
  left: 3.17rem;
  width: 2.48rem;
  height: 1.2rem;
  animation: popIn .8s both 3.4s;
  z-index: 6; }

.page-start .pstart19 {
  top: 3.08rem;
  left: 4.72rem;
  width: 0.99rem;
  height: 0.94rem;
  animation: inletop .6s both 3.2s; }

.page-start .pstart20 {
  top: 2.83rem;
  left: 5.39rem;
  width: 1.13rem;
  height: 1.45rem;
  animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 3.2s; }

.page-start .pstart21 {
  top: 5rem;
  right: 0.33rem;
  width: 2.44rem;
  height: 1.88rem;
  opacity: 0;
  animation: pstart21 2.5s linear infinite 4s; }

.btn-start {
  animation: inletop-g .6s both 4s; }

.btn-f {
  bottom: 0rem;
  left: 0rem;
  width: 7.5rem;
  height: 2.54rem;
  z-index: 99;
  animation: btn-f .6s both 4s; }

@keyframes btn-f {
  0% {
    bottom: -9.99rem; }
  100% {
    bottom: 0rem; } }
@keyframes pstart21 {
  0% {
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    opacity: 0; }
  75% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes inletop-g {
  0% {
    transform: translateX(-30px) translateY(12px) rotate(-12deg);
    transform-origin: bottom left;
    opacity: 0; }
  100% {
    transform: translateX(0) translateY(0) rotate(-12deg);
    transform-origin: bottom left;
    opacity: 1; } }
.page-0 {
  background-image: linear-gradient(to right, #3b3736, 13%, #241917); }

.page-0 .page-slide {
  background-image: url(../images/p0001.png);
  background-size: 100% 100%; }

.page-0 .btn-base {
  bottom: -9.99rem; }

.page-0 .p0002 {
  top: 1.92rem;
  left: 1.48rem;
  width: 4.54rem;
  height: 0.47rem;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both 0.2s; }

.page-0 .p0003 {
  top: 2.73rem;
  left: 2.805rem;
  width: 1.89rem;
  height: 0.45rem;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both 0.3s; }

.page-0 .p0004 {
  top: 6.96rem;
  left: 1.46rem;
  width: 0.68rem;
  height: 1.13rem;
  animation: c11 0.6s both .6s; }

.page-0 .p0005 {
  top: 6.96rem;
  right: 1.43rem;
  width: 0.68rem;
  height: 1.21rem;
  animation: c11 0.6s both .6s; }

.page-0 .p0006 {
  top: 8.63rem;
  left: 1.1rem;
  width: 5.3rem;
  height: 1.32rem;
  animation: scale-in-hor-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 0.8s; }

.page-0 .p0007 {
  top: 8.74rem;
  left: 1.22rem;
  width: 1.1rem;
  height: 1.1rem;
  cursor: pointer;
  animation: popIn 0.8s both 1s;
  transition: 1s; }

.page-0 .p0007-h {
  left: 5.19rem; }

@keyframes scale-in-hor-left {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1; }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1; } }
.video-js {
  height: 100%;
  transform: translateX(-50%);
  margin-left: 50%; }

.page-1 .btn-base {
  bottom: 2rem;
  width: 1.03rem;
  height: 0.26rem; }

.page-1 .btn-prev {
  left: 1.58rem; }

.page-1 .btn-next {
  right: 1.58rem; }

.page-1 .btn-base img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0; }

.page-1 .btn-base-ex {
  bottom: -9.99rem; }

@keyframes p03 {
  0% {
    overflow: visible; }
  100% {
    overflow: auto; } }
.page-2 {
  background-color: #f1f2f7; }

.page-2 .p0201 {
  top: 0rem;
  left: 0rem;
  width: 7.5rem;
  height: 1.62rem;
  z-index: 99; }

.page-2 .p1 {
  top: 1.62rem;
  left: 0rem;
  width: 7.5rem;
  opacity: 1;
  height: 100%; }

.page-2 .p2 {
  top: 0rem;
  left: 0rem;
  width: 7.5rem;
  opacity: 1;
  height: 100%;
  transition: 1s; }

.page-2 .p2-1 {
  top: -9.11rem; }

.page-2 .p2-2 {
  top: -18.23rem; }

.page-2 .p2-3 {
  top: -29.09rem; }

.page-2 .p2-4 {
  top: 0rem;
  overflow: auto; }

@keyframes p02-1 {
  0% {
    overflow: visible;
    top: 0rem; }
  4% {
    overflow: visible;
    top: 0rem; }
  10% {
    top: -9.11rem; }
  27% {
    top: -9.11rem; }
  33% {
    top: -18.23rem; }
  45.5% {
    top: -18.23rem; }
  51.5% {
    top: -29.09rem; }
  72% {
    overflow: visible;
    top: -29.09rem; }
  78% {
    overflow: auto;
    top: 0rem; }
  100% {
    overflow: auto;
    top: 0rem; } }
.page-2 .p0202 {
  top: 0.34rem;
  left: 0.32rem;
  width: 5.95rem;
  height: 1.36rem;
  animation: c11 .5s both .4s; }

.page-2 .p0203 {
  top: 1.91rem;
  left: 0.32rem;
  width: 5.26rem;
  height: 4.08rem;
  animation: c11 .5s both 2.4s; }

.page-2 .p0204 {
  top: 6.2rem;
  left: 0.32rem;
  width: 5.45rem;
  height: 2.93rem;
  animation: c11 .5s both 3.4s; }

.page-2 .p0205 {
  top: 9.28rem;
  left: 0.32rem;
  width: 5.95rem;
  height: 2.76rem;
  animation: c11 .5s both 6s; }

.page-2 .p0206 {
  top: 12.21rem;
  right: 0.32rem;
  width: 5.64rem;
  height: 1.14rem;
  animation: c11 .5s both 12s; }

.page-2 .p0207 {
  top: 13.44rem;
  left: 0.32rem;
  width: 5.95rem;
  height: 3.18rem;
  animation: c11 .5s both 15s; }

.page-2 .p0208 {
  top: 16.77rem;
  right: 0.32rem;
  width: 5.64rem;
  height: 1.45rem;
  animation: c11 .5s both 23s; }

.page-2 .p0209 {
  top: 18.3rem;
  left: 0.32rem;
  width: 5.95rem;
  height: 3.54rem;
  animation: c11 .5s both 28s; }

.page-2 .p0210 {
  top: 22.01rem;
  right: 0.32rem;
  width: 3.19rem;
  height: 0.91rem;
  animation: c11 .5s both 36s; }

.page-2 .p0211 {
  top: 23.07rem;
  right: 0.32rem;
  width: 4.66rem;
  height: 5.88rem;
  animation: c11 .5s both 37s; }

.page-2 .p0212 {
  top: 29.31rem;
  left: 3.455rem;
  width: 0.59rem;
  height: 0.19rem;
  animation: c11 .5s both 42s; }

.page-2 .p0213 {
  top: 29.95rem;
  right: 0.32rem;
  width: 2.74rem;
  height: 0.89rem;
  animation: c11 .5s both 43s; }

.page-2 .p0214 {
  top: 30.2rem;
  right: 3.26rem;
  width: 0.46rem;
  height: 0.46rem;
  animation: p0214 1s both 43.5s; }

@keyframes p0214 {
  0% {
    opacity: 0; }
  33% {
    opacity: 1; }
  66% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.page-2 .p0215 {
  top: 31.01rem;
  right: 0.32rem;
  width: 5.22rem;
  height: 0.91rem;
  animation: c11 .5s both 44.5s; }

.page-2 .p0216 {
  top: 32.07rem;
  right: 0.32rem;
  width: 5.22rem;
  height: 0.91rem;
  animation: c11 .5s both 46s; }

.page-2 .p2 span {
  display: block;
  top: 36rem;
  width: 5.22rem;
  height: 1rem; }

.page-2 .btn-base {
  bottom: 1rem;
  width: 2.22rem;
  height: 0.61rem; }

.page-2 .btn-base img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0; }

.page-2 .btn-prev-h {
  left: 1rem;
  animation: bounceInLeft .8s both 51s; }

.page-2 .btn-next-h {
  right: 1rem;
  animation: bounceInRight .8s both 51s; }

@keyframes scale-in-ver-top {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1; }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1; } }
@keyframes scale-in-ver-bottom {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1; }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1; } }
.page-3 .p0301 {
  top: 0.25rem;
  left: 0.2rem;
  width: 7.1rem;
  height: 11.58rem;
  animation: popIn 0.8s both .2s; }

.page-3 .p0302 {
  top: 0.18rem;
  left: 0.44rem;
  width: 0.04rem;
  height: 0.34rem;
  animation: scale-in-ver-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 0.8s; }

.page-3 .p0303 {
  top: 0.08rem;
  left: 0.52rem;
  width: 0.04rem;
  height: 0.87rem;
  animation: scale-in-ver-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 0.9s; }

.page-3 .p0304 {
  top: 3.81rem;
  right: 0.37rem;
  width: 0.04rem;
  height: 1.04rem;
  animation: scale-in-ver-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 0.8s; }

.page-3 .p0305 {
  top: 0.69rem;
  right: 0.1rem;
  width: 0.04rem;
  height: 4.01rem;
  animation: scale-in-ver-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 0.9s; }

.page-3 .p0306 {
  top: 0.72rem;
  left: 1.28rem;
  width: 1.34rem;
  height: 1.75rem;
  animation: swing-in-bottom-fwd 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both 1s; }

.page-3 .p0307 {
  top: 2.16rem;
  left: 2.325rem;
  width: 2.85rem;
  height: 0.37rem;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both 1.2s; }

.page-3 .p0308 {
  top: 2.74rem;
  left: 1.24rem;
  width: 5.02rem;
  height: 0.76rem;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both 1.4s;
  z-index: 6; }

.page-3 .p0309 {
  bottom: 7.93rem;
  left: 1.83rem;
  width: 3.84rem;
  height: 0.83rem;
  animation: p0309 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both 1.6s; }

@keyframes p0309 {
  0% {
    transform: translateY(-0.76rem);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }
.page-3 .p0310 {
  top: 3.98rem;
  left: 0.63rem;
  width: 0.57rem;
  height: 0.57rem;
  animation: popIn .8s both 2.5s;
  z-index: 6; }

@keyframes p0311 {
  0% {
    transform: scaleX(1.4);
    opacity: 0; }
  100% {
    transform: scaleX(1);
    opacity: 1; } }
.page-3 .p0311 {
  bottom: 0rem;
  left: 0rem;
  width: 7.5rem;
  height: 8.03rem;
  animation: p0311 1s both 2s; }

.page-3 .p0312 {
  top: 5.91rem;
  left: 0.53rem;
  width: 6.44rem;
  height: 1.67rem;
  animation: flipInY .8s both 2.6s; }

.page-3 .p0313 {
  bottom: 1.14rem;
  left: 1.4rem;
  width: 5.13rem;
  height: 3.08rem;
  animation: p0313 2s both linear 2.6s;
  z-index: 6; }

@keyframes p0313 {
  0% {
    transform: scaleY(1.2) translateX(-6.1rem);
    opacity: 0; }
  20% {
    transform: scaleY(1) translateX(-4.88rem);
    opacity: 1; }
  40% {
    transform: scaleY(1.2) translateX(-3.66rem); }
  60% {
    transform: scaleY(1) translateX(-2.44rem); }
  80% {
    transform: scaleY(1.2) translateX(-1.22rem); }
  100% {
    transform: scaleY(1) translateX(0rem); } }
.page-3 .p0314 {
  bottom: 0.27rem;
  left: 0rem;
  width: 7.5rem;
  height: 1.37rem;
  animation: p0311 1s both 4.6s; }

.page-3 .btn-prev {
  animation: bounceInLeft 0.8s both 4.6s; }

.page-3 .btn-next {
  animation: bounceInRight 0.8s both 4.6s; }

@keyframes bounceInRight {
  0%,
	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(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  100% {
    opacity: 1; } }
@keyframes swing-in-bottom-fwd {
  0% {
    -webkit-transform: rotateX(100deg);
    transform: rotateX(100deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 0; }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 1; } }
.page-4 .p0401 {
  top: 0.45rem;
  left: 0.47rem;
  width: 6.74rem;
  height: 6.68rem;
  animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 0.2s; }

.page-4 .p0402 {
  top: 0.41rem;
  left: 0.43rem;
  width: 6.64rem;
  height: 6.51rem;
  animation: popIn 0.8s both .2s; }

.page-4 .p0403 {
  bottom: 4.16rem;
  left: 0.71rem;
  width: 0.04rem;
  height: 0.34rem;
  animation: scale-in-ver-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 0.6s; }

.page-4 .p0404 {
  bottom: 3.73rem;
  left: 0.79rem;
  width: 0.04rem;
  height: 0.87rem;
  animation: scale-in-ver-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 0.7s; }

.page-4 .p0405 {
  bottom: 3.72rem;
  left: 1.17rem;
  width: 1.02rem;
  height: 1.02rem;
  animation: popIn 0.8s both 1s;
  z-index: 6; }

.page-4 .p0406 {
  bottom: 3.72rem;
  left: 2.26rem;
  width: 1.02rem;
  height: 1.02rem;
  animation: popIn 0.8s both 1.2s;
  z-index: 6; }

.page-4 .p0407 {
  bottom: 3.87rem;
  left: 3.3rem;
  width: 3.08rem;
  height: 0.38rem;
  animation: fade-in-left 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both 1.6s; }

.page-4 .p0408 {
  bottom: 3.09rem;
  left: 1.26rem;
  width: 5.06rem;
  height: 0.49rem;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both 2.2s; }

.page-4 .p0409 {
  bottom: 2.36rem;
  left: 1.21rem;
  width: 5.18rem;
  height: 0.64rem;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both 2.8s; }

.page-4 .p0314 {
  bottom: 0.27rem;
  left: 0rem;
  width: 7.5rem;
  height: 1.37rem;
  animation: p0311 1s both 3.4s; }

.page-4 .btn-prev {
  animation: bounceInLeft 0.8s both 3.4s; }

.page-4 .btn-next {
  animation: bounceInRight 0.8s both 3.4s; }

.page-5 .page-slide {
  background-color: #0d262d; }

.page-5 .t0501 {
  top: 0.4rem;
  left: 1.195rem;
  width: 5.11rem;
  height: 0.3rem; }

.page-5 .t0502 {
  top: 0.84rem;
  left: 2.74rem;
  width: 2.02rem;
  height: 0.28rem; }

.page-5 .p05 {
  animation: c11 1s both infinite alternate; }

.page-5 .p0500 {
  display: block;
  top: 4.9rem;
  left: 2.72rem;
  width: 2.06rem;
  height: 2.06rem;
  background-image: url(../images/p0500.png);
  background-size: 100% 100%;
  border-radius: 50%;
  opacity: 1;
  z-index: 50;
  cursor: pointer; }

.page-5 .p0500_1 {
  background-image: url(../images/p0500_1.png); }

.page-5 .p0500_2 {
  background-image: url(../images/p0500_2.png); }

.page-5 .p0500_3 {
  background-image: url(../images/p0500_3.png); }

.page-5 .p0500_4 {
  background-image: url(../images/p0500_4.png); }

.page-5 .p0500_5 {
  background-image: url(../images/p0500_5.png); }

.page-5 .p0500_h {
  animation: p0500_h 1s both; }

@keyframes p0500_h {
  0% {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  20% {
    box-shadow: 0 0 40px rgba(255, 0, 0, 0.5); }
  40% {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  60% {
    box-shadow: 0 0 40px rgba(255, 0, 0, 0.5); }
  80% {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  100% {
    box-shadow: 0 0 40px rgba(255, 0, 0, 0.5); } }
.page-5 .p05_1,
.page-5 .p05_2,
.page-5 .p05_3,
.page-5 .p05_4,
.page-5 .p05_5 {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background-size: 100% 100%;
  opacity: 1;
  z-index: 50;
  cursor: pointer; }

.page-5 .p05_1 {
  top: 3.48rem;
  left: 0.84rem;
  background-image: url(../images/p05_1.png);
  animation-delay: 0s;
  animation-duration: 1.2s; }

.page-5 .p05_1 img {
  top: 1.15rem;
  left: -0.65rem;
  width: 7.24rem;
  height: 3.11rem;
  display: none;
  z-index: 99; }

.page-5 .p05_1_h img {
  display: block; }

.page-5 .p05_1_h_h {
  background-image: url(../images/p05_1_h.png);
  color: #FFFFFF;
  animation: none; }

.page-5 .p05_2 {
  top: 1.85rem;
  left: 3.12rem;
  background-image: url(../images/p05_2.png);
  animation-delay: .1s;
  animation-duration: 1.2s; }

.page-5 .p05_2 img {
  top: 1.18rem;
  left: -2.93rem;
  width: 7.24rem;
  height: 3.11rem;
  display: none;
  z-index: 99; }

.page-5 .p05_2_h img {
  display: block; }

.page-5 .p05_2_h_h {
  background-image: url(../images/p05_2_h.png);
  color: #FFFFFF;
  animation: none; }

.page-5 .p05_3 {
  top: 3.48rem;
  left: 5.19rem;
  background-image: url(../images/p05_3.png);
  animation-delay: .2s;
  animation-duration: 1.2s; }

.page-5 .p05_3 img {
  top: 1.14rem;
  left: -4.98rem;
  width: 7.24rem;
  height: 3.11rem;
  display: none;
  z-index: 99; }

.page-5 .p05_3_h img {
  display: block; }

.page-5 .p05_3_h_h {
  background-image: url(../images/p05_3_h.png);
  color: #FFFFFF;
  animation: none; }

.page-5 .p05_4 {
  top: 7.21rem;
  left: 1.07rem;
  background-image: url(../images/p05_4.png);
  animation-delay: .3s;
  animation-duration: 1.2s; }

.page-5 .p05_4 img {
  top: 1.11rem;
  left: -0.92rem;
  width: 7.24rem;
  height: 3.11rem;
  display: none;
  z-index: 99; }

.page-5 .p05_4_h img {
  display: block; }

.page-5 .p05_4_h_h {
  background-image: url(../images/p05_4_h.png);
  color: #FFFFFF;
  animation: none; }

.page-5 .p05_5 {
  top: 7.21rem;
  left: 4.96rem;
  background-image: url(../images/p05_5.png);
  animation-delay: .4s;
  animation-duration: 1.2s; }

.page-5 .p05_5 img {
  top: 1.15rem;
  left: -4.74rem;
  width: 7.24rem;
  height: 3.11rem;
  display: none;
  z-index: 99; }

.page-5 .p05_5_h img {
  display: block; }

.page-5 .p05_5_h_h {
  background-image: url(../images/p05_5_h.png);
  color: #FFFFFF;
  animation: none; }

.page-5 .p0501 {
  top: 4.69rem;
  left: 2.12rem;
  height: 0.03rem;
  width: 0.01rem;
  transition: .5s;
  opacity: 0;
  background-color: #906137;
  transform: rotate(50deg);
  transform-origin: left top; }

.page-5 .p0502 {
  top: 3.23rem;
  left: 3.85rem;
  height: 0.03rem;
  width: 0.01rem;
  transition: .5s;
  opacity: 0;
  background-color: #906137;
  transform: rotate(90deg);
  transform-origin: left top; }

.page-5 .p0503 {
  top: 4.69rem;
  left: 5.34rem;
  height: 0.03rem;
  width: 0.01rem;
  transition: .5s;
  opacity: 0;
  background-color: #906137;
  transform: rotate(130deg);
  transform-origin: left top; }

.page-5 .p0504 {
  top: 7.4rem;
  left: 2.36rem;
  height: 0.03rem;
  width: 0.01rem;
  transition: .5s;
  opacity: 0;
  background-color: #906137;
  transform: rotate(-60deg);
  transform-origin: left top; }

.page-5 .p0505 {
  top: 7.4rem;
  left: 5.17rem;
  width: 0.01rem;
  height: 0.03rem;
  transition: .5s;
  opacity: 0;
  background-color: #906137;
  transform: rotate(-120deg);
  transform-origin: left top; }

.page-5 .p0501 img,
.page-5 .p0502 img,
.page-5 .p0503 img,
.page-5 .p0504 img,
.page-5 .p0505 img {
  top: -0.06rem;
  right: -0.08rem;
  width: 0.4rem;
  height: 0.15rem; }

.page-5 .p0502_1 {
  width: 0.3rem;
  opacity: 1; }

.page-5 .p0502_2 {
  width: 0.6rem;
  opacity: 1; }

.page-5 .p0502_3 {
  width: 0.9rem;
  opacity: 1; }

.page-5 .p0502_4 {
  width: 1.2rem;
  opacity: 1; }

.page-5 .p0502_5 {
  width: 1.5rem;
  opacity: 1; }

.page-5 .p0501_1 {
  width: 0.16rem;
  opacity: 1; }

.page-5 .p0501_2 {
  width: 0.32rem;
  opacity: 1; }

.page-5 .p0501_3 {
  width: 0.48rem;
  opacity: 1; }

.page-5 .p0501_4 {
  width: 0.64rem;
  opacity: 1; }

.page-5 .p0501_5 {
  width: 0.8rem;
  opacity: 1; }

.page-5 .btn-base {
  display: none; }

@keyframes page-slide {
  0% {
    background-size: 140% 100%;
    opacity: 0; }
  100% {
    background-size: 100% 100%;
    opacity: 1; } }
.page-6 .page-slide {
  background-image: url(../images/p06bg.png);
  background-position: center center;
  animation: page-slide .8s both .2s; }

.page-6 {
  background-color: #0d262d; }

.page-6 .p0601 {
  top: 2.65rem;
  left: 0.32rem;
  width: 6.86rem;
  height: 6.83rem;
  animation: popIn .8s both .2s; }

.page-6 .p0602 {
  top: 2.33rem;
  left: 0.53rem;
  width: 0.98rem;
  height: 0.78rem;
  animation: popIn .8s both .8s; }

.page-6 .p0603 {
  top: 3.35rem;
  left: 0.9rem;
  width: 0.29rem;
  height: 0.29rem;
  animation: popIn .8s both 1s; }

.page-6 .p0604 {
  top: 3.81rem;
  left: 0.54rem;
  width: 6.15rem;
  height: 5.73rem;
  animation: p0604 1s both 1.2s; }

@keyframes p0604 {
  0% {
    transform: scale(0);
    transform-origin: top left;
    opacity: 0; }
  100% {
    transform: scale(1);
    transform-origin: top left;
    opacity: 1; } }
.page-6 .p0605 {
  bottom: 1.56rem;
  right: 0.34rem;
  width: 1.08rem;
  height: 0.29rem;
  animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 2.2s; }

.page-6 .p0606 {
  bottom: 1.84rem;
  right: 0.6rem;
  width: 0.58rem;
  height: 0.57rem;
  animation: p0606 1.4s ease-out infinite alternate 2.2s;
  opacity: 0; }

@keyframes p0606 {
  0% {
    transform: translateY(0.27rem);
    opacity: 1; }
  100% {
    transform: translateY(0rem);
    opacity: 1; } }
.page-6 .p0607 {
  top: 0.6rem;
  left: 2.32rem;
  width: 3.79rem;
  height: 4.25rem;
  animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 0.6s; }

.page-6 .t0601 {
  top: 5.38rem;
  left: 1.07rem;
  width: 5.36rem;
  height: 0.46rem;
  animation: fade-in-bottom 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both 2.2s; }

.page-6 .t0602 {
  top: 6.01rem;
  left: 1.065rem;
  width: 5.37rem;
  height: 0.31rem;
  animation: fade-in-bottom 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both 2.4s; }

.page-6 .t0603 {
  top: 6.5rem;
  left: 1.07rem;
  width: 5.36rem;
  height: 0.59rem;
  animation: fade-in-bottom 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both 2.6s; }

.page-6 .t0604 {
  top: 7.35rem;
  left: 1.065rem;
  width: 5.37rem;
  height: 0.46rem;
  animation: fade-in-bottom 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both 2.8s; }

.page-6 .t0605 {
  top: 7.87rem;
  left: 1.06rem;
  width: 5.38rem;
  height: 0.47rem;
  animation: fade-in-bottom 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both 3s; }

.page-6 .p0314 {
  bottom: 0.27rem;
  left: 0rem;
  width: 7.5rem;
  height: 1.37rem;
  animation: p0311 1s both 3.8s; }

.page-6 .btn-prev {
  animation: bounceInLeft 0.8s both 3.8s; }

.page-6 .btn-next {
  animation: bounceInRight 0.8s both 3.8s; }

@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }
@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
.page-7 {
  background-color: #0d262d; }

.page-7 .p0701 {
  top: 1.58rem;
  left: 1.72rem;
  width: 1.24rem;
  height: 0.3rem;
  animation: fade-in-right 1.8s cubic-bezier(0.39, 0.575, 0.565, 1) both 0.2s; }

.page-7 .p0702 {
  top: 2.05rem;
  left: 1.39rem;
  width: 1.84rem;
  height: 0.45rem;
  animation: fade-in-right 1.7s cubic-bezier(0.39, 0.575, 0.565, 1) both 0.3s; }

.page-7 .p0703 {
  top: 2.06rem;
  left: 3.48rem;
  width: 2.78rem;
  height: 0.67rem;
  animation: fade-in-right 1.6s cubic-bezier(0.39, 0.575, 0.565, 1) both 0.4s; }

.page-7 .p0704 {
  top: 6.76rem;
  left: 1.53rem;
  width: 2.12rem;
  height: 2.82rem;
  animation: fade-in-bottom 1.8s cubic-bezier(0.39, 0.575, 0.565, 1) both 0.2s; }

.page-7 .p0705 {
  top: 7.93rem;
  left: 4.28rem;
  width: 1.95rem;
  height: 2.58rem;
  animation: fade-in-top 1.8s cubic-bezier(0.39, 0.575, 0.565, 1) both 0.2s; }

.page-7 .t0701 {
  top: 3.38rem;
  left: 2.865rem;
  width: 1.77rem;
  height: 0.28rem;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both 0.4s; }

.page-7 .t0702 {
  top: 3.81rem;
  left: 1.61rem;
  width: 4.28rem;
  height: 0.28rem;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both 0.6s; }

.page-7 .t0703 {
  top: 4.26rem;
  left: 2.33rem;
  width: 2.84rem;
  height: 0.27rem;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both 0.8s; }

.page-7 .t0704 {
  top: 4.68rem;
  left: 0.71rem;
  width: 6.08rem;
  height: 0.28rem;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both 1s; }

.page-7 .t0705 {
  top: 5.18rem;
  left: 2.33rem;
  width: 2.84rem;
  height: 0.35rem;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both 1.2s; }

.page-7 .t0706 {
  top: 5.64rem;
  left: 0.56rem;
  width: 6.38rem;
  height: 0.59rem;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both 1.4s; }

.page-7 .p0314 {
  bottom: 0.27rem;
  left: 0rem;
  width: 7.5rem;
  height: 1.37rem;
  animation: p0311 1s both 2s; }

.page-7 .btn-prev {
  animation: bounceInLeft 0.8s both 2s; }

.page-7 .btn-next {
  animation: bounceInRight 0.8s both 2s; }

@keyframes scale-in-top {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    opacity: 1; } }
.page-8 .p0801 {
  top: 0rem;
  left: 0rem;
  width: 7.5rem;
  height: 1.06rem;
  animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 0.2s;
  z-index: 6; }

.page-8 .p0802 {
  bottom: 1.53rem;
  left: 0.14rem;
  width: 7.36rem;
  height: 10.01rem;
  animation: scale-in-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 0.6s; }

.page-8 .p0803 {
  top: 2.22rem;
  left: 1.46rem;
  width: 5.56rem;
  height: 7.37rem;
  animation: fade-in-bottom 1s cubic-bezier(0.39, 0.575, 0.565, 1) both 4s; }

.page-8 .p0804 {
  top: 1.3rem;
  left: 0.3rem;
  width: 7.01rem;
  height: 1.9rem;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both 1s; }

.page-8 .t0801 {
  top: 1.74rem;
  left: 1.03rem;
  width: 5.76rem;
  height: 1.08rem;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both 1.1s; }

.page-8 .p0805 {
  top: 3.05rem;
  left: 0.3rem;
  width: 7.01rem;
  height: 2.1rem;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both 1.6s; }

.page-8 .t0802 {
  top: 3.32rem;
  left: 1.03rem;
  width: 5.76rem;
  height: 1.49rem;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both 1.7s; }

.page-8 .p0806 {
  top: 5rem;
  left: 0.3rem;
  width: 7.01rem;
  height: 1.9rem;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both 2.2s; }

.page-8 .t0803 {
  top: 5.31rem;
  left: 1.03rem;
  width: 5.76rem;
  height: 1.08rem;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both 2.3s; }

.page-8 .p0807 {
  top: 6.68rem;
  left: 0.3rem;
  width: 7.01rem;
  height: 1.35rem;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both 2.8s; }

.page-8 .t0804 {
  top: 6.9rem;
  left: 1.03rem;
  width: 5.76rem;
  height: 0.66rem;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both 2.9s; }

.page-8 .p0808 {
  top: 7.79rem;
  left: 0.3rem;
  width: 7.01rem;
  height: 1.9rem;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both 3.4s; }

.page-8 .t0805 {
  top: 8.07rem;
  left: 1.03rem;
  width: 5.77rem;
  height: 1.08rem;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both 3.5s; }

.page-8 .p0809 {
  top: 9.21rem;
  left: 0.86rem;
  width: 6.23rem;
  height: 1.47rem;
  animation: fade-in-right 1s cubic-bezier(0.39, 0.575, 0.565, 1) both 4s;
  z-index: 4; }

.page-8 .p0314 {
  bottom: 0.27rem;
  left: 0rem;
  width: 7.5rem;
  height: 1.37rem;
  animation: p0311 1s both 4.2s; }

.page-8 .btn-prev {
  animation: bounceInLeft 0.8s both 4.2s; }

.page-8 .btn-next {
  animation: bounceInRight 0.8s both 4.2s; }

.page-9 {
  background-color: #0d262d; }

.page-9 .t0901 {
  top: 4.5rem;
  left: 2.12rem;
  width: 3.26rem;
  height: 0.35rem;
  animation: t0901 5s both .2s; }

@keyframes t0901 {
  0% {
    transform: translateY(100px);
    opacity: 0; }
  20% {
    transform: translateY(0px);
    opacity: 1; }
  80% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.page-9 .t0902 {
  top: 5.09rem;
  left: 1.43rem;
  width: 4.64rem;
  height: 0.36rem;
  animation: t0902 4s both 1.2s; }

@keyframes t0902 {
  0% {
    transform: translateY(100px);
    opacity: 0; }
  25% {
    transform: translateY(0px);
    opacity: 1; }
  75% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.page-9 .p0901 {
  top: 2rem;
  left: 0.75rem;
  width: 6rem;
  height: 7.02rem;
  transition: 1s;
  z-index: 1; }

.page-9 .p0901_h {
  animation: c11 1s both 5.2s; }

.page-9 .p0901_q {
  animation: p0901_h 1s both; }

@keyframes p0901_h {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.page-9 .p09_btn_h {
  animation: c11 1s infinite alternate 5.2s; }

.page-WH .page-9 .p09_btn_q {
  width: 3.78rem;
  height: 3.78rem;
  background-color: #00a99d; }

.page-9 .p09_btn {
  top: 50%;
  left: 50%;
  width: 1.78rem;
  height: 1.78rem;
  border-radius: 50%;
  background-color: #c1272d;
  transform: translateX(-50%) translateY(-50%);
  cursor: pointer;
  pointer-events: none;
  z-index: 98;
  transition: .5s;
  opacity: 0; }

.page-9 .p0902 {
  top: -0.14rem;
  left: -0.14rem;
  width: 2.06rem;
  height: 2.06rem;
  z-index: 1;
  opacity: 1; }

.page-9 .p0903 {
  top: 5.5rem;
  left: 2.575rem;
  width: 2.35rem;
  height: 0.91rem;
  z-index: 1;
  opacity: 0;
  transition: .5s; }

.page-9 .p0904 {
  top: 3.85rem;
  left: 1.58rem;
  width: 4.34rem;
  height: 4.34rem;
  animation-duration: .8s;
  opacity: 0;
  z-index: 1; }

.page-9 .p0905 {
  top: 3.53rem;
  left: 1.28rem;
  width: 4.94rem;
  height: 4.94rem;
  animation-duration: 1s;
  opacity: 0;
  z-index: 1; }

.page-9 .p0906 {
  top: 3.18rem;
  left: 0.96rem;
  width: 5.58rem;
  height: 5.58rem;
  animation-duration: 1.2s;
  opacity: 0;
  z-index: 1; }

.page-9 .p456_h {
  animation-name: popIn;
  animation-fill-mode: forwards; }

.page-9 .p0314 {
  bottom: 0.27rem;
  left: 0rem;
  width: 7.5rem;
  height: 1.37rem;
  opacity: 0; }

.page-9 .btn-prev {
  opacity: 0;
  pointer-events: none; }

.page-9 .btn-next {
  opacity: 0;
  pointer-events: none; }

.page-9-p0314 {
  animation: p0311 1s both; }

.page-9-btn-prev {
  animation: bounceInLeft 0.8s both; }

.page-9-btn-next {
  animation: bounceInRight 0.8s both; }

@keyframes bounceInDown {
  0%,
	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, -1000px, 0) scaleY(3);
    transform: translate3d(0, -1000px, 0) scaleY(3); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.page-10 {
  background-color: #0d262d; }

.page-10 .p1001 {
  top: 0.8rem;
  left: 1.82rem;
  width: 0.19rem;
  height: 0.19rem;
  animation: bounceInDown 1.6s both 1s; }

.page-10 .p1002 {
  top: 0.56rem;
  left: 5.94rem;
  width: 0.35rem;
  height: 0.35rem;
  animation: bounceInDown 1.6s both .8s; }

.page-10 .p1003 {
  top: 1.42rem;
  left: 4.73rem;
  width: 0.58rem;
  height: 0.58rem;
  animation: bounceInDown 1.6s both .6s; }

.page-10 .p1004 {
  bottom: 1.86rem;
  left: 2.56rem;
  width: 2.47rem;
  height: 1.98rem;
  animation: popIn .8s both 2.4s; }

.page-10 .t1001 {
  top: 2.47rem;
  left: 1.46rem;
  width: 4.58rem;
  height: 0.49rem;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both 0.2s; }

.page-10 .t1002 {
  top: 3.1rem;
  left: 1.075rem;
  width: 5.35rem;
  height: 0.71rem;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both 0.4s; }

.page-10 .t1003 {
  top: 4.02rem;
  left: 0.71rem;
  width: 6.08rem;
  height: 0.82rem;
  animation: flipInY 1s both .8s; }

.page-10 .t1004 {
  top: 5.05rem;
  left: 1.245rem;
  width: 5.01rem;
  height: 0.27rem;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both 1.6s; }

.page-10 .t1005 {
  top: 5.55rem;
  left: 0.71rem;
  width: 6.08rem;
  height: 2.97rem;
  animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 2s; }

.page-10 .p0314 {
  bottom: 0.27rem;
  left: 0rem;
  width: 7.5rem;
  height: 1.37rem;
  animation: p0311 1s both 3.2s; }

.page-10 .btn-prev {
  animation: bounceInLeft 0.8s both 3.2s; }

.page-10 .btn-next-end {
  animation: bounceInRight 0.8s both 3.2s; }

.pend01 {
  top: 2.36rem;
  left: 0.98rem;
  width: 5.81rem;
  height: 4.83rem; }

.pend02 {
  bottom: 0.45rem;
  left: 1.37rem;
  width: 4.76rem;
  height: 0.3rem; }

@keyframes swoopInBottom {
  0% {
    opacity: 0;
    -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);
    -webkit-transform: scaleY(1.5) translate3d(0, 250px, 0);
    transform: scaleY(1.5) translate3d(0, 250px, 0); }
  40% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleY(1.2) translate3d(0, 0, 0);
    transform: scaleY(1.2) translate3d(0, 0, 0); }
  65% {
    -webkit-transform: scaleY(1) translate3d(0, -20px, 0);
    transform: scaleY(1) translate3d(0, -20px, 0); }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleY(1) translate3d(0, 0, 0);
    transform: scaleY(1) translate3d(0, 0, 0); } }
@keyframes flipX-d {
  from {
    transform: perspective(500px) translateZ(1400px);
    opacity: 0; }
  to {
    transform: perspective(500px) translateZ(0); } }
@keyframes flipX-x {
  from {
    transform: perspective(500px) translateZ(-1400px);
    opacity: 0; }
  to {
    transform: perspective(500px) translateZ(0); } }
@keyframes c11 {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes bounceIn {
  0%,
	20%,
	40%,
	60%,
	80%,
	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: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
@keyframes bounceInUp {
  0%,
	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) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@keyframes hd_rb {
  0% {
    opacity: 0;
    transform: translateX(-0.05rem) translateY(-0.05rem); }
  100% {
    opacity: 1;
    transform: translateX(0rem) translateY(0rem); } }
@keyframes popInTop {
  0% {
    -webkit-transform: translate3d(0, -200px, 0) scale3d(0.1, 0.1, 0.1);
    transform: translate3d(0, -200px, 0) scale3d(0.1, 0.1, 0.1);
    opacity: 0; }
  40% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
    transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08); }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }
  80% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03);
    transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03); }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } }
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7; }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@keyframes popInRight {
  0% {
    -webkit-transform: translate3d(200px, 0, 0) scale3d(0.1, 0.1, 0.1);
    transform: translate3d(200px, 0, 0) scale3d(0.1, 0.1, 0.1);
    opacity: 0; }
  40% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
    transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08); }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  80% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes popInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0) scale3d(0.1, 0.1, 0.1);
    transform: translate3d(-200px, 0, 0) scale3d(0.1, 0.1, 0.1); }
  40% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
    transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  80% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes flip-in-hor-bottom {
  0% {
    -webkit-transform: rotateX(80deg);
    transform: rotateX(80deg);
    opacity: 0; }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1; } }
@keyframes popInBottom {
  0% {
    -webkit-transform: translate3d(0, 200px, 0) scale3d(0.1, 0.1, 0.1);
    transform: translate3d(0, 200px, 0) scale3d(0.1, 0.1, 0.1);
    opacity: 0; }
  40% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
    transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08); }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }
  80% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03);
    transform: translate3d(0, 0, 0) scale3d(1.03, 1.03, 1.03); }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } }
@keyframes slit-in-vertical {
  0% {
    -webkit-transform: translateZ(-800px) rotateY(90deg);
    transform: translateZ(-800px) rotateY(90deg);
    opacity: 0; }
  54% {
    -webkit-transform: translateZ(-160px) rotateY(87deg);
    transform: translateZ(-160px) rotateY(87deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0); } }
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 0;
    transform-origin: right bottom; }
  10%,
	20% {
    opacity: 1;
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform-origin: right bottom; }
  30%,
	50%,
	70%,
	90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform-origin: right bottom; }
  40%,
	60%,
	80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform-origin: right bottom; }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    transform-origin: right bottom; } }
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }
@keyframes rotate-in-center {
  0% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    opacity: 0; }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
@keyframes bounce-in-bck {
  0% {
    -webkit-transform: scale(7);
    transform: scale(7);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  38% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1; }
  55% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  72% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  81% {
    -webkit-transform: scale(1.24);
    transform: scale(1.24);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  89% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  95% {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }
@keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes flip {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
@keyframes pullLeft {
  0% {
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1); }
  50% {
    -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);
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transform-origin: center left;
    transform-origin: center left; }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes pullDown {
  0% {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0); }
  50% {
    -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);
    -webkit-transform: scale3d(1, 0, 1);
    transform: scale3d(1, 0, 1);
    -webkit-transform-origin: center top;
    transform-origin: center top; }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes popIn {
  0% {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
    opacity: 0; }
  20% {
    opacity: 1; }
  40% {
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transform: scale3d(1.08, 1.08, 1.08);
    transform: scale3d(1.08, 1.08, 1.08); }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  80% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1; } }

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