/*swiper*/
.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;
    transition: 300ms;
  }
  .t1:not(.swiper-slide-active){
    transform: scale(0.8);
  }
.rightan{
    -webkit-animation: rightan 1s infinite;
    -webkit-animation-fill-mode: both;
}
@-webkit-keyframes rightan{
    from{
        bottom: 0%;
        opacity: 0;
    }
    to{
        bottom: 5%;
        opacity: 1;
    }
}
.page1{
    width: 100%;
    position: relative;
}
.page1_1{
    width: 100%;
    position: relative;
}
.add1{
    width: 100%;
    position: absolute;
    left: 0;
    top: 6.64%;
}
.add2{
    width: 100%;
    position: absolute;
    left: 0;
    top: 26.38%;
}
.bg{
    width: 100%;
    display: block;
}
.page2{
    width: 100%;
    position: relative;
}
.page3{
    width: 100%;
    position: relative;
}
.page4{
    width: 100%;
    position: relative;
}
.page5{
    width: 100%;
    position: relative;
}
.a1{
    width: 100%;
    position: absolute;
    left: 0;
    top: 84.5%;
    animation-iteration-count: infinite;
    animation-duration: 2s;
}
.a2{
    width: 100%;
    position: absolute;
    top: 6.4%;
    left: 0;
}
.a3{
    width: 100%;
    position: absolute;
    top: 19.76%;
    left: 0;
}
.a4{
    width: 100%;
    position: absolute;
    top: 57.8%;
    left: 0;
}
.a5{
    width: 2.58rem;
    position: absolute;
    top: 71.84%;
    left: 4.8%;
}
.a6{
    width: 3.49rem;
    position: absolute;
    top: 71.84%;
    left: 50%;
    margin-left: -1.74rem;
}
.a7{
    width: 2.58rem;
    position: absolute;
    top: 71.84%;
    right: 4.8%;
}
.a8{
    width: 100%;
    position: absolute;
    top: 93.6%;
    left: 0;
    z-index: 10;
}
.icon{
    width: 7.013rem;
    height: 8.5rem;
    position: absolute;
    top: 8.8%;
    left: 50%;
    margin-left: -3.5065rem;
}
.icon_rel{
    width: 100%;
    height: 100%;
    position: relative;
}
.a9{
    width: 100%;
    position: absolute;
    left: 0;
    top: 69.9%;
}
.a10{
    width: 1.9rem;
    position: absolute;
    top: 0;
    left: 0;
}
.a11{
    width: 1.9rem;
    position: absolute;
    top: 0;
    left: 24.24%;
}
.a12{
    width: 1.9rem;
    position: absolute;
    top: 0;
    left: 48.67%;
}
.a13{
    width: 1.9rem;
    position: absolute;
    top: 0;
    left: 72.91%;
}

.a14{
    width: 1.9rem;
    position: absolute;
    top: 25.9%;
    left: 24.24%;
}
.a15{
    width: 1.9rem;
    position: absolute;
    top: 25.9%;
    left: 0;
}
.a16{
    width: 1.9rem;
    position: absolute;
    top: 25.9%;
    left: 48.67%;
}
.a17{
    width: 1.9rem;
    position: absolute;
    top: 25.9%;
    left: 72.91%;
}

.b10{
    width: 1.9rem;
    position: absolute;
    top: 51.64%;
    left: 0;
}
.b11{
    width: 1.9rem;
    position: absolute;
    top: 51.64%;
    left: 24.24%;
}
.b12{
    width: 1.9rem;
    position: absolute;
    top: 51.64%;
    left: 48.67%;
}
.b13{
    width: 1.9rem;
    position: absolute;
    top: 51.64%;
    left: 72.91%;
}
.b14{
    width: 1.9rem;
    position: absolute;
    top: 77.55%;
    left: 0;
}
.b15{
    width: 1.9rem;
    position: absolute;
    top: 77.55%;
    left: 24.24%;
}
.b16{
    width: 1.9rem;
    position: absolute;
    top: 77.55%;
    left: 48.67%;
}
.b17{
    width: 1.9rem;
    position: absolute;
    top: 77.55%;
    left: 72.91%;
}

.a18{
    width: 1.9rem;
    position: absolute;
    top: 106.87%;
    left:50%;
    margin-left: -0.95rem;
}
.a19{
    width: 100%;
    position: absolute;
    top: 82.91%;
    left: 0;
}
.a20{
    width: 100%;
    position: absolute;
    top: 17.3%;
    left: 0;
}
.a21{
    width: 0.45rem;
    position: absolute;
    top: 3.5%;
    right: 38.66%;
}
.hehe{
    width: 92%;
    height: auto;
    position: absolute;
    top: 43.79%;
    left: 5%;
    /* padding-left: 9%; */
}
.a22{
    width: 4.44rem;
    display: block;
    margin: 0 auto;
    z-index: 10;
}
.a23{
    width: 3.7rem;
    display: block;
    margin: 0 auto;
    z-index: 9;
}

