@charset "UTF-8";
/* easy-animation.scss */
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;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

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

@font-face {
  font-family: 'fz';
  src: url("fz-Bold.eot");
  /* IE9 Compat Modes */
  src: url("fz-Bold.eot?#iefix") format("embedded-opentype"), url("fz-Bold.woff") format("woff"), url("fz.ttf") format("truetype"), url("fz-Bold.svg#svgFontName") format("svg");
  /* Legacy iOS */
}
html {
  font-family: 'MicrosoftYaHei', '微软雅黑', 'STHeitiSC';
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  outline: none;
  background: none;
  -webkit-appearance: none;
}

input {
  border: none;
}

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

html, body {
  margin: 0;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  user-select: none;
  padding: 0;
  -webkit-overflow-scrolling: touch;
  background-color: black;
  font-family: 'MicrosoftYaHei', '微软雅黑', 'STHeitiSC';
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  html, body {
    height: 1030px;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  html, body {
    height: 1030px;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 3) {
  html, body {
    height: 1041px;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
  html, body {
    height: 1041px;
  }
}
ul, li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#container {
  width: 640px;
  height: 100%;
  max-width: 640px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.page {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  overflow-x: hidden;
  height: 100%;
  border: 1px solid #000;
}

.page .inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.page .layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.dialog {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.dialog .inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.page_home {
  background: url("../images/bj.jpg") top center no-repeat;
}
.page_home .head {
  position: absolute;
  display: inline-block;
  left: 60px;
  top: 247px;
  background: url("../images/home_head.png") left top no-repeat;
  width: 521px;
  height: 144px;
  -webkit-animation: fadeInDown 1s ease 0s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.page_home .word {
  position: absolute;
  display: inline-block;
  left: 100px;
  top: 433px;
  background: url("../images/head_word.png") left top no-repeat;
  width: 438px;
  height: 61px;
  -webkit-animation: airpla 1s ease 0.5s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.page_home .btn_play {
  position: absolute;
  display: inline-block;
  left: 223px;
  top: 598px;
  background: url("../images/btn_play.png") left top no-repeat;
  width: 193px;
  height: 153px;
  -webkit-animation: airpla 1s linear 1s 1, tada 1s linear 1.5s infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.page_home .logo {
  position: absolute;
  display: inline-block;
  left: 34px;
  top: 25px;
  background: url("../images/logi.png") left top no-repeat;
  width: 230px;
  height: 31px;
}

.page_two {
  background: url("../images/bj.jpg") top center no-repeat;
}
.page_two .man {
  position: absolute;
  display: inline-block;
  left: 246px;
  top: 102px;
  background: url("../images/page_two_man.png") left top no-repeat;
  width: 146px;
  height: 129px;
}
.page_two .line {
  position: absolute;
  display: inline-block;
  left: 43px;
  top: 233px;
  background: url("../images/line.png") left top no-repeat;
  width: 551px;
  height: 3px;
}
.page_two .map {
  position: absolute;
  display: inline-block;
  left: 43px;
  top: 273px;
  background: url("../images/page_two_map.png") left top no-repeat;
  width: 549px;
  height: 122px;
}
.page_two .t-s {
  position: absolute;
  display: inline-block;
  left: 43px;
  top: 454px;
  background: url("../images/page_two_word.png") left top no-repeat;
  width: 385px;
  height: 34px;
}
.page_two .left {
  position: absolute;
  display: inline-block;
  left: 43px;
  top: 511px;
  background: url("../images/left.png") left top no-repeat;
  width: 175px;
  height: 174px;
}
.page_two .left_word {
  position: absolute;
  display: inline-block;
  left: 79px;
  top: 577px;
  background: url("../images/left_word.png") left top no-repeat;
  width: 132px;
  height: 123px;
}
.page_two .right {
  position: absolute;
  display: inline-block;
  left: 267px;
  top: 511px;
  background: url("../images/right.png") left top no-repeat;
  width: 175px;
  height: 272px;
}
.page_two .right_word {
  position: absolute;
  display: inline-block;
  left: 306px;
  top: 577px;
  background: url("../images/right_eord.png") left top no-repeat;
  width: 293px;
  height: 222px;
}
.page_two .arrow {
  position: absolute;
  display: inline-block;
  left: 271px;
  top: 925px;
  background: url("../images/arrow.png") left top no-repeat;
  width: 100px;
  height: 58px;
}
.page_two.swiper-slide-active .man {
  width: 0px;
  -webkit-animation: man 0.7s linear 0.4s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.page_two.swiper-slide-active .line {
  width: 0px;
  -webkit-animation: line 1s linear 0s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.page_two.swiper-slide-active .map {
  -webkit-animation: rotateInUpRight 0.7s linear 0.9s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.page_two.swiper-slide-active .t-s {
  -webkit-animation: airpla 1s linear 1.5s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.page_two.swiper-slide-active .left {
  -webkit-animation: rollIn 0.6s linear 2s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.page_two.swiper-slide-active .left_word {
  height: 0;
  -webkit-animation: left_word 0.6s linear 2.4s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.page_two.swiper-slide-active .right {
  position: absolute;
  display: inline-block;
  left: 267px;
  top: 511px;
  background: url("../images/right.png") left top no-repeat;
  width: 175px;
  height: 272px;
  -webkit-animation: rollIn 0.6s linear 2s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.page_two.swiper-slide-active .right_word {
  height: 0;
  -webkit-animation: right_word 0.6s linear 2.6s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.page_two.swiper-slide-active .arrow {
  -webkit-animation: airpla 1s linear 2.9s 1, bounce 1s linear 3.2s infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}

.page_3 {
  background: url("../images/bj.jpg") top center no-repeat;
}
.page_3 .map {
  position: absolute;
  display: inline-block;
  left: 207px;
  top: 187px;
  background: url("../images/page_3_map.png") left top no-repeat;
  width: 227px;
  height: 229px;
}
.page_3 .n-1 {
  position: absolute;
  display: inline-block;
  left: 72px;
  top: 94px;
  background: url("../images/1-1.png") left top no-repeat;
  width: 65px;
  height: 74px;
}
.page_3 .n-2 {
  position: absolute;
  display: inline-block;
  left: 250px;
  top: 95px;
  background: url("../images/1-2.png") left top no-repeat;
  width: 73px;
  height: 37px;
}
.page_3 .n-3 {
  position: absolute;
  display: inline-block;
  left: 371px;
  top: 118px;
  background: url("../images/1-3.png") left top no-repeat;
  width: 86px;
  height: 44px;
}
.page_3 .n-4 {
  position: absolute;
  display: inline-block;
  left: 561px;
  top: 214px;
  background: url("../images/1-8.png") left top no-repeat;
  width: 80px;
  height: 42px;
}
.page_3 .n-5 {
  position: absolute;
  display: inline-block;
  left: 109px;
  top: 305px;
  background: url("../images/1-5.png") left top no-repeat;
  width: 57px;
  height: 29px;
}
.page_3 .n-6 {
  position: absolute;
  display: inline-block;
  left: 493px;
  top: 310px;
  background: url("../images/1-4.png") left top no-repeat;
  width: 50px;
  height: 26px;
}
.page_3 .n-7 {
  position: absolute;
  display: inline-block;
  left: 217px;
  top: 448px;
  background: url("../images/b-x.png") left top no-repeat;
  width: 110px;
  height: 57px;
}
.page_3 .n-8 {
  position: absolute;
  display: inline-block;
  left: 91px;
  top: 410px;
  background: url("../images/1-7.png") left top no-repeat;
  width: 66px;
  height: 35px;
}
.page_3 .n-9 {
  position: absolute;
  display: inline-block;
  left: 472px;
  top: 390px;
  background: url("../images/g-j-s.png") left top no-repeat;
  width: 91px;
  height: 32px;
}
.page_3 .map_bj {
  position: absolute;
  display: inline-block;
  left: 42px;
  top: 555px;
  background: url("../images/page_3.png") left top no-repeat;
  width: 555px;
  height: 359px;
}
.page_3 .t-s {
  position: absolute;
  display: inline-block;
  left: 193px;
  top: 620px;
  background: url("../images/page_3_word.png") left top no-repeat;
  width: 100px;
  height: 25px;
}
.page_3 .arrow {
  position: absolute;
  display: inline-block;
  left: 269px;
  top: 926px;
  background: url("../images/page_3_arrow.png") left top no-repeat;
  width: 99px;
  height: 57px;
}
.page_3 .hand {
  position: absolute;
  display: inline-block;
  left: 257px;
  top: 510px;
  background: url("../images/hand_big.png") left top no-repeat;
  width: 42px;
  height: 57px;
}
.page_3.swiper-slide-active .map {
  -webkit-animation: zoomIn 0.6s linear 0s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.page_3.swiper-slide-active .n-1 {
  -webkit-animation: zoomIn 0.6s linear 0.5s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.page_3.swiper-slide-active .n-2 {
  -webkit-animation: zoomIn 0.6s linear 0.5s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.page_3.swiper-slide-active .n-3 {
  -webkit-animation: zoomIn 0.6s linear 0.5s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.page_3.swiper-slide-active .n-4 {
  -webkit-animation: zoomIn 0.6s linear 0.5s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.page_3.swiper-slide-active .n-5 {
  -webkit-animation: zoomIn 0.6s linear 0.5s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.page_3.swiper-slide-active .n-6 {
  -webkit-animation: zoomIn 0.6s linear 0.5s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.page_3.swiper-slide-active .n-7 {
  -webkit-animation: zoomIn 0.6s linear 0.5s 1, scale 1s linear 0.5s infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.page_3.swiper-slide-active .hand {
  -webkit-animation: zoomIn 0.6s linear 0.5s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.page_3.swiper-slide-active .n-8 {
  -webkit-animation: zoomIn 0.6s linear 0.5s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.page_3.swiper-slide-active .n-9 {
  -webkit-animation: zoomIn 0.6s linear 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.page_3.swiper-slide-active .map_bj {
  -webkit-animation: airpla 1s ease 1s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.page_3.swiper-slide-active .t-s {
  -webkit-animation: airpla 1s ease 0s 1, scale 1s linear 0.5s infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.page_3.swiper-slide-active .arrow {
  -webkit-animation: airpla 1s linear 1.5s 1, bounce 1s linear 2s infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}

.page_4_1 {
  background: url("../images/bj.jpg") top center no-repeat;
}
.page_4_1 .hand_two {
  position: absolute;
  display: inline-block;
  left: 533px;
  top: 196px;
  background: url("../images/hand_two.png") left top no-repeat;
  width: 42px;
  height: 57px;
}
.page_4_1 .left_man {
  position: absolute;
  display: inline-block;
  left: 29px;
  top: 268px;
  background: url("../images/2-3.png") left top no-repeat;
  width: 214px;
  height: 375px;
}
.page_4_1 .right_man {
  position: absolute;
  display: inline-block;
  left: 280px;
  top: 253px;
  background: url("../images/2-1.png") left top no-repeat;
  width: 351px;
  height: 428px;
}
.page_4_1 .map {
  position: absolute;
  display: inline-block;
  left: 47px;
  top: 654px;
  background: url("../images/page_4_1.png") left top no-repeat;
  width: 555px;
  height: 359px;
}
.page_4_1 .btn_money {
  width: 184px;
  height: 177px;
  position: absolute;
  top: 231px;
  left: 272px;
}
.page_4_1 .btn_q_t {
  width: 178px;
  height: 177px;
  position: absolute;
  top: 231px;
  left: 455px;
}
.page_4_1.swiper-slide-active .left_man {
  -webkit-animation: airpla 1s linear 0s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.page_4_1.swiper-slide-active .right_man {
  -webkit-animation: airpla 1s linear 1s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.page_4_1.swiper-slide-active .hand_two {
  -webkit-animation: airpla 1s linear 1.5s 1,bounce 1s linear 2s infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.page_4_1.swiper-slide-active .map {
  height: 0;
  -webkit-animation: four 1s linear 1.5s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.page_4_2 {
  background: url("../images/bj.jpg") top center no-repeat;
}
.page_4_2 .left_man {
  position: absolute;
  display: inline-block;
  left: 29px;
  top: 268px;
  background: url("../images/2-4.png") left top no-repeat;
  width: 204px;
  height: 375px;
  -webkit-animation: airpla 1s linear 0s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.page_4_2 .btn_c-x {
  width: 640px;
  height: 127px;
  position: absolute;
  top: 782px;
}
.page_4_2 .right_man {
  position: absolute;
  display: inline-block;
  left: 280px;
  top: 251px;
  background: url("../images/2-5.png") left top no-repeat;
  width: 351px;
  height: 390px;
  -webkit-animation: airpla 1s linear 1s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.page_4_2 .map {
  position: absolute;
  display: inline-block;
  left: 47px;
  top: 654px;
  background: url("../images/page_4_3.png") left top no-repeat;
  width: 555px;
  height: 359px;
  -webkit-animation: zoomIn 0.5s linear 1.5s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}

.page_4_3 {
  background: url("../images/bj.jpg") top center no-repeat;
}
.page_4_3 .left_man {
  position: absolute;
  display: inline-block;
  left: 29px;
  top: 268px;
  background: url("../images/2-7.png") left top no-repeat;
  width: 204px;
  height: 375px;
}
.page_4_3 .right_man {
  position: absolute;
  display: inline-block;
  left: 280px;
  top: 251px;
  background: url("../images/2-6.png") left top no-repeat;
  width: 352px;
  height: 390px;
}
.page_4_3 .map {
  position: absolute;
  display: inline-block;
  left: 47px;
  top: 654px;
  background: url("../images/page_4_2.png") left top no-repeat;
  width: 555px;
  height: 359px;
}
.page_4_3 .head {
  position: absolute;
  display: inline-block;
  left: 199px;
  top: 82px;
  background: url("../images/page_4_word.png") left top no-repeat;
  width: 238px;
  height: 49px;
}
.page_4_3 .arrow {
  position: absolute;
  display: inline-block;
  left: 269px;
  top: 926px;
  background: url("../images/page_3_arrow.png") left top no-repeat;
  width: 99px;
  height: 57px;
}
.page_4_3.swiper-slide-active .left_man {
  -webkit-animation: airpla 1s linear 0.5s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.page_4_3.swiper-slide-active .right_man {
  -webkit-animation: airpla 1s linear 1s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.page_4_3.swiper-slide-active .map {
  -webkit-animation: zoomIn 0.5s linear 1.5s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.page_4_3.swiper-slide-active .head {
  -webkit-animation: rotateIn 0.5s linear 0s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.page_4_3.swiper-slide-active .arrow {
  -webkit-animation: airpla 1s linear 2s 1, bounce 1s linear 2.1s infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}

.page_5 {
  background: url("../images/bj.jpg") top center no-repeat;
}
.page_5 .head {
  position: absolute;
  display: inline-block;
  left: 199px;
  top: 82px;
  background: url("../images/page_4_word.png") left top no-repeat;
  width: 238px;
  height: 49px;
}
.page_5 .hand_5 {
  position: absolute;
  display: inline-block;
  left: 492px;
  top: 463px;
  background: url("../images/hand_big.png") left top no-repeat;
  width: 42px;
  height: 57px;
}
.page_5 .head_two {
  position: absolute;
  display: inline-block;
  left: 208px;
  top: 146px;
  background: url("../images/page_5_head.png") left top no-repeat;
  width: 184px;
  height: 33px;
}
.page_5 .w-t {
  position: absolute;
  display: inline-block;
  left: 48px;
  top: 274px;
  background: url("../images/page_5_1.png") left top no-repeat;
  width: 553px;
  height: 117px;
}
.page_5 .d-a {
  position: absolute;
  display: inline-block;
  left: 76px;
  top: 421px;
  background: url("../images/page_5_2.png") left top no-repeat;
  width: 499px;
  height: 42px;
}
.page_5 .word {
  position: absolute;
  display: inline-block;
  left: 107px;
  top: 556px;
  background: url("../images/page_5_word_.png") left top no-repeat;
  width: 446px;
  height: 103px;
}
.page_5 .hand {
  position: absolute;
  display: inline-block;
  left: 245px;
  top: 688px;
  background: url("../images/hand.png") left top no-repeat;
  width: 139px;
  height: 119px;
}
.page_5 .arrow {
  position: absolute;
  display: inline-block;
  left: 245px;
  top: 927px;
  background: url("../images/page_5_arrow.png") left top no-repeat;
  width: 150px;
  height: 59px;
}
.page_5 .word_two {
  position: absolute;
  display: inline-block;
  left: 125px;
  top: 556px;
  background: url("../images/three.png") left top no-repeat;
  width: 100px;
  height: 26px;
}
.page_5.swiper-slide-active .head {
  -webkit-animation: bounceInLeft 1s linear 0s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.page_5.swiper-slide-active .head_two {
  -webkit-animation: bounceInRight 1s linear 0s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.page_5.swiper-slide-active .word_two {
  -webkit-animation: airpla 1s ease 0s 1, scale 1s linear 0.5s infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.page_5.swiper-slide-active .hand_5 {
  -webkit-animation: airpla 1s linear 1.5s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.page_5.swiper-slide-active .w-t {
  -webkit-animation: fadeInDown 0.5s linear 0.5s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.page_5.swiper-slide-active .d-a {
  width: 0;
  -webkit-animation: five 0.5s linear 1s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.page_5.swiper-slide-active .word {
  -webkit-animation: airpla 1s linear 1.4s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.page_5.swiper-slide-active .hand {
  -webkit-animation: airpla 1s linear 0s 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}
.page_5.swiper-slide-active .arrow {
  -webkit-animation: airpla 1s linear 2s 1, bounce 1s linear 2.1s infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}

.dialog_t {
  background: rgba(0, 0, 0, 0.8);
  width: 640px;
  height: 1041px;
  z-index: 99;
}
.dialog_t .map {
  position: absolute;
  display: inline-block;
  left: 110px;
  top: 283px;
  background: url("../images/t-s-y.png") left top no-repeat;
  width: 421px;
  height: 311px;
}
.dialog_t .btn_t_close {
  width: 421px;
  height: 102px;
  position: absolute;
  top: 468px;
  left: 110px;
}

.dialog_end {
  font-family: 'fz';
  z-index: 99;
  background: url("../images/end_.jpg") top center no-repeat;
}
.dialog_end .btn_close {
  width: 89px;
  height: 40px;
  position: absolute;
  top: 50px;
  left: 521px;
}
.dialog_end .d-h {
  width: 640px;
  height: 79px;
  position: absolute;
  top: 123px;
  display: flex;
  align-items: center;
  background: #9a181a;
}
.dialog_end .d-h .d-c {
  font-size: 22px;
  width: 134px;
  height: 79px;
  color: white;
  text-align: center;
  border-right: 1px solid white;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}
.dialog_end .d-h .d-2 {
  flex-shrink: 30;
}
.dialog_end .list {
  width: 640px;
  height: 828px;
  overflow-y: scroll;
  position: absolute;
  top: 203px;
  display: flex;
}
.dialog_end .list .list-c {
  font-size: 18px;
  width: 134px;
  height: auto;
}
.dialog_end .list .list-c .c-l {
  overflow-x: auto;
  overflow-y: hidden;
  height: 59px;
  font-size: 18px;
  color: black;
  text-align: center;
  line-height: 59px;
  border: 1px solid #9a181a;
}
.dialog_end .list .list-2 {
  flex-shrink: 30;
}

.page_6 {
  background: url("../images/bj.jpg") top center no-repeat;
}
.page_6 .h-s .info {
  width: 535px;
  height: 59px;
  position: absolute;
  top: 43px;
  left: 53px;
  line-height: 59px;
  color: black;
  font-size: 28px;
  font-family: 'fz';
}
.page_6 .h-s .list {
  width: 544px;
  height: 143px;
  font-family: 'fz';
  color: white;
  font-size: 26px;
  position: absolute;
  top: 315px;
  left: 50px;
}
.page_6 .h-s .list .btn_d {
  width: 175px;
  height: 65px;
  line-height: 65px;
  background-color: #bb6869;
  float: left;
  text-align: center;
  margin-left: 5px;
  margin-bottom: 5px;
}
.page_6 .h-s .list .black {
  background-color: #a32e2f;
}
.page_6 .h-s .list .h-s {
  background-color: #a0a0a0;
}
.page_6 .h-s .sate {
  color: #9a181a;
}
.page_6 .h-s .btn-end {
  width: 640px;
  height: 133px;
  position: absolute;
  top: 735px;
}
.page_6 .h-s .s-r {
  width: 244px;
  height: 58px;
  position: absolute;
  top: 176px;
  text-align: center;
  line-height: 58px;
  color: black;
  font-size: 25px;
  overflow-x: auto;
}
.page_6 .h-s .money {
  left: 52px;
}
.page_6 .h-s .count_money {
  left: 374px;
}
.page_6 .h-s .list_info {
  width: 545px;
  height: 54px;
  position: absolute;
  top: 637px;
  left: 50px;
}
.page_6 .h-s .list_info .y-s {
  width: 129px;
  height: 54px;
  text-align: center;
  line-height: 54px;
  font-size: 16px;
  color: black;
  float: left;
  overflow-x: scroll;
  font-family: 'fz';
  margin-left: 4px;
}
.page_6 .h-s .s_map {
  position: absolute;
  display: inline-block;
  left: 50px;
  top: 127px;
  background: url("../images/money_.png") left top no-repeat;
  width: 508px;
  height: 168px;
}
.page_6 .h-s .bottom_two {
  position: absolute;
  display: inline-block;
  left: 50px;
  top: 521px;
  background: url("../images/bottom_two.png") left top no-repeat;
  width: 538px;
  height: 326px;
}
.page_6 .map {
  -webkit-overflow-scrolling: touch;
  width: 640px;
  height: 800px;
  overflow-y: scroll;
  /* padding-left: 29px; */
  /* padding-bottom: 115px; */
  position: absolute;
  top: 100px;
}
.page_6 .data {
  position: absolute;
  display: inline-block;
  left: 58px;
  top: 115px;
  background: url("../images/3-4.png") left top no-repeat;
  width: 521px;
  height: 621px;
}
.page_6 .data .btn_x {
  width: 131px;
  height: 50px;
  position: absolute;
  top: 214px;
}
.page_6 .data .btn_x img {
  width: 51px;
  height: 39px;
}
.page_6 .data .btn_x_left {
  left: 72px;
}
.page_6 .data .btn_x_right {
  left: 232px;
}
.page_6 .b-k {
  width: 91px;
  height: 61px;
  position: absolute;
  top: 377px;
  line-height: 61px;
  text-align: center;
  font-size: 27px;
}
.page_6 .year {
  left: 43px;
}
.page_6 .yue {
  left: 207px;
}
.page_6 .r-r {
  left: 370px;
}
.page_6 .btn_s {
  width: 328px;
  height: 105px;
  position: absolute;
  top: 521px;
  left: 88px;
}

.y-y {
  position: absolute;
  display: inline-block;
  left: 0px;
  top: 0px;
  background: url("../images/y-y.png") left top no-repeat;
  width: 640px;
  height: 1041px;
  overflow: hidden;
}

.one {
  background: url(../images/d-h.png) no-repeat 0 0;
  width: 640px;
  overflow: hidden;
  height: 1009px;
  position: absolute;
  top: 0;
}

.btn-bottom {
  background: url(../images/bottom.png) left top no-repeat;
  width: 640px;
  height: 128px;
  position: absolute;
  bottom: 0;
  font-family: 'fz';
}
.btn-bottom .btn {
  width: 128px;
  height: 128px;
  border-right: 1px solid #cd8c8d;
  float: left;
  font-size: 28px;
  text-align: center;
  color: white;
  line-height: 1.3;
  /* margin-top: 33px; */
  padding-top: 34px;
}
.btn-bottom .btn_sate {
  color: #cd8c8d;
}

@-webkit-keyframes run {
  100% {
    background-position: 0px -1920px;
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes airpla {
  0% {
    -webkit-transform: translate3d(0px, 0px, 0);
    -ms-transform: translate3d(0px, 0px, 0);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes line {
  100% {
    width: 551px;
  }
}
@-webkit-keyframes four {
  100% {
    height: 363px;
  }
}
@-webkit-keyframes man {
  100% {
    width: 146px;
  }
}
@-webkit-keyframes five {
  100% {
    width: 500px;
  }
}
@-webkit-keyframes big {
  100% {
    -webkit-transform: scale(1.1, 1.1);
  }
}
@-webkit-keyframes left_word {
  100% {
    height: 123px;
  }
}
@-webkit-keyframes right_word {
  100% {
    height: 222px;
  }
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  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);
  }
  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);
  }
  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);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@-webkit-keyframes bounce {
  0%, 100%, 20%, 53%, 80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.1, 1.1);
  }
  100% {
    -webkit-transform: scale(1, 1);
  }
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@-webkit-keyframes bounceInLeft {
  0%, 100%, 60%, 75%, 90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes bounceInRight {
  0%, 100%, 60%, 75%, 90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
