html {
  width: 100%;
  height: 100%;
  font-size: calc(13.33333333vw);
  font-size: -webkit-calc(13.33333333vw);
  -webkit-text-size-adjust: 100%;
  user-select: none;
  background: #020106;
}
body {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}
@font-face {
  font-family: 'PingFang SC';
  src: url('../files/font/PingFang-SC-Regular.eot');
  src: url('../files/font/PingFang-SC-Regular.eot?#iefix') format('embedded-opentype'), url('../files/font/PingFang-SC-Regular.woff2') format('woff2'), url('../files/font/PingFang-SC-Regular.woff') format('woff'), url('../files/font/PingFang-SC-Regular.ttf') format('truetype'), url('../files/font/PingFang-SC-Regular.svg#PingFang-SC-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
li {
  list-style: none;
}
img {
  display: block;
}
input {
  -webkit-appearance: none;
  border: 0;
  outline: medium;
}
.main {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.module_item_wrap {
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity: 0;
}
.module_item_wrap .li_content {
  position: relative;
  background: url("../img/common_bg.png") no-repeat;
  background-size: 100% 100%;
}
.module_item_wrap .li_content .bg-img {
  width: 100%;
}
.module_item_wrap .li_content .li-text {
  position: absolute;
  top: 1.4rem;
  left: 0.68rem;
  opacity: 0;
}
.module_item_wrap .li_content .li-text .lt-title {
  font-size: 0.42rem;
  color: #FFFFFF;
  margin-bottom: 0.2rem;
}
.module_item_wrap .li_content .li-text .lt-title b {
  color: #35D9FC;
}
.module_item_wrap .li_content .li-text .li-content li {
  font-size: 0.28rem;
  color: #FFFFFF;
  margin-top: 0.1rem;
}
@keyframes guangOpacity {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.module_item_wrap .li1 .lu-img {
  position: absolute;
  left: 0;
  top: -0.66rem;
  width: 100%;
  animation: guangOpacity 1.5s ease-in-out infinite;
}
.module_item_wrap .li1 .jianhang_logo {
  width: 3.22rem;
  position: absolute;
  left: 0;
  top: 0;
}
.module_item_wrap .li1 .zhijian-img {
  width: 4.37rem;
  position: absolute;
  left: 50%;
  top: 1.4rem;
  margin-left: -2.185rem;
}
.module_item_wrap .li1 .left1_img {
  width: 0.52rem;
  position: absolute;
  left: 1rem;
  top: 2.9rem;
  transform: translate(0.4rem, 0.75rem);
  opacity: 0;
}
.module_item_wrap .li1 .left2_img {
  width: 1.22rem;
  position: absolute;
  left: 0;
  top: 4.08rem;
  transform: translate(0.6rem, 0.25rem);
  opacity: 0;
}
.module_item_wrap .li1 .right2_img {
  width: 1.92rem;
  position: absolute;
  right: -0.75rem;
  top: 2.84rem;
  transform: translate(-0.95rem, 0.55rem);
  opacity: 0;
}
.module_item_wrap .li1 .center_img {
  width: 6.38rem;
  position: absolute;
  left: 50%;
  top: 2.28rem;
  margin-left: -3.19rem;
  opacity: 0;
}
.module_item_wrap .li1 .yuhangyuan_img {
  width: 2.86rem;
  position: absolute;
  left: 0.84rem;
  top: 7.78rem;
}
.module_item_wrap .li1 .yuhangyuan_guang_img {
  width: 2.84rem;
  position: absolute;
  left: 0.85rem;
  top: 7.77rem;
  animation: guangOpacity 1.5s ease-in-out infinite;
}
@keyframes left1 {
  0% {
    transform: translate(0.5rem, 1.2rem);
  }
  100% {
    transform: translate(0);
  }
}
@keyframes left2 {
  0% {
    transform: translate(1rem, 0.5rem);
  }
  100% {
    transform: translate(0);
  }
}
@keyframes right2 {
  0% {
    transform: translate(-1.8rem, 1.1rem);
  }
  100% {
    transform: translate(0);
  }
}
.module_item_wrap .li2 .li-text {
  top: 1.1rem;
}
.module_item_wrap .li2 .star-img {
  width: 1.6rem;
  position: absolute;
  top: 3.64rem;
  right: 1.66rem;
  opacity: 0;
}
.module_item_wrap .li2 .huaidai-img {
  width: 7.1rem;
  position: absolute;
  top: 5.38rem;
  right: 0;
  transform: translate(1.8rem, 1.8rem);
  opacity: 0;
}
.module_item_wrap .li2 .yuhangyuan-img {
  width: 1.54rem;
  position: absolute;
  top: 10.44rem;
  right: 0.9rem;
  transform: translate(1.2rem, 1.2rem);
  opacity: 0;
}
.module_item_wrap .li2 .tips-txt {
  position: absolute;
  left: 0.5rem;
  bottom: 0.3rem;
  font-size: 0.16rem;
  color: #939191;
}
.module_item_wrap .li3 .xingqiu-img {
  width: 2.86rem;
  position: absolute;
  top: 6.58rem;
  right: 1.82rem;
  opacity: 0;
}
.module_item_wrap .li3 .guidaoguang-img {
  position: absolute;
  left: 0;
  top: 1.36rem;
  width: 100%;
  animation: guangOpacity 1.5s ease-in-out infinite;
}
.module_item_wrap .li3 .star-img {
  width: 1.06rem;
  position: absolute;
  left: 3.04rem;
  top: 7.26rem;
  opacity: 0;
}
.module_item_wrap .li3 .yuhangyuan-img {
  width: 2.32rem;
  position: absolute;
  top: 7.03rem;
  left: 0.56rem;
  transform: translate(-1.4rem, 1.4rem);
  opacity: 0;
}
.module_item_wrap .li4 .xingqiu-img {
  width: 11.75rem;
  position: absolute;
  top: 4.9rem;
  left: 50%;
  margin-left: -5.875rem;
  transform: scale(0.6);
  opacity: 0;
}
.module_item_wrap .li4 .yuhangyuan-img {
  width: 1.4rem;
  position: absolute;
  top: 3.54rem;
  right: 0.94rem;
  opacity: 0;
  animation: topToBottom1 2s ease-in-out infinite;
}
@keyframes topToBottom1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-0.2rem);
  }
  100% {
    transform: translateY(0);
  }
}
.module_item_wrap .li4 .qiu2-img {
  width: 1.96rem;
  position: absolute;
  top: 6.96rem;
  right: 0.26rem;
  opacity: 0;
  animation: topToBottom1 2.5s ease-in-out infinite;
}
.module_item_wrap .li4 .qiu3-img {
  width: 1.28rem;
  position: absolute;
  top: 7.7rem;
  left: 0.64rem;
  opacity: 0;
  animation: topToBottom2 2s ease-in-out infinite;
}
.module_item_wrap .li4 .qiu4-img {
  width: 2.48rem;
  position: absolute;
  top: 10.28rem;
  left: 0.86rem;
  opacity: 0;
  animation: topToBottom3 3s ease-in-out infinite;
}
.module_item_wrap .li4 .star-img {
  width: 2.48rem;
  position: absolute;
  top: 6.94rem;
  left: 50%;
  margin-left: -1.24rem;
  opacity: 0;
}
.module_item_wrap .li4 .tips-txt {
  position: absolute;
  right: 0.3rem;
  bottom: 0.3rem;
  font-size: 0.16rem;
  color: #939191;
}
.module_item_wrap .li4 .topToBottom1 {
  animation: topToBottom1 1.33s ease-in-out infinite;
}
@keyframes topToBottom1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(0.2rem);
  }
  100% {
    transform: translateY(0);
  }
}
.module_item_wrap .li4 .topToBottom2 {
  animation: topToBottom2 1.5s ease-in-out infinite;
}
@keyframes topToBottom2 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-0.2rem);
  }
  100% {
    transform: translateY(0);
  }
}
.module_item_wrap .li4 .topToBottom3 {
  animation: topToBottom3 1.5s ease-in-out infinite;
}
@keyframes topToBottom3 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-0.5rem);
  }
  100% {
    transform: translateY(0);
  }
}
.module_item_wrap .li5 .yuhangyuan-img {
  width: 1.64rem;
  position: absolute;
  top: 3.68rem;
  right: 0.74rem;
  transform: translate(1.2rem, -1.2rem);
  opacity: 0;
}
.module_item_wrap .li5 .star-img {
  width: 3.32rem;
  position: absolute;
  top: 4.88rem;
  left: 1.22rem;
  opacity: 0;
}
.module_item_wrap .li6 .tiaodai-img {
  width: 100%;
  position: absolute;
  top: 0.41rem;
  left: 0;
  transform: translateY(2rem);
  opacity: 0;
}
.module_item_wrap .li6 .yuhangyuan-img {
  width: 1.98rem;
  position: absolute;
  top: 4.8rem;
  left: 0.8rem;
  transform: scale(0);
  opacity: 0;
}
.module_item_wrap .li6 .star-img {
  width: 2.41rem;
  position: absolute;
  top: 6rem;
  left: 2.66rem;
  opacity: 0;
}
.module_item_wrap .li7 .li-text {
  top: 0.8rem;
}
.module_item_wrap .li7 .qiuqiu_img {
  opacity: 0;
  transform: translateY(0.5rem);
}
.module_item_wrap .li7 .starstar_img {
  opacity: 0;
}
.module_item_wrap .li7 .qiu1-img {
  width: 1.54rem;
  position: absolute;
  top: 2.1rem;
  left: 3.96rem;
}
.module_item_wrap .li7 .star1-img {
  width: 1.06rem;
  position: absolute;
  top: 2.2rem;
  left: 4.35rem;
}
.module_item_wrap .li7 .qiu2-img {
  width: 1.33rem;
  position: absolute;
  top: 4.42rem;
  right: 0.11rem;
}
.module_item_wrap .li7 .star2-img {
  width: 0.52rem;
  position: absolute;
  top: 4.65rem;
  right: 0.35rem;
}
.module_item_wrap .li7 .qiu3-img {
  width: 1.94rem;
  position: absolute;
  top: 8.42rem;
  right: 0.04rem;
}
.module_item_wrap .li7 .star3-img {
  width: 1.05rem;
  position: absolute;
  top: 8.7rem;
  right: 0.3rem;
}
.module_item_wrap .li7 .qiu4-img {
  width: 1.37rem;
  position: absolute;
  top: 9.7rem;
  left: 1rem;
}
.module_item_wrap .li7 .star4-img {
  width: 0.99rem;
  position: absolute;
  top: 9.82rem;
  left: 1.25rem;
}
.module_item_wrap .li7 .qiu5-img {
  width: 1.75rem;
  position: absolute;
  top: 6.65rem;
  left: -0.3rem;
}
.module_item_wrap .li7 .star5-img {
  width: 1.31rem;
  position: absolute;
  top: 6.68rem;
  left: 0.06rem;
}
.module_item_wrap .li7 .qiu6-img {
  width: 1.23rem;
  position: absolute;
  top: 3.64rem;
  left: 0.35rem;
}
.module_item_wrap .li7 .star6-img {
  width: 0.49rem;
  position: absolute;
  top: 3.82rem;
  left: 0.88rem;
}
.module_item_wrap .li7 .qiu7-img {
  width: 1.88rem;
  position: absolute;
  top: 7.32rem;
  left: 2.02rem;
}
.module_item_wrap .li7 .qiu8-img {
  width: 4rem;
  position: absolute;
  top: 4.55rem;
  left: 2.1rem;
}
.module_item_wrap .li7 .star8-img {
  width: 2.65rem;
  position: absolute;
  top: 5.14rem;
  left: 2.77rem;
}
.module_item_wrap .li7 .yuhangyuan-img {
  width: 2.78rem;
  position: absolute;
  top: 9.14rem;
  left: 2.36rem;
}
.module_item_wrap .li8 .li-text {
  top: 0.8rem;
}
.module_item_wrap .li8 .yuhangyuan-img {
  width: 4.84rem;
  position: absolute;
  top: 3.74rem;
  left: 0.66rem;
  transform: translate(4rem, 3rem);
  opacity: 0;
}
.module_item_wrap .li8 .star-img {
  width: 2.19rem;
  position: absolute;
  top: 5.84rem;
  right: 0;
  opacity: 0;
}
.module_item_wrap .li9 .yuhangyuan-img {
  width: 100%;
  position: absolute;
  top: 3.5rem;
  left: 0;
  opacity: 0;
}
.module_item_wrap .li9 .guanquan-img {
  width: 5.23rem;
  position: absolute;
  top: 5.04rem;
  left: 1.33rem;
}
.module_item_wrap .li9 .star-img {
  width: 1.6rem;
  position: absolute;
  top: 3.11rem;
  right: 0.86rem;
  opacity: 0;
}
.module_item_wrap .li9 .scaleBigTpSmall {
  animation: suofang 3s ease-in-out infinite;
}
@keyframes suofang {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.module_item_wrap .li10 .weixing-img {
  width: 6.34rem;
  position: absolute;
  top: 4.78rem;
  left: 0.77rem;
  transform: translate(-3.6rem, -0.5rem);
  opacity: 0;
}
.module_item_wrap .li10 .xingqiu-img {
  width: 1.92rem;
  position: absolute;
  right: 1.16rem;
  top: 3.6rem;
  opacity: 0;
}
.module_item_wrap .li10 .yuhangyuan-img {
  width: 2rem;
  position: absolute;
  top: 6.22rem;
  left: 0;
  transform: translate(-1rem, 1rem);
  opacity: 0;
}
.module_item_wrap .li10 .star-img {
  width: 2.66rem;
  position: absolute;
  top: 5.88rem;
  right: 0.34rem;
  opacity: 0;
}
.module_item_wrap .li11 .jianhang-logo {
  width: 3.22rem;
  position: absolute;
  top: 0;
  left: 0;
}
.module_item_wrap .li11 .end-ul {
  padding-top: 1rem;
  position: relative;
  z-index: 1;
  opacity: 0;
}
.module_item_wrap .li11 .end-ul li {
  text-align: center;
  font-size: 0.28rem;
  color: #FFFFFF;
  margin-bottom: 0.1rem;
}
.module_item_wrap .li11 .huanxing-img {
  width: 100%;
  position: absolute;
  top: -0.28rem;
  left: 0;
  opacity: 0;
}
.module_item_wrap .li11 .huanxingguang-img {
  width: 100%;
  position: absolute;
  top: -0.28rem;
  left: 0;
  animation: guangOpacity 1.5s ease-in-out infinite;
}
.module_item_wrap .li11 .guidao-img {
  width: 100%;
  position: absolute;
  top: 3.75rem;
  left: 0;
  opacity: 0;
}
.module_item_wrap .li11 .guidaoguang-img {
  width: 100%;
  position: absolute;
  top: 4.72rem;
  left: 0;
  animation: guangOpacity 1.5s ease-in-out infinite;
}
.module_item_wrap .li11 .yuhangyuan-img {
  width: 2.4rem;
  position: absolute;
  top: 8.38rem;
  left: 0;
  transform: translate(-1.2rem, 0.7rem);
  opacity: 0;
}
.module_item_wrap .li11 .liji-tiyan-btn {
  width: 4.06rem;
  height: 0.94rem;
  background: url("../img/11/btn.png") no-repeat;
  background-size: 100% 100%;
  text-align: center;
  line-height: 0.94rem;
  color: #FFFFFF;
  font-size: 0.33rem;
  position: absolute;
  top: 11.36rem;
  left: 50%;
  margin-left: -2.03rem;
  opacity: 0;
}
.module_item_wrap .li11 .look-back-btn {
  font-size: 0.28rem;
  color: #FFFFFF;
  text-align: center;
  position: absolute;
  top: 12.5rem;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
}
.common_scale {
  transform: scale(1) !important;
  transition: all 1.5s!important;
  opacity: 1!important;
}
.common_translate {
  transform: translate(0) !important;
  transition: all 1.5s!important;
  opacity: 1!important;
}
.common_opacity {
  transition: all 1s!important;
  opacity: 1!important;
}
.up-tips-box {
  width: 2.6rem;
  position: fixed;
  left: 50%;
  bottom: 0.22rem;
  margin-left: -1.3rem;
  z-index: 1;
  display: none;
}
.up-tips-box .utb-text {
  font-family: FZLTXHJW--GB1, FZLTXHJW--GB1;
  font-weight: normal;
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.1rem;
}
.up-tips-box .utb-xingqiu {
  width: 0.38rem;
  margin: 0 auto 0.1rem;
}
.up-tips-box .utb-arrow {
  width: 0.18rem;
  margin: 0 auto;
  animation: topToBottomIP 1.5s ease-in-out infinite;
}
@keyframes topToBottomIP {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-0.05rem);
  }
  100% {
    transform: translateY(0);
  }
}
.li_start {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: url("../img/start_bg.png") no-repeat;
  background-size: 100% 100%;
}
.li_start .start-btn {
  width: 100%;
  height: 100%;
  position: relative;
}
.li_start .start_star_img {
  width: 1.6rem;
  position: absolute;
  top: 4.73rem;
  left: 50%;
  margin-left: -0.8rem;
  opacity: 0;
  transition: 1s;
}
.li_start .start_text {
  width: 2.6rem;
  position: absolute;
  top: 6.3rem;
  left: 50%;
  margin-left: -1.3rem;
}
.li_start .start_text .start_text_content {
  width: 100%;
  position: relative;
}
.li_start .start_text .start_text_content p {
  width: 100%;
  font-family: "FZLTXHJW--GB1";
  font-weight: normal;
  font-size: 0.3rem;
  color: #FFFFFF;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.li_start .start_up_img {
  width: 0.47rem;
  position: absolute;
  left: 50%;
  margin-left: -0.235rem;
  transition: all 2s;
  bottom: -5.64rem;
}
.right_top_box {
  position: fixed;
  top: 0.3rem;
  right: 0.1rem;
  display: none;
}
.right_top_box .music_icon {
  width: 1rem;
  height: 0.66rem;
}
.right_top_box .music_icon.music-play {
  background: url("../img/music_o.png") no-repeat;
  background-size: 100% 100%;
}
.right_top_box .music_icon.music-pause {
  background: url("../img/music_c.png") no-repeat;
  background-size: 100% 100%;
}
#myaudio {
  position: fixed;
  left: -1000px;
  opacity: 0;
}
.rotate360 {
  -webkit-animation: rotate360 3s linear infinite;
  animation: rotate360 3s linear infinite;
}
@-webkit-keyframes rotate360 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate360 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(360deg);
  }
}
.smallToBigScale {
  -webkit-animation: topToBottomHeart 1.3s ease-in-out infinite;
  animation: topToBottomHeart 1.3s ease-in-out infinite;
}
@-webkit-keyframes topToBottomHeart {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes topToBottomHeart {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.smallToBigScale2 {
  animation: topToBottomHeart2 1s ease-in-out infinite;
}
@keyframes topToBottomHeart2 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.huxiAnimate {
  animation: fadeoutGuang 1.5s ease-in-out infinite;
}
@keyframes fadeoutGuang {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}