*{
    padding: 0;
    margin: 0;
}
html{

}
.bm-bg{
 background-image: url('../image/bg.png');
 background-repeat: no-repeat;
 background-size: 100% 100%;
 background-position: top center;
}
body{
  max-width: 750px;
  -webkit-text-size-adjust: 100%important;
  overflow-x: hidden;
  margin: 0 auto;
}
.main{
    box-sizing: border-box;
    position: relative;
    min-height: 100vh;
    /* padding-bottom: 5rem; */
}
.p1{
    width: 100%;
    font-weight: 500;
    font-size: 0.34rem;
    color: #087FFF;
    line-height: 0.48rem;
    text-align: center;
    position: absolute;
    top: 55%;
    padding: 0 0.1rem;
    box-sizing: border-box;
    left: 50%;
    transform: translateX(-50%);
}
.p2{
    width: 100%;
    font-weight: 500;
    font-size: 0.3rem;
    color: #087FFF;
    line-height:0.42rem;
    text-align: center;
    margin-top: 0.46rem;
    position: absolute;
    top: 61%;
    padding: 0 0.1rem;
    box-sizing: border-box;
    left: 50%;
    transform: translateX(-50%);
}
.btnlist{
    width: 6.94rem;
    position: absolute;
    top: 74%;
    left: 50%;
    transform: translateX(-50%);
}
.btntop{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.btn{
    width: 3.36rem;
    height: 1.36rem;
    cursor: pointer;
}
.btn1{
    background-image: url('../image/btn1.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top center;
    box-sizing: border-box;
}
.btn2{
    background-image: url('../image/btn2.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top center;
    box-sizing: border-box;
}
.btn3{
    width: 100%;
    height: 1.12rem;
    margin-top: 0.32rem;
    background-image: url('../image/btn3.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top center;
    box-sizing: border-box;
    cursor: pointer;
}
#downSpan{
    width: 100%;
    height: 100%;
}
#downSpan a{
    width: 100%;
    height: 100%;
    display: block;
}
.gxya{
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.imgfirst{
   padding-top: 0.58rem;
   box-sizing: border-box;
}
.img-box{
    width: 100%;
}
.img1{
    width: 6.8rem;
    height: 2rem;
    margin: 0 auto;
    display: block;
}
.img-box2{
  padding-top: 0.32rem;  
  box-sizing: border-box;
}
.img2{
    width: 6rem;
    height: 0.64rem;
    margin: 0 auto;
    display: block;
    
}
.img-box3{
  padding-top:3%;
  box-sizing: border-box;
}
.img3{
    width: auto;
    max-width:50%;
    max-height: 100%;
    height:auto;
    margin: 0 auto;
    display: block;
}
.imgH3{
    height: 3.72rem;
}

.success{
    background-image: url('../image/bg-s.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
    box-sizing: border-box;
    position: relative;
    min-height: 100vh;
}
.icon-s{
    width: 100%;
    margin-top: 0.96rem;
}
.icon-s img{
    width: 1.6rem;
    height: 1.6rem;
    display: block;
    margin: 0 auto;
}
.su-p{
    font-weight: 700;
    font-size: 0.36rem;
    color: #333333;
    line-height: 0.36rem;
    text-align: center;
    margin-top: 0.64rem;
}
.su-p1{
    font-weight: 400;
    font-size: 0.28rem;
    color: #666666;
    line-height: 0.4rem;
    text-align: center;
    margin-top: 0.44rem;
}
.su-box{
    width: 100%;
    margin-top: 0.96rem;
}
.su-box a{
    width: 6.94rem;
    height: 1.12rem;
    display: block;
    margin: 0 auto;
}
.su-box img{
    width: 6.94rem;
    height: 1.12rem;
    display: block;
}
.su-box-down{
    width: 100%;
    margin-top: 0.32rem;
}
.su-box-down .su-box-down-btn{
    width: 6.94rem;
    height: 1.12rem;
    display: block;
    margin: 0 auto;
    background-image: url('../image/btn-su-down.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}

/* 实现 clientWidth > 750 或者 clientHeight > 2000 的效果 */
@media (min-width: 751px) , (min-height: 2001px) {
    .img1{
        width: 6rem;
        height: auto;
    }
   .img2{
        width: 5rem;
        height: auto;
    }
    .imgH3{
        /* height: 1.8rem; */
    }
    .img-box3{
        padding-top: 0.38rem;
    }
    .btnlist{
        width: 5rem;
        top: 70%;
    }
   .btn{
        width: 2.3rem;
        height: 1rem;
    }
    .btn3{
        height: 0.9rem;
    }
    .p1{
        font-size: 0.3rem;
        top: 51%;
    }
    .p2{
        font-size: 0.3rem;
        top:58%;
    }

    .p1{
        font-size: 0.28rem;
        top: 51%;
    }
    .p2{
        font-size: 0.28rem;
        top:58%;
    }
}
/* @media (max-width: 751px) ,(max-height: 960px) {
     .imgH3{
        height: 2.4rem;
    }
}

@media (max-width: 751px) ,(max-height: 480px) {
     .imgH3{
        height: 2.5rem;
    }
} */