@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
}

*[data-position="top"] {
  position: absolute;
  left: 50%;
  top: 0;
}

*[data-position="bottom"] {
  position: absolute;
  left: 50%;
  bottom: 0;
}

*[data-position="left"] {
  position: absolute;
  left: 0;
  top: 50%;
}

*[data-position="right"] {
  position: absolute;
  right: 0;
  top: 50%;
}

*[data-position="center"] {
  position: absolute;
  left: 50%;
  top: 50%;
}

@keyframes scaleDraw1 {
  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
    transform: scale(1);
    /*开始为原始大小*/
  }
  25% {
    transform: scale(1.1);
    /*放大1.1倍*/
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.1);
  }
}

.loading3 {
  width: 200px;
  height: 200px;
  margin-top: -200px;
  margin-left: -100px;
  -webkit-animation-name: scaleDraw1;
  /*关键帧名称*/
  -webkit-animation-timing-function: ease-in-out;
  /*动画的速度曲线*/
  -webkit-animation-iteration-count: infinite;
  /*动画播放的次数*/
  -webkit-animation-duration: 2s;
  /*动画所花费的时间*/
}

.scaleDraw1 {
  -webkit-animation-name: scaleDraw1;
  /*关键帧名称*/
  -webkit-animation-timing-function: ease-in-out;
  /*动画的速度曲线*/
  -webkit-animation-iteration-count: infinite;
  /*动画播放的次数*/
  -webkit-animation-duration: 2s;
  /*动画所花费的时间*/
}

.up {
  width: 67px;
  height: 59px;
  margin-left: -34px;
  margin-top: 500px;
}

.p2-zp .up {
  visibility: visible !important;
}

.down {
  width: 67px;
  height: 59px;
  margin-left: -34px;
  margin-top: -600px;
}

.p2-zp .down {
  visibility: visible !important;
}

.container {
  width: 750px;
  margin: 0 auto;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  display: none;
  -webkit-overflow-scrolling: touch;
}

.c_container {
  width: 750px;
  margin: 0 auto;
  height: 100%;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}

.zp_container {
  width: 750px;
  margin: 0 auto;
  height: 100%;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}

.main {
  width: 750px;
  height: 1200px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -375px;
  margin-top: -570px;
}

.main1 {
  width: 750px;
  height: 1200px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -375px;
  margin-top: -600px;
}

.main2 {
  width: 750px;
  height: 1300px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -375px;
  margin-top: -600px;
}

