.logo1_img{
    width: 1.26rem;
    height: 1.61rem;
    left: .6rem;
    top: .3rem;
}
.page0 .title_img{
    /* 0 */
    /* opacity: 1; */
    width: 6.11rem;
    height: 6.22rem;
    margin-top: 1.6rem;
}
.bg_msg{
    background: url(../img/shouye_bg.png) top center no-repeat;
    background-size: cover;
}
.page0 .start_btn_img{
    /* 0 */
    /* opacity: 1; */
    width: 3.4rem;
    height: 1.01rem;
}
.startbtn{
    position: relative;
}
.startbtn .dianji{
    width: 1.64rem;
    height: 1.79rem;
    position: absolute;
    right: -.9rem;
    top: 1.3rem;
    opacity: 0;
}
.logo3_img{
    width: 3.6rem;
    height: 1.7rem;
    position: absolute;
    bottom: .8rem;
    opacity: 0;
}
/* .page1 */
.page1{
    background: url(../img/sec_bg.png)top center no-repeat;
    background-size: cover;
}
.page1 .content_msg {
    padding-top: 1.2rem;
}
.page1 .btn_wrap{
    /* justify-content: ; */
    display: block;
    width: 100%;
    position: relative;
    padding-top: 0;
    height: 13rem;
}

.page1 .p2_3_img{
    width: 4.22rem;
    height: 4.15rem;
    background: url(../img/sec_cj1.png)top center no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.page1 .p2_4_img{
    width: 3.81rem;
    height: 4.21rem;
    background: url(../img/sec_cj2.png)top center no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
}
.page1 .p2_5_img{
    width: 3.79rem;
    height: 4.38rem;
    background: url(../img/sec_cj3.png)top center no-repeat;
    background-size: cover;
    position: absolute;
    top: 3.2rem;
    left: 0;
}
.page1 .p2_6_img{
    width: 4.13rem;
    height: 4.23rem;
    background: url(../img/sec_cj4.png)top center no-repeat;
    background-size: cover;
    position: absolute;
    top: 3.3rem;
    right: 0;
}
.page1 .p2_7_img{
    width: 4.23rem;
    height: 4.04rem;
    background: url(../img/sec_cj5.png)top center no-repeat;
    background-size: cover;
    position: absolute;
    top: 6.86rem;
    left: 0;
}
.page1 .p2_8_img{
    width: 3.67rem;
    height: 4.51rem;
    background: url(../img/sec_cj6.png)top center no-repeat;
    background-size: cover;
    position: absolute;
    top: 6.7rem;
    right: 0;
}

.page1 .cj_box img{
    width: 2.6rem;
    height: auto;
    position: absolute;
    margin-bottom: 0;
}
.page1 .p2_3_img img{
    left: .4rem;
    top: 1.5rem;
}
.page1 .p2_4_img img{
    right: .2rem;
    top: 1.5rem;
}
.page1 .p2_5_img img{
    left: .2rem;
    top: 1.5rem;
}
.page1 .p2_6_img img{
    right: .4rem;
    top: 1.5rem;
}
.page1 .p2_7_img img{
    left: .4rem;
    top: 1.4rem;
}
.page1 .p2_8_img img{
    right: .2rem;
    top: 1.5rem;
}
.page1 .p2_9_img{
    width: 100%;
    height: 4rem;
    pointer-events: none;
}
.about{
    width: 3.6rem;
    height: 3.8rem;
    bottom: 0;
    left: 2.3rem;
}
.question{
    width: 2.24rem;
    height: 1.44rem;
    position: absolute;
    left: .3rem;
    top: .6rem;
    opacity: 0;
}
.wenhao{
    width: 1.08rem;
    height: 1.7rem;
    position: absolute;
    right: .2rem;
    bottom: .6rem;
}
/* .page2 */
.page2{
    background-image: none;
}
.yxbj_bg{
    padding-bottom: 0;
}
.content_msg{
    width: 100%;
    height: 100%;
}
.wenzimsg{
    width: 100%;
    height: 100%;
    padding: 0;
}
.box{
    width: 100%;
    height: 100%;
    background: url(../img/bg_1.png)top center no-repeat;
    background-size: 100% 100%;
    padding: .9rem .4rem ;
    display: flex;
    flex-wrap: wrap;
}
.box .top{
    width: 100%;
    height: 1.37rem;
}
.box .top img{
    width: 3.25rem;
    height: 1.37rem;
}
.box .btm {
    width: 100%;
    padding-bottom: 1rem;
    display: flex;
    justify-content: space-between;
}
.ck_tip{
    width: 2.8rem;
    height: .78rem;
}
.back{
    width: 1.1rem;
    height: .84rem;
}
.box .mid{
    width: 100%;
    /* height: 12.5rem; */
    height: 86%;
    position: relative;
}
.tip_i{
    width: 1.15rem;
    height: 1.14rem;
    display: none;
}
.tip_i.active{
    display: block;
}
.box1 .tip1{
    width: 2.3rem;
    height: 4rem;
    /* background-color: aqua; */
    position: absolute;
    bottom: 1.7rem;
    left: 1rem;
}
.box1 .tip1 .tip_i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,0);
}
.box1 .tip2{
    width: 2.3rem;
    height: 3rem;
    /* background-color: aqua; */
    position: absolute;
    bottom: 5.5rem;
    left: 2.5rem;
}
.box1 .tip2 .tip_i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,0);
}
.box1 .tip3{
    width: 3rem;
    height: 3rem;
    /* background-color: aqua; */
    position: absolute;
    bottom: .5rem;
    left: 3.7rem;
}
.box1 .tip3 .tip_i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,0);
}
.crossmark{
    width: 1.04rem;
    height: 1.02rem;
    position: absolute;
    display: none;
    pointer-events: none;
    /* transition: opacity 0.3s; */
    /* animation: fadeIn 0.2s ease-out; */
}
.crossmark.active {
    display: block;
    opacity: 1;
}
@keyframes fadeIn {
    from { opacity: 0; transform: scale(0.8); }
    to { opacity: 1; transform: scale(1); }
}

