.btn {
    position: absolute;
    width: 33%;
    height: auto;
    -webkit-animation: zoomIn 1.5s ease both, pulse 1.5s ease infinite 1.5s;
}

.logo{
z-index:9;
top:2%
}

.tip{}

.page1 .btn {
    top: 77%;
}

.page1 .btn1 {
    left: 12%;
}

.page1 .btn2 {
    right: 12%;
}

.page1 .btn6 {
    top: 79%;
    left: 33%;
}

.page1 .img1 {
    -webkit-animation: fadeFromTop 1.5s ease both;
}

.page1 .img2 {
    -webkit-animation: fadeFromBottom 1.5s ease both;
}

.page1 .img3 {
    -webkit-animation: bounceInLeft 1.5s ease 1s both;
}

.page1 .img4 {
    -webkit-animation: icon 1.5s ease both infinite;
}

.page1 .img5 {
    width: auto;
    height: auto;
    left: 48%;
    top: 55%;
    -webkit-animation: piaofu 1.5s linear both infinite alternate;
}

.page1 .img6 {
    width: auto;
    height: auto;
    left: 74%;
    top: 56%;
    -webkit-animation: piaofu 1.5s linear both infinite 1s alternate;
}

.page2 {
    background: rgba(0, 0, 0, 0.8);
}

.page2 .btn {
    width: 30%;
    left: 35%;
    top: 80%;
}

.page2 .img1 {
    width: auto;
    height: auto;
    left: 0%;
    top: 12%;
    -webkit-animation: piaofu 1.5s linear both infinite 0.5s alternate;
}

.page2 .img4 {
    width: auto;
    height: auto;
    left: 77%;
    top: 48%;
    -webkit-animation: piaofu 1.5s linear both infinite alternate;
}

.page2 .img5 {
    width: auto;
    height: auto;
    left: -9%;
    top: 76%;
    -webkit-animation: piaofu 1.5s linear both infinite 1s alternate;
}

.page3 .item {
    position: absolute;
    width: 79%;
    left: 12%;
    top: 23%;
    font-size: 24px;
    color: #000;
}

.page3 .item .tit {
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 60px;
    font-size: 30px;
}

.page3 .item span {
    width: 22px;
    height: 22px;
    border: 1px solid #000;
    display: inline-block;
    margin-right: 13px;
}

.page3 .qus {
    height: auto;
    font-size: 28px;
    margin-bottom: 20px;
}

.page3 .wrong, .page3 .right, .page3 .choose {
    width: 9%;
    left: -2%;
}

.page3 .mask {
    background: rgba(0, 0, 0, 0.6);
    z-index: 2;
}

.page3 .mask p {
    position: absolute;
    width: 60%;
    text-align: center;
    left: 20%;
    top: 40%;
    font-size: 1.6rem;
    color: black;
    font-weight: bold;
}

.page3 .swiper-slide .img1 {
    width: auto;
    right: 5%;
    top: 57%;
}

.page3 .swiper-slide:nth-of-type(2) .img1 {
    width: auto;
    right: 8%;
    top: 55%;
}

.page3 .swiper-slide:nth-of-type(3) .img1 {
    width: auto;
    right: 5%;
    top: 55%;
}

.page3 .swiper-slide:nth-of-type(4) .img1 {
    width: auto;
    right: 5%;
    top: 55%;
}

.page3 .swiper-slide:nth-of-type(5) .img1 {
    width: auto;
    right: 7%;
    top: 56%;
}

.next-btn {
    left: 35%;
    top: 83%;
    width: 30%;
}

.sure-btn {
    left: 35%;
    top: 89%;
    width: 30%;
}

.page4 .score {
    position: absolute;
    width: 13%;
    text-align: center;
    left: 44%;
    top: 43%;
    color: #e24926;
    font-size: 7rem;
}

.page4 .btn {
    left: 35%;
    display: none;
    top: 75%;
    width: 30%;
}

.page4 .img01 {
    width: auto;
    height: auto;
    left: 0%;
    top: 12%;
    -webkit-animation: piaofu 1.5s linear both infinite 0.5s alternate;
}

.page4 .img04 {
    width: auto;
    height: auto;
    left: 77%;
    top: 48%;
    -webkit-animation: piaofu 1.5s linear both infinite alternate;
}

.page4 .img05 {
    width: auto;
    height: auto;
    left: -9%;
    top: 76%;
    -webkit-animation: piaofu 1.5s linear both infinite 1s alternate;
}

.page4 .img06 {
    width: auto;
    height: auto;
    left: 4%;
    top: -55%;
}

.lotteryPage .zhuanBox {
    position: absolute;
    width: 90%;
    left: 5%;
    top: 29%;
}

.lotteryPage .zhuanBox .img2 {
    width: 19%;
    left: 40%;
    top: 34%;
}

.lotteryPage .btn {
    top: 78%;
}

.lotteryPage .repeat-btn {
    left: 35%;
}

.lotteryPage .goods-btn {
    right: 13%;
}

.myPrizePage .btn {
    top: 80%;
    left: 33%;
}

.myPrizePage .img01 {
    width: auto;
    height: auto;
    left: 0%;
    top: 12%;
    -webkit-animation: piaofu 1.5s linear both infinite 0.5s alternate;
}

.myPrizePage .img04 {
    width: auto;
    height: auto;
    left: 77%;
    top: 48%;
    -webkit-animation: piaofu 1.5s linear both infinite alternate;
}

.myPrizePage .img05 {
    width: auto;
    height: auto;
    left: -9%;
    top: 76%;
    -webkit-animation: piaofu 1.5s linear both infinite 1s alternate;
}

.myPrizePage .img06 {
    width: auto;
    height: auto;
    left: 4%;
    top: -55%;
}

.myPrizePage .goodsName {
    position: absolute;
    width: 50%;
    text-align: center;
    font-size: 46px;
    left: 25%;
    top: 36%;
    color: #e85c35;
    font-weight: bold;
    letter-spacing: 7px;
}

.myPrizePage .goodsNameTip {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 24px;
    top: 42%;
    color: white;
    text-align:center;
    /* letter-spacing: 7px; */
    display:none;
    font-weight: bold;
}

.baoming .box {
    width: 70%;
    left: 15%;
}

.box {
    position: relative;
    width: 60%;
    left: 20%;
    top: 30%;
    border-radius: 15px;
    overflow: hidden;
}

.baoming {
    background: rgba(0, 0, 0, 0.7);
}

.baoming .save {
    width: 28%;
    left: 20%;
    top: 70%;
}

.baoming .close {
    width: 28%;
    right: 20%;
    top: 70%;
}

.baoming input {
    position: absolute;
    width: 74%;
    height: 45px;
    line-height: 50px;
    background: #fff;
    border-radius: 40px;
    border: solid;
    border-width: 1px;
    color: #000;
    left: 13%;
    font-size: 20px;
    outline-style: none;
    -webkit-appearance: none;
    padding-left: 10px;
}

#name {
    top: 50%;
}

#tel {
    top: 65%;
}

#addr {
    top: 80%;
}

.submit {
    position: absolute;
    width: 70%;
    height: 55px;
    line-height: 55px;
    background: #fff;
    color: rgb(160, 18, 18);
    left: 15%;
    top: 75%;
    text-align: center;
    font-size: 26px;
}

.no{
    position: absolute;
    text-align: center;
    /* width: 100%; */
    top: 16%;
    color: black;
    font-size: 2.5rem;
    font-weight: bold;
    left: 47.5%;
}