.loading {
  position: absolute;
  background: #ffdb46;
  background: #ffdb46;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}

.loading1 {
  margin-left: -197.5px;
  margin-top: -212px;
}

.loading2 {
  margin-left: -197.5px;
  margin-top: -212px;
}

.loading_txt {
  width: 161px;
  height: 52px;
  background: url("../img1/loading_txt1.png") left center no-repeat;
  margin-left: -80.5px;
  margin-top: 22px;
}

.loading_per {
  width: 200px;
  height: 266px;
  background: url("../img1/loading_per1.png") center bottom no-repeat;
  margin-left: 252px;
  margin-top: -246px;
}

.loading_feng {
  width: 288px;
  height: 197px;
  background: url("../img1/loading_feng1.png") left bottom no-repeat;
  margin-left: 236px;
  margin-top: -224px;
}

.p1 {
  background: url(../img1/bg0.jpg) center center no-repeat;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}

.logo {
  width: 251px;
  height: 252px;
  background: url("../img1/logo.png") center center no-repeat;
  margin-left: -125.5px;
  margin-top: -472px;
}

.p1-1 {
  width: 251px;
  height: 105px;
  background: url("../img1/p1-1.png") center center no-repeat;
  margin-left: 257px;
  margin-top: -570px;
}

.p1-2 {
  width: 583px;
  height: 239px;
  background: url("../img1/p1-2.png") center center no-repeat;
  margin-left: -291.5px;
  margin-top: -83px;
}

.p1-3 {
  width: 572px;
  height: 23px;
  background: url("../img1/p1-3.png") center center no-repeat;
  margin-left: -286px;
  margin-top: 472px;
}

.p1-circle1 {
  width: 203px;
  height: 203px;
  margin-left: 20px;
  margin-top: -749px;
}

.p1-circle2 {
  width: 264px;
  height: 264px;
  margin-left: 459px;
  margin-top: -630px;
}

.p1-circle3 {
  width: 383px;
  height: 383px;
  margin-left: -140px;
  margin-top: -303px;
}

.p1-circle4 {
  width: 198px;
  height: 198px;
  margin-left: 528px;
  margin-top: 42px;
}

.p1-circle5 {
  width: 110px;
  height: 110px;
  margin-left: 22px;
  margin-top: 277px;
}

.p1-circle7 {
  width: 318px;
  height: 318px;
  margin-left: 455px;
  margin-top: 430px;
}

.p2 {
  background: #0a0906 url(../img1/p5-bg.jpg) center center no-repeat;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}

.p2-1-img {
  width: 585px;
  height: 585px;
  margin-left: -292.5px;
  margin-top: -554px;
  background: url("../img1/p2-1-img.png") center center no-repeat;
}

.p2-1-txt1 {
  width: 314px;
  height: 269px;
  margin-left: -157px;
  margin-top: -103px;
  background: url("../img1/p2-1-txt1.png") center center no-repeat;
}

.p2-1-txt2 {
  width: 500px;
  height: 85px;
  margin-left: 90px;
  margin-top: 220px;
  background: url("../img1/p2-1-txt2.png") center center no-repeat;
}

.p2-1-txt3 {
  width: 600px;
  height: 153px;
  margin-left: 90px;
  margin-top: 355px;
  background: url("../img1/p2-1-txt3.png") center center no-repeat;
}

.p2-zp {
  background: #000 url("../img1/p2-1-zpbg.jpg") center center no-repeat;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}

.p2-zp1 {
  width: 637px;
  height: 724px;
  margin-left: -318.5px;
  margin-top: -508px;
  background: url("../img1/zp1.png") center center no-repeat;
}

.p2-zp2 {
  width: 632px;
  height: 723px;
  margin-left: -316px;
  margin-top: -508px;
  background: url("../img1/zp2.png") center center no-repeat;
}

.p2-zp3 {
  width: 636px;
  height: 723px;
  margin-left: -318px;
  margin-top: -508px;
  background: url("../img1/zp3.png") center center no-repeat;
}

.p2-zpname {
  width: 526px;
  height: 74px;
  margin-left: -263px;
  margin-top: 308px;
  background: #ff9900;
}

.p2-zpname p {
  font-size: 36px;
  text-align: center;
  width: 100%;
  height: 100%;
  line-height: 74px;
  color: #fff;
}

.left {
  width: 72px;
  height: 72px;
  margin-top: -245px;
  z-index: 10;
  background-size: 72px 72px;
  position: absolute;
  top: 50%;
  left: 22px;
  background-image: url("../img1/left.png");
}

.right {
  width: 72px;
  height: 72px;
  margin-top: -245px;
  z-index: 10;
  background-size: 72px 72px;
  position: absolute;
  top: 50%;
  right: 22px;
  background-image: url("../img1/right.png");
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("../img1/left.png");
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("../img1/right.png");
}

.swiper-button-next, .swiper-button-prev {
  width: 72px;
  height: 72px;
  margin-top: -245px;
  z-index: 10;
  background-size: 72px 72px;
  right: 22px;
}

.swiper-button-next {
  right: 22px;
}

.swiper-button-prev {
  left: 22px;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disable, .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}

.p3 {
  background: #000 center center no-repeat;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}

.p3-img {
  width: 626px;
  height: 384px;
  margin-left: -313px;
  margin-top: -436px;
  background: url("../img1/p3-img.jpg") center center no-repeat;
}

.p3-1 {
  width: 405px;
  height: 94px;
  margin-left: 66px;
  margin-top: -560px;
  background: url("../img1/p3-1.png") center center no-repeat;
}

.p3-2 {
  width: 604px;
  height: 96px;
  margin-left: 66px;
  margin-top: -14px;
  background: url("../img1/p3-2.png") center center no-repeat;
  background-size: 100% auto;
}

.p3-3 {
  width: 530px;
  height: 423px;
  margin-left: 66px;
  margin-top: 115px;
  background: url("../img1/p3-3.png") center center no-repeat;
}

.p4 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: #f9ca15;
  -webkit-overflow-scrolling: touch;
}

.p4-1 {
  width: 100%;
  height: 100%;
  background: url(../img1/00000.jpg) center center no-repeat;
}

.p4-2-img {
  display: none;
}

.p4-3 {
  background: #bc0a0a center center no-repeat;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}

.p4 .p4-3-img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #bc0a0a;
  background-size: 100% auto;
}

.p4-3-txt1 {
  width: 611px;
  height: 174px;
  margin-left: -305.5px;
  margin-top: -587px;
  background: url("../img1/p4-3-txt1.png") center center no-repeat;
}

.p4-3-txt2 {
  width: 425px;
  height: 125px;
  margin-left: -212.5px;
  margin-top: -378px;
  background: url("../img1/p4-3-txt2.png") center center no-repeat;
}

.p4-c1 {
  width: 398px;
  height: 398px;
  margin-left: -199px;
  margin-top: -247px;
}

.p4-c2 {
  width: 303px;
  height: 303px;
  margin-left: -151.5px;
  margin-top: -200px;
}

.p4-c3 {
  width: 233px;
  height: 204px;
  margin-left: -116.5px;
  margin-top: -133px;
}

.p4-2-1 {
  width: 616px;
  height: 112px;
  margin-left: -308px;
  margin-top: -564px;
  background: url("../img1/p4-2-1.png") center center no-repeat;
}

.p4-2-2 {
  width: 423px;
  height: 42px;
  margin-left: -211.5px;
  margin-top: -390px;
  background: url("../img1/p4-2-2.png") center center no-repeat;
}

.p4-2-3 {
  width: 583px;
  height: 168px;
  margin-left: -291.5px;
  margin-top: 213px;
  background: url("../img1/p4-2-3.png") center center no-repeat;
}

.p4-2-4 {
  width: 201px;
  height: 70px;
  margin-left: -100.5px;
  margin-top: 431px;
  background: url("../img1/p4-2-4.png") center center no-repeat;
}

.p4-btn1 {
  width: 625px;
  height: 641px;
  margin-left: -312.5px;
  margin-top: -237px;
  text-align: center;
  color: #fff;
  font-size: 48px;
}

.p4-btn2 {
  width: 385p;
  xheight: 157px;
  margin-left: -192.5px;
  margin-top: 121px;
  text-align: center;
  color: #fff;
  font-size: 48px;
}

.p4 .mask {
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-overflow-scrolling: touch;
}

.rule {
  position: absolute;
  width: 585px;
  height: 1040px;
  top: 50%;
  left: 50%;
  margin-left: -269px;
  margin-top: -538px;
}

.ruleTxt {
  position: relative;
  width: 100%;
  height: 892px;
  background: #f9ca15;
  border-radius: 20px;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}

.rule-txt {
  position: absolute;
  width: 495px;
  top: 72px;
  bottom: 5px;
  left: 50px;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.rule-txt img {
  width: 100%;
}

.rule-txt h3 {
  font-size: 28px;
  color: #000;
  line-height: 1.5;
  margin-bottom: 5px;
}

.rule-txt p {
  font-size: 24px;
  color: #000;
  line-height: 1.5;
  margin-bottom: 5px;
}

.btn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 210px;
  height: 72px;
  margin-left: -105px;
  margin-top: 475px;
  background: #fff;
  font-size: 28px;
  line-height: 72px;
  color: #000;
  text-align: center;
  border-radius: 36px;
}

.p4 .mask2 {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img1/p5-bg.jpg) center center no-repeat;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}

.p4 .zj-info {
  display: none;
  width: 615px;
  height: 1032px;
  margin-left: -307.5px;
  margin-top: -570px;
  text-align: center;
  background: url(../img1/zjbg.png) center center no-repeat;
}

.zj-info .close-btn {
  width: 78px;
  height: 78px;
  margin-top: -555px;
  margin-left: 565px;
  background: url(../img1/close.png) center center no-repeat;
}

.zj-info .gift {
  width: 309px;
  height: 355px;
  margin-top: -463px;
  margin-left: -154.5px;
  background: url(../img1/gift.png) center center no-repeat;
}

.zj-info .gift2 {
  width: 260px;
  height: 385px;
  margin-top: -477px;
  margin-left: -130px;
  background: url(../img1/gift2.png) center center no-repeat;
}

.zj-info .gift5 {
  width: 233px;
  height: 386px;
  margin-top: -477px;
  margin-left: -116.5px;
  background: url(../img1/gift5.png) center center no-repeat;
}

.zj-info .gift7 {
  width: 386px;
  height: 240px;
  margin-top: -390px;
  margin-left: -193px;
  background: url(../img1/gift7.png) center center no-repeat;
}

.zj-info .zj-txt1 {
  width: 304px;
  height: 63px;
  margin-top: -106px;
  margin-left: -152px;
  background: url(../img1/zj-txt1.png) center center no-repeat;
}

.zj-info .zj-txt2 {
  width: 585px;
  height: 63px;
  margin-top: -12px;
  margin-left: -292.5px;
  text-align: center;
  color: #000;
  font-size: 26px;
  font-weight: bold;
}

.zj-info .zj-txt2.gift1-1 {
  width: 506px;
  height: 51px;
  margin-top: -32px;
  margin-left: -253px;
  text-align: center;
  color: #000;
  background: url(../img1/gift1-1.png) center center no-repeat;
}

.zj-info .zj-txt2.gift2-1 {
  width: 358px;
  height: 66px;
  margin-top: -32px;
  margin-left: -179px;
  text-align: center;
  color: #000;
  background: url(../img1/gift2-1.png) center center no-repeat;
}

.zj-info .zj-txt2.gift4-1 {
  width: 551px;
  height: 64px;
  margin-top: -32px;
  margin-left: -275.5px;
  text-align: center;
  color: #000;
  background: url(../img1/gift4-1.png) center center no-repeat;
}

.zj-info .zj-txt2.gift5-1 {
  width: 275px;
  height: 66px;
  margin-top: -32px;
  margin-left: -137.5px;
  text-align: center;
  color: #000;
  background: url(../img1/gift5-1.png) center center no-repeat;
}

.zj-info .zj-txt2.gift7-1 {
  width: 364px;
  height: 66px;
  margin-top: -32px;
  margin-left: -182px;
  text-align: center;
  color: #000;
  background: url(../img1/gift7-1.png) center center no-repeat;
}

.zj-info .zj-txt3 {
  width: 587px;
  height: 63px;
  margin-top: -213.5px;
  margin-left: -293.5px;
  text-align: center;
  color: #000;
  font-size: 30px;
}

.box {
  width: 615px;
  height: 479px;
  margin-left: -307.5px;
  margin-top: 37px;
  background: #fff;
  border-radius: 30px;
}

.box .error {
  width: 507px;
  margin-left: -253.5px;
  margin-top: 205px;
  color: red;
  text-align: center;
  font-size: 24px;
  top: 0;
}

.success_name {
  top: 86px;
  width: 90px;
  height: 56px;
  margin-left: 54px;
  margin-top: 0px;
  font-size: 28px;
  color: #000;
  line-height: 56px;
}

.success_phone {
  top: 154px;
  width: 90px;
  height: 56px;
  margin-left: 54px;
  font-size: 28px;
  color: #000;
  line-height: 56px;
}

.success_address {
  top: 226px;
  width: 90px;
  height: 56px;
  margin-left: 54px;
  font-size: 28px;
  color: #000;
  line-height: 56px;
}

.success_btn {
  width: 189px;
  height: 65px;
  margin-left: -94.5px;
  margin-top: 145.5px;
  background: url(../img1/succbtn.png) center center no-repeat;
  left: 50%;
}

input {
  width: 413px;
  height: 56px;
  margin-left: 147px;
  line-height: 56px;
  border: none;
  outline: medium;
  font-size: 26px;
  font-family: '微软雅黑', "Microsoft YaHei";
  color: #333333;
  text-align: center;
  background: url(../img1/inputbg.png) center center no-repeat;
}

select {
  width: 197px;
  height: 56px;
  line-height: 56px;
  border: none;
  outline: medium;
  font-size: 26px;
  font-family: '微软雅黑', "Microsoft YaHei";
  color: #333333;
  background: url(../img1/sbg.png) center center no-repeat;
  text-align: center;
}

.name {
  margin-top: 86px;
  top: 0px;
}

.phone {
  margin-top: 154px;
  top: 0px;
}

.address {
  margin-top: 300px;
  top: 0px;
}

.prov {
  margin-top: 226px;
  top: 0px;
  margin-left: 147px;
}

.city {
  margin-top: 226px;
  top: 0px;
  margin-left: 362px;
}

.box .gift7-2 {
  width: 480px;
  height: 222px;
  margin-top: -128px;
  margin-left: -240px;
  background: url(../img1/gift7-2.png) center center no-repeat;
}

.box .gift4-2 {
  width: 480px;
  height: 79px;
  margin-top: -128px;
  margin-left: -240px;
  background: url(../img1/gift4-2.png) center center no-repeat;
}

.zj-info2 {
  width: 750px;
  height: 1200px;
  margin-left: -375px;
  margin-top: -600px;
  display: none;
}

.zj-info2 .tkl {
  width: 556px;
  height: 183px;
  margin-left: -278px;
  margin-top: -100px;
  background: url(../img1/tkl.png) center center no-repeat;
}

.zj-info2 .zj-info2-btn {
  width: 209px;
  height: 72px;
  margin-left: -103px;
  margin-top: 177px;
  background: url(../img1/zj-info2-btn.png) center center no-repeat;
}

.p6 {
  background: url(../img1/p5-bg.jpg) center center no-repeat;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}

.p6-1 {
  width: 616px;
  height: 112px;
  background: url("../img1/p6-1.png") center center no-repeat;
  margin-left: -308px;
  margin-top: -564px;
}

.p6-2 {
  width: 349px;
  height: 37px;
  background: url("../img1/p6-2.png") center center no-repeat;
  margin-left: -174.5px;
  margin-top: -439px;
}

.p6-3 {
  width: 598px;
  height: 282px;
  background: url("../img1/p6-3.png") center center no-repeat;
  margin-left: -299px;
  margin-top: 71px;
}

.p6-img {
  width: 629px;
  height: 419px;
  background: url("../img1/p6-img.jpg") center center no-repeat;
  margin-left: -314.5px;
  margin-top: -375px;
}

.p6-4 {
  width: 538px;
  height: 117px;
  background: url("../img1/p6-4.png") center center no-repeat;
  margin-left: -269px;
  margin-top: 397px;
}

.p6 .mask {
  background: rgba(0, 0, 0, 0.5);
  margin-left: -375px;
  top: 0;
  display: none;
}

.p6 .zj-info2 {
  display: block;
}

.p7 {
  background: #0a0906 center center no-repeat;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}

.p7-1 {
  width: 610px;
  height: 83px;
  background: url("../img1/p7-1.png") center center no-repeat;
  margin-left: -305px;
  margin-top: -409px;
}

.p7-2 {
  width: 212px;
  height: 40px;
  background: url("../img1/p7-2.png") center center no-repeat;
  margin-left: -106px;
  margin-top: -300px;
}

.p7-3 {
  width: 214px;
  height: 26px;
  margin-left: -107px;
  margin-top: 180px;
  background: url("../img1/p7-3.png") center center no-repeat;
}

.ewm {
  width: 340px;
  height: 338px;
  margin-left: -170px;
  margin-top: -183px;
}

.p7_box {
  width: 750px;
  height: 236px;
  margin-left: -375px;
  margin-top: 380px;
}

.user {
  position: absolute;
  right: -600px;
  width: 420px;
}

.user .tx {
  width: 60px;
  height: 60px;
  text-align: center;
  border-radius: 30px;
  float: left;
  margin-right: 5px;
}

.user .tx img {
  width: 100%;
  border-radius: 30px;
}

.user .name {
  float: left;
  color: #fff;
  font-size: 24px;
  margin-right: 5px;
  width: 340px;
}

.user .jp {
  float: left;
  color: #fff;
  font-size: 24px;
}

.p8-img {
  width: 620px;
  height: 1004px;
  background: url("../img1/p8-img.png") center center no-repeat;
  margin-left: -310px;
  margin-top: -549px;
}

.slidetip {
  width: 100%;
  height: 100%;
  -webkit-animation-name: slideup1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-duration: .8s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-fill-mode: both;
  -moz-animation-name: slideup1;
  -moz-animation-timing-function: ease;
  -moz-animation-duration: .8s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-fill-mode: both;
  animation-name: slideup1;
  animation-timing-function: ease;
  animation-duration: .8s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}

@keyframes slideup1 {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@-moz-keyframes slideup1 {
  from {
    opacity: 0;
    -moz-transform: translateY(8px);
  }
  to {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-o-keyframes slideup1 {
  from {
    opacity: 0;
    -o-transform: translateY(8px);
  }
  to {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@-webkit-keyframes slideup1 {
  from {
    opacity: 0;
    -webkit-transform: translateY(8px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@keyframes scaleDraw {
  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
    transform: scale(1);
    /*开始为原始大小*/
  }
  25% {
    transform: scale(5.1);
    /*放大1.1倍*/
  }
  50% {
    transform: scale(7);
  }
  75% {
    transform: scale(10.1);
  }
}

.scaleDraw {
  -webkit-animation-name: scaleDraw;
  /*关键帧名称*/
  -webkit-animation-timing-function: ease;
  /*动画的速度曲线*/
  -webkit-animation-duration: 5s;
  /*动画所花费的时间*/
  -webkit-animation-fill-mode: both;
}