* {
  margin: 0;
  padding: 0;
}
html,
body {
  min-height: 100vh;
}
img {
  width: 100%;
  height: 100%;
}
.main_pc {
  /* 外层容器 */
  /* 轮播项 */
}
.main_pc a {
  text-decoration: none;
  color: #ebebeb;
  padding: 0 4px;
  box-sizing: border-box;
}
.main_pc .box {
  position: relative;
  min-height: 100vh;
}
.main_pc .box .container {
  width: 100%;
  min-height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.main_pc .box .box_img {
  padding: 0;
  width: 100%;
  font-size: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}
.main_pc .box .img_t {
  height: calc(960 / 1920 * 100vw);
  top: 0;
}
.main_pc .box .img_b {
  height: calc(660 / 1920 * 100vw);
  min-height: calc(100vh - (956 / 1920 * 100vw));
  top: calc(956 / 1920 * 100vw);
}
.main_pc .box_age {
  position: absolute;
  bottom: calc(120 / 1920 * 100vw);
  right: calc(30 / 1920 * 100vw);
  width: calc(123 / 1920 * 100vw);
  height: calc(160 / 1920 * 100vw);
  z-index: 10;
}
.main_pc .container .top {
  width: 100%;
  height: calc(185 / 1920 * 100vw);
  padding-top: calc(90 / 1920 * 100vw);
  display: flex;
  justify-content: center;
}
.main_pc .container .top .logo {
  width: calc(508 / 1920 * 100vw);
  height: calc(185 / 1920 * 100vw);
  animation: likes 1s linear infinite;
}
@keyframes likes {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(0.8);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.main_pc .container .center {
  width: 100%;
  padding-top: calc(360 / 1920 * 100vw);
}
.main_pc .container .center .list {
  width: 100%;
  display: flex;
  justify-content: center;
}
.main_pc .container .center .list .download {
  margin-left: calc(40 / 1920 * 100vw);
  width: calc(407 / 1920 * 100vw);
  height: calc(120 / 1920 * 100vw);
  cursor: pointer;
}
.main_pc .container .center .list .download:nth-child(1) {
  margin-left: 0;
}
.main_pc .container .center .text {
  display: flex;
  justify-content: center;
  padding-top: calc(10 / 1920 * 100vw);
}
.main_pc .container .center .text p {
  display: flex;
  justify-content: center;
  height: calc(48 / 1920 * 100vw);
  background: url('pImage/dialog.png') no-repeat center;
  background-size: 100% 100%;
  font-size: calc(22 / 1920 * 100vw);
  color: #defffe;
  line-height: calc(54 / 1920 * 100vw);
  padding: 0 calc(10 / 1920 * 100vw);
}
.main_pc .container .banner {
  padding-top: calc(70 / 1920 * 100vw);
}
.main_pc .container .bottom {
  width: 100%;
  color: #ebebeb;
  font-size: calc(16 / 1920 * 100vw);
  line-height: calc(30 / 1920 * 100vw);
  padding: calc(60 / 1920 * 100vw) 0;
}
.main_pc .container .bottom div {
  display: flex;
  justify-content: center;
}
.main_pc .swiper {
  width: calc(1300 / 1920 * 100vw);
  height: calc(450 / 1920 * 100vw);
}
.main_pc .swiper .swiper-slide {
  width: calc(800 / 1920 * 100vw);
  height: calc(450 / 1920 * 100vw);
}
.main_pc .swiper .swiper-slide img {
  width: 100%;
  height: 100%;
}
@media (max-width: 1200px) {
  .main_pc .box .img_b {
    height: calc(760 / 1920 * 100vw);
  }
  .main_pc .box_age {
    width: 60px;
    height: 80px;
    bottom: 30px;
  }
  .main_pc .container .center .text p {
    height: 30px;
    line-height: 34px;
    padding: 0 8px;
  }
  .main_pc .container .bottom {
    line-height: 24px;
  }
}
@media (max-width: 700px) {
  .main_pc .container .center .text p {
    height: 30px;
    line-height: 34px;
  }
  .main_pc .container .bottom {
    line-height: 20px;
  }
  .main_pc .container .bottom .text {
    padding: 0 10px;
    text-align: center;
  }
  .main_pc .box_age {
    right: 20px;
    bottom: 30px;
  }
  .main_pc .container .banner {
    width: 100%;
    padding: calc(70 / 1920 * 100vw) 20px;
    box-sizing: border-box;
  }
  .main_pc .swiper {
    width: 100%;
    height: calc(550 / 1920 * 100vw);
  }
  .main_pc .swiper .swiper-slide {
    width: calc(960 / 1920 * 100vw);
    height: calc(540 / 1920 * 100vw);
  }
}
@media (max-width: 500px) {
  .main_pc .container .center .text p {
    padding: 0 5px;
  }
}
@media (max-width: 350px) {
  .main_pc .container .center .text p {
    padding: 0 2px;
  }
}
.main_mobile {
  display: none;
  /* 外层容器 */
  /* 轮播项 */
}
.main_mobile a {
  text-decoration: none;
  color: #c5d4f8;
  font-size: calc(20 / 750 * 100vw);
  padding: 0 4px;
  box-sizing: border-box;
}
.main_mobile .box {
  position: relative;
  min-height: 100vh;
  overflow-x: hidden;
}
.main_mobile .box .container {
  width: 100%;
  min-height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.main_mobile .box .box_img {
  padding: 0;
  width: 100%;
  font-size: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}
.main_mobile .box .img_t {
  height: calc(1334 / 750 * 100vw);
  top: 0;
}
.main_mobile .box .img_c {
  height: calc(1165 / 750 * 100vw);
  top: calc(1334 / 750 * 100vw);
}
.main_mobile .box .img_b {
  top: calc(2499 / 750 * 100vw);
  height: calc(500 / 750 * 100vw);
  background-color: #00113f;
}
.main_mobile .box_age {
  position: absolute;
  bottom: calc(135 / 750 * 100vw);
  right: calc(40 / 750 * 100vw);
  width: calc(123 / 750 * 100vw);
  height: calc(160 / 750 * 100vw);
  z-index: 10;
}
.main_mobile .container .top {
  width: 100%;
  height: calc(120 / 750 * 100vw);
  padding: 0 calc(40 / 750 * 100vw) 0 calc(20 / 750 * 100vw);
  box-sizing: border-box;
  background: url('mImage/topbg.png') no-repeat center;
  background-size: 100% 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main_mobile .container .top .logo {
  width: calc(90 / 750 * 100vw);
  height: calc(90 / 750 * 100vw);
}
.main_mobile .container .top .text {
  padding-left: calc(30 / 750 * 100vw);
  box-sizing: border-box;
  flex: 1;
  font-weight: bold;
  font-size: calc(46 / 750 * 100vw);
  color: #d8f2ff;
}
.main_mobile .container .top .menu {
  width: calc(62 / 750 * 100vw);
  height: calc(48 / 750 * 100vw);
}
.main_mobile .container .center {
  width: 100%;
  padding-top: calc(970 / 750 * 100vw);
}
.main_mobile .container .center .list {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.main_mobile .container .center .list .download {
  width: calc(347 / 750 * 100vw);
  height: calc(103 / 750 * 100vw);
  cursor: pointer;
}
.main_mobile .container .center .text {
  display: flex;
  justify-content: center;
  padding-top: calc(10 / 750 * 100vw);
}
.main_mobile .container .center .text p {
  display: flex;
  justify-content: center;
  height: calc(40 / 750 * 100vw);
  background: url('mImage/qqbg.png') no-repeat center;
  background-size: 100% 100%;
  font-size: calc(22 / 750 * 100vw);
  color: #defffe;
  line-height: calc(40 / 750 * 100vw);
  padding: 0 calc(10 / 750 * 100vw);
}
.main_mobile .container .wx_img {
  width: 100%;
  height: calc(166 / 750 * 100vw);
  background: url('mImage/wxbg.jpg') no-repeat center;
  background-size: 100% 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: calc(40 / 750 * 100vw);
  box-sizing: border-box;
  margin-top: calc(66 / 750 * 100vw);
}
.main_mobile .container .wx_img .i_l {
  width: calc(116 / 750 * 100vw);
  height: calc(115 / 750 * 100vw);
}
.main_mobile .container .wx_img .i_r {
  flex: 1;
  padding-left: calc(30 / 750 * 100vw);
  box-sizing: border-box;
  font-size: calc(36 / 750 * 100vw);
}
.main_mobile .container .wx_img .i_r .title {
  display: flex;
  align-items: center;
}
.main_mobile .container .wx_img .i_r .title .t_l {
  color: #ffffff;
}
.main_mobile .container .wx_img .i_r .title .t_r {
  color: #ffd322;
  padding-left: calc(20 / 750 * 100vw);
  box-sizing: border-box;
  cursor: pointer;
}
.main_mobile .container .wx_img .i_r .txt {
  color: #64e4ff;
  padding-top: calc(16 / 750 * 100vw);
  cursor: pointer;
}
.main_mobile .container .bottom {
  width: 100%;
  color: #c5d4f8;
  font-size: calc(20 / 750 * 100vw);
  line-height: calc(36 / 750 * 100vw);
  padding: calc(40 / 750 * 100vw) 0 0 calc(40 / 750 * 100vw);
}
.main_mobile .container .bottom div {
  display: flex;
  justify-content: start;
}
.main_mobile .container .banner {
  padding-top: calc(310 / 750 * 100vw);
}
.main_mobile .swiper {
  width: 100%;
  height: calc(880 / 750 * 100vw);
}
.main_mobile .swiper .swiper-slide {
  width: calc(450 / 750 * 100vw);
  height: calc(800 / 750 * 100vw);
}
.main_mobile .swiper .swiper-slide img {
  width: 100%;
  height: 100%;
}
.main_mobile .swiper-button-prev {
  width: calc(83 / 750 * 100vw);
  height: calc(112 / 750 * 100vw);
  background: url('mImage/zuo.png') no-repeat center;
  background-size: 100% 100%;
}
.main_mobile .swiper-button-next {
  width: calc(83 / 750 * 100vw);
  height: calc(112 / 750 * 100vw);
  background: url('mImage/you.png') no-repeat center;
  background-size: 100% 100%;
}
.main_mobile .swiper-button-prev::after {
  content: '';
}
.main_mobile .swiper-button-next::after {
  content: '';
}
.main_mobile .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0px;
}
.main_mobile .swiper-pagination-bullet {
  opacity: 1;
  width: calc(50 / 750 * 100vw);
  height: calc(50 / 750 * 100vw);
  padding: 0;
}
.main_mobile .swiper-pagination-bullet:nth-child(1) {
  background: url('mImage/weixz_1.png') no-repeat center;
  background-size: 100% 100%;
}
.main_mobile .swiper-pagination-bullet:nth-child(2) {
  background: url('mImage/weixz_2.png') no-repeat center;
  background-size: 100% 100%;
}
.main_mobile .swiper-pagination-bullet:nth-child(3) {
  background: url('mImage/weixz_3.png') no-repeat center;
  background-size: 100% 100%;
}
.main_mobile .swiper-pagination-bullet:nth-child(4) {
  background: url('mImage/weixz_4.png') no-repeat center;
  background-size: 100% 100%;
}
.main_mobile .swiper-pagination-bullet:nth-child(5) {
  background: url('mImage/weixz_5.png') no-repeat center;
  background-size: 100% 100%;
}
.main_mobile .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active {
  background: url('mImage/xuanzhong_1.png') no-repeat center !important;
  background-size: 100% 100% !important;
}
.main_mobile .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active {
  background: url('mImage/xuanzhong_2.png') no-repeat center !important;
  background-size: 100% 100% !important;
}
.main_mobile .swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active {
  background: url('mImage/xuanzhong_3.png') no-repeat center !important;
  background-size: 100% 100% !important;
}
.main_mobile .swiper-pagination-bullet:nth-child(4).swiper-pagination-bullet-active {
  background: url('mImage/xuanzhong_4.png') no-repeat center !important;
  background-size: 100% 100% !important;
}
.main_mobile .swiper-pagination-bullet:nth-child(5).swiper-pagination-bullet-active {
  background: url('mImage/xuanzhong_5.png') no-repeat center !important;
  background-size: 100% 100% !important;
}
.main_mobile .box .qrCode {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
}
.main_mobile .box .qrCode .img {
  width: calc(350 / 750 * 100vw);
  height: calc(350 / 750 * 100vw);
}
.main_mobile .click_txt {
  display: none;
}
.main_mobile .light {
  position: absolute;
  top: calc(180 / 750 * 100vw);
  width: 100%;
}
.main_mobile .light .icon {
  width: 100%;
  display: flex;
  justify-content: center;
}
.main_mobile .light .icon1 {
  justify-content: space-around;
  position: absolute;
  top: calc(200 / 750 * 100vw);
}
.main_mobile .light .icon .img {
  width: calc(300 / 750 * 100vw);
  height: calc(300 / 750 * 100vw);
  animation: likes 0.5s linear infinite;
}
.main_mobile .light .icon1 .img {
  width: calc(200 / 750 * 100vw);
  height: calc(200 / 750 * 100vw);
  animation: likes 0.4s linear infinite;
}
@keyframes likes {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(0.6);
  }
  75% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}

.wxtip {
  background: rgba(0,0,0,0.8);
  text-align: center;
  position: fixed;
  left:0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 998;
  display: none;
}

.wxtip-icon {
  width: 52px;
  height: 67px;
  background: url(./mImage/weixin-tip.png) no-repeat;
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
}

.wxtip-txt {
  margin-top: 107px;
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
}