/* page2_alert1 */
.page2_alert1{
    background-color: rgba(0, 0, 0, 0.598);
    /* display: none; */
}
.page2_alert1 img{
    margin-bottom: .2rem;
}
.page2_alert1 .chengg{
    width: 5.2rem;
    height: 3.19rem;
}
.page2_alert1 .xcj{
    width: 3.74rem;
    height: 1.05rem;
}
.page2_alert1 .reset-btn{
    width: 3.74rem;
    height: 1.05rem;

}
.img_t{
    width: 6.8rem;
    height: 4.64rem;
    margin-bottom: .2rem;
}
.jx,.fh{
    width: 4.09rem;
    height: 1.25rem;
    margin-bottom: .2rem
}

/*  */
.box2{
    background: url(../img/bg_2.png)top center no-repeat;
    background-size: 100% 100%;
}
.box3{
    background: url(../img/bg_3.png)top center no-repeat;
    background-size: 100% 100%;
}
.box4{
    background: url(../img/bg_4.png)top center no-repeat;
    background-size: 100% 100%;
}
.box5{
    background: url(../img/bg_5.png)top center no-repeat;
    background-size: 100% 100%;
}
.box6{
    background: url(../img/bg_6.png)top center no-repeat;
    background-size: 100% 100%;
}

.box2 .tip1{
    width: 2.3rem;
    height: 2.9rem;
    /* background-color: aqua; */
    position: absolute;
    bottom: 3.9rem;
    left: .4rem;
}
.box2 .tip1 .tip_i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,0);
}
.box2 .tip2{
    width: 3rem;
    height: 1.4rem;
    /* background-color: aqua; */
    position: absolute;
    bottom: 7.7rem;
    left: 1.8rem;
}
.box2 .tip2 .tip_i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,0);
}
.box2 .tip3{
    width: 4rem;
    height: 2.5rem;
    /* background-color: aqua; */
    position: absolute;
    bottom: 5.1rem;
    left: 2.9rem;
}
.box2 .tip3 .tip_i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,0);
}

.box3 .tip1{
    width: 2.3rem;
    height: 2.5rem;
    /* background-color: aqua; */
    position: absolute;
    bottom: 7.2rem;
    left: 1rem;
}
.box3 .tip1 .tip_i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,0);
}
.box3 .tip2{
    width: 2.3rem;
    height: 3rem;
    /* background-color: aqua; */
    position: absolute;
    bottom: 3.3rem;
    left: 1.5rem;
}
.box3 .tip2 .tip_i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,0);
}
.box3 .tip3{
    width: 5rem;
    height: 2.5rem;
    /* background-color: aqua; */
    position: absolute;
    bottom: 1.5rem;
    left: .7rem;
}
.box3 .tip3 .tip_i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,0);
}

.box4 .tip1{
    width: 2.4rem;
    height: 2.5rem;
    /* background-color: aqua; */
    position: absolute;
    bottom: 3.7rem;
    left: 4.5rem;
}
.box4 .tip1 .tip_i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,0);
}
.box4 .tip2{
    width: 2.3rem;
    /* height: 3rem; */
    height: 2rem;
    /* background-color: aqua; */
    position: absolute;
    /* bottom: 3.9rem;
    left: 2.5rem; */
    bottom: 1.9rem;
    left: 1.5rem;
}
.box4 .tip2 .tip_i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,0);
}
.box4 .tip3{
    width: 3rem;
    height: 2rem;
    /* background-color: aqua; */
    position: absolute;
    bottom: 0rem;
    left: 4rem;
}
.box4 .tip3 .tip_i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,0);
}

.box5 .tip1{
    width: 4rem;
    height: 2.6rem;
    /* background-color: aqua; */
    position: absolute;
    bottom: 3.9rem;
    left: 2.4rem;
}
.box5 .tip1 .tip_i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,0);
}
.box5 .tip2{
    width: 2.3rem;
    height: 2rem;
    /* background-color: aqua; */
    position: absolute;
    bottom: 6.4rem;
    left: 2.5rem;
}
.box5 .tip2 .tip_i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,0);
}
.box5 .tip3{
    width: 3rem;
    height: 2rem;
    /* background-color: aqua; */
    position: absolute;
    bottom: 1.5rem;
    left: 1.7rem;
}
.box5 .tip3 .tip_i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,0);
}

.box6 .tip1{
    width: 2.3rem;
    height: 3rem;
    /* background-color: aqua; */
    position: absolute;
    bottom: 5rem;
    left: 0rem;
}
.box6 .tip1 .tip_i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,0);
}
.box6 .tip2{
    width: 1.7rem;
    height: 3rem;
    /* background-color: aqua; */
    position: absolute;
    bottom: 7.7rem;
    left: 1.9rem;
}
.box6 .tip2 .tip_i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,0);
}
.box6 .tip3{
    width: 3rem;
    height: 4.3rem;
    /* background-color: aqua; */
    position: absolute;
    bottom: -1.3rem;
    left: 2.7rem;
}
.box6 .tip3 .tip_i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,0);
}


.page3{
    background: url(../img/jieyu.png)top center no-repeat;
    background-size: cover;
}