.a24{
    width: 3.52rem;
    display: block;
    margin: 0 auto;
    z-index: 9;
}
.a25{
    width: 100%;
    position: absolute;
    top: 1%;
    left: 0;
}
.a26{
    width: 2.36rem;
    position: absolute;
    top: 11.31%;
    left: 50%;
    margin-left: -1.18rem;
}
.a27{
    width: 2.36rem;
    position: absolute;
    top: 18.4%;
    left: 18.13%;
}
.a28{
    width: 2.36rem;
    position: absolute;
    top: 21.8%;
    right: 14%;
}
.a28_1{
    width: 2.36rem;
    position: absolute;
    top:28.31%;
    left: 50%;
    margin-left: -1.18rem;
}
.a29{
    width: 100%;
    height: auto !important;
    position: absolute;
    top: 38.49%;
    /* left: 50%; */
    /* margin-left: -1.38rem; */
}
.a30{
    width: 100%;
    position: absolute;
    left: 0;
    top: 54.93%;
    z-index: 10;
}
.form{
    width: 8.05rem;
    position: absolute;
    top: 58.83%;
    left: 50%;
    margin-left: -4.025rem;
    background-color: #493b69;
    border-radius: 0.1rem;
    padding-top: 0.3rem;
    padding-bottom: 0.6rem;
    border: 1px solid #a49db4
}
.name{
    width: 90%;
    height: 1rem;
    line-height: 1rem;
    margin: 0 auto;
}
.txt{
    font-size: 0.35rem;
    color: #ab97d9;
    float: left;
    margin-right: 2%;
}
.nameIn{
    width: 83%;
    float: left;
    height: 1rem;
    text-indent: 2%;
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #ab97d9;
    background: transparent;
    font-size: 0.35rem;
    color: #ab97d9;
}
.phone{
    width: 90%;
    height: 1rem;
    line-height: 1rem;
    margin: 0 auto;
}
.phoneIn{
    width: 83%;
    float: left;
    height: 1rem;
    text-indent: 2%;
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #ab97d9;
    background: transparent;
    font-size: 0.35rem;
    color: #ab97d9;
}
.ly{
    width: 90%;
    height: 1rem;
    line-height: 1rem;
    margin: 0 auto;
    margin-top: 0.5rem;
}
.lyIn{
    width: 83%;
    float: left;
    height: 2rem;
    text-indent: 2%;
    border-radius: 0.1rem;
    border: 1px solid #ab97d9;
    background: transparent;
    font-size: 0.35rem;
    color: #ab97d9;
    margin-top: 0.24rem;
}
.a31{
    width: 3.98rem;
    position: absolute;
    top: 80%;
    left: 50%;
    margin-left: -1.99rem;
}
.a32{
    width: 100%;
    position: absolute;
    top: 86.92%;
    left: 0%;
}
.logo{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.a1_1{
    width: 100%;
    position: absolute;
    top: 63.35%;
    left: 0;
}
.bd {
    -webkit-animation: float ease-in-out 2.5s infinite;
    animation: float ease-in-out 2.5s infinite;
  }

@keyframes float {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    50% {
      -webkit-transform: translateY(1em);
      transform: translateY(1em);
    }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  .contact{
    width: 100%;
    position: absolute;
    top: 86.92%;
    left: 0%;
}
.contact h3{
    width: 100%;
    font-size: 0.42rem;
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
    line-height: 0.33rem;;
    margin-bottom: 0.3rem;
}
.contact p{
    width: 68%;
    line-height: 0.53rem;
    font-size: 0.3rem;
    color: rgba(255,255,255,0.9);
    text-align: left;
    margin: 0 auto;
    /* margin-left: 2%; */
    text-indent: 17%;
}
.sca{
    animation-name: sca;
    animation-duration: 0.5s;
    animation-duration: 0s;
}
@keyframes sca{
    0%{
        transform: scale(1,1)
    }
    100%{
        transform: scale(1.5,1.5)
    }
}
.eg-mini-item{
    width: 3.9rem !important;
    display: flex;
    flex-direction: column;
    color: #fff;
    font-size: 10px;
}
.eg-mini-qrcode{
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    background-color: #fff;
}
.qrcode{
    width: 100%;
}