* {
    margin: 0;
    padding: 0;
    list-style: none;
    onFocus: "blur(this)";
    outline: none;
    border: none;
    background: none;
    vertical-align: top;
    box-sizing: border-box
}

body {
    font-family: Arial,Helvetica,sans-serif "微软雅黑";
    padding: 0;
    margin: 0 auto;
    background-color: #c7e6ff;
    max-width: 7.5rem;
    margin: 0 auto
}

a {
    text-decoration: none;
    color: #000
}

a:hover {
    color: #333;
    text-decoration: none
}

.clear:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both
}

header,section,footer,aside,nav,main,article,figure {
    display: block
}

.flex {
    display: flex
}

.aic {
    align-items: center
}

.jcc {
    justify-content: center
}

.jcs {
    justify-content: space-between
}

.po_r {
    position: relative
}

.cur {
    cursor: pointer
}

img {
    display: block
}

.fixed_full {
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 999999;
    left: 0;
    top: 0
}

.fixed_full .center {
    width: 7.5rem;
    height: 100%;
    margin: 0 auto
}

.wenzimsg {
    width: 6.72rem;
    height: 13rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.4rem .4rem 0 .4rem;
    position: relative
}
.cir1_img{
    width: 4rem;
    height: 4rem;
    position: absolute;
    /* background: url(../img/jd_cir.png)left center no-repeat; */
    bottom: .2rem;
    left: .9rem;
    opacity: 0;
}
.timu3 .cir1_img{
    bottom: 2.2rem;
    left: -.1rem;
    opacity: 0;
}
.timu6 .cir1_img{
    height: 5rem;
    bottom: .2rem;
    left: .9rem;
    opacity: 0;
}
.page2 .timu1 .pic .cir1_img img{
    width: 1.82rem;
    height: 1.16rem;
    position: absolute;
    top: 1.7rem;
    left: .6rem;
}
.page2 .timu2 .pic .cir1_img img{
    width: 2.52rem;
    height: 3.2rem;
    position: absolute;
    top: -0.4rem;
    left: -.6rem;
}
.page2 .timu3 .pic .cir1_img img{
    width:3rem;
    height: 1.5rem;
    position: absolute;
    top: 1.3rem;
    left: .8rem;
}
.page2 .timu4 .pic .cir1_img img{
    width: 2rem;
    height: 1.8rem;
    position: absolute;
    top: 1.2rem;
    left: 1.2rem;
}
.page2 .timu5 .pic .cir1_img img{
    width: 1.5rem;
    height: .9rem;
    position: absolute;
    top: .5rem;
    left: .2rem;
}
.page2 .timu6 .pic .cir1_img img{
    width: 2rem;
    height: 4.7rem;
    position: absolute;
    top: .7rem;
    left: 1rem;
}

.page2_alert1,.page3_alert1,.page4_alert1 {
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.page2_alert1 #yanhua,.page3_alert1 #yanhua,.page4_alert1 #yanhua {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    pointer-events: none
}

.page2_alert1 .zailaiyici_img,.page3_alert1 .zailaiyici_img,.page4_alert1 .zailaiyici_img {
    width: 2.77rem;
    height: .8rem;
    display: block
}

.page2_alert1 .xyg_img,.page3_alert1 .xyg_img,.page4_alert1 .xyg_img {
    width: 2.77rem;
    height: .8rem;
    display: block
}

.page2_alert1 .center,.page3_alert1 .center,.page4_alert1 .center {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    z-index: 10;
    width: 6.73rem;
    height: 10.81rem
}

.page2_alert1 .wz_info_wrap,.page3_alert1 .wz_info_wrap,.page4_alert1 .wz_info_wrap {
    width: 100%;
    height: 7.8rem;
    overflow: auto;
    padding: .1rem .1rem;
    margin-top: .2rem;
    padding-bottom: 1rem
}

.page2_alert1 .wz_info,.page3_alert1 .wz_info,.page4_alert1 .wz_info {
    padding: .1rem .1rem;
    margin-top: .2rem;
    border-bottom: 2px solid #744c0b;
    width: 100%
}

.page2_alert1 .wz_info .hz_img_text1,.page3_alert1 .wz_info .hz_img_text1,.page4_alert1 .wz_info .hz_img_text1 {
    font-size: .22rem;
    line-height: .36rem
}

.page2_alert1 .wz_info .right,.page3_alert1 .wz_info .right,.page4_alert1 .wz_info .right {
    margin-left: .1rem
}

.page2_alert1 .jgw_img_btn1,.page3_alert1 .jgw_img_btn1,.page4_alert1 .jgw_img_btn1 {
    width: 1.32rem;
    height: 1.53rem;
    display: block;
    margin-bottom: .1rem;
    position: relative;
    z-index: 5;
    border-radius: .12rem
}

.page2_alert1 .hz_img_btn1,.page3_alert1 .hz_img_btn1,.page4_alert1 .hz_img_btn1 {
    width: 1.06rem;
    height: 1.32rem;
    display: block;
    margin-left: .1rem;
    margin-bottom: .14rem;
    position: relative;
    z-index: 3
}

.page2_alert1 .hz_img_btn1 .fireworks,.page3_alert1 .hz_img_btn1 .fireworks,.page4_alert1 .hz_img_btn1 .fireworks {
    position: absolute;
    width: 2rem;
    height: 2rem;
    z-index: 1;
    left: calc(50% - 1rem);
    top: calc(50% - 1rem)
}

.page2_alert1 .jiezi_img,.page3_alert1 .jiezi_img,.page4_alert1 .jiezi_img {
    width: 1.24rem;
    height: .49rem;
    display: block
}

.page2_alert1 .sbg_img,.page3_alert1 .sbg_img,.page4_alert1 .sbg_img {
    height: .97rem;
    display: block
}

.page2_alert1 .cg_img,.page3_alert1 .cg_img,.page4_alert1 .cg_img {
    height: .97rem;
    display: block
}

.page2_alert1 .jrxyg_img,.page3_alert1 .jrxyg_img,.page4_alert1 .jrxyg_img {
    width: 2.55rem;
    height: .78rem;
    display: block;
    position: absolute;
    bottom: 2rem;
    left: calc(50% - 1.225rem);
    z-index: 9999999
}

.page2_alert1 .cxtz_img,.page3_alert1 .cxtz_img,.page4_alert1 .cxtz_img {
    width: 2.55rem;
    height: .78rem;
    display: block;
    position: absolute;
    bottom: 2rem;
    left: calc(50% - 1.225rem);
    z-index: 99999999
}

.page2_alert1 .zlyc_img,.page3_alert1 .zlyc_img,.page4_alert1 .zlyc_img {
    width: 2.57rem;
    height: .75rem;
    display: block;
    margin: .6rem auto .4rem
}

.page3_alert1 .center {
    height: 12.81rem
}

.page3_alert1 .center .wenzimsg {
    height: 12.81rem;
    padding-bottom: .6rem;
    overflow: auto
}

.page3_alert1 .fdj_img {
    width: 1.61rem !important;
    left: -0.28rem !important;
    top: -0.3rem !important
}

.page3_alert1 .wz_info_wrap {
    width: 100%;
    height: 10.6rem;
    overflow: auto;
    padding: .1rem .1rem;
    margin-top: 0;
    padding-bottom: 1rem
}

.page3_alert1 .yxbj_bg::after {
    bottom: -0.5rem
}

.page3_alert1 .zailaiyici_img {
    width: 2.55rem;
    height: .78rem;
    display: block;
    position: absolute;
    bottom: .6rem;
    left: calc(50% - 1.225rem);
    z-index: 99999999
}

.qidongye {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.qidongye .xjp_img {
    width: 6.59rem;
    height: 2.47rem;
    display: block;
    margin-bottom: .8rem
}

.qidongye .loading_wrap {
    position: relative;
    z-index: 999
}

.qidongye .loading_wrap .topmsg {
    display: flex;
    align-items: center;
    justify-content: center
}

.qidongye .loading_wrap .topmsg .bd_img {
    width: .1rem;
    height: .1rem;
    display: block;
    margin: 0 .08rem
}

.qidongye .loading_wrap .topmsg .d_img {
    width: .28rem;
    height: .5rem;
    display: block
}

.qidongye .loading_wrap .topmsg .h_img {
    width: .36rem;
    height: .54rem;
    display: block;
    margin: 0 .08rem
}

.qidongye .loading_wrap .topmsg .w_img {
    width: .37rem;
    height: .56rem;
    display: block
}

.qidongye .loading_wrap .bt_msg {
    text-align: center
}

.qidongye .loading_wrap .bt_msg h1 {
    font-size: .24rem;
    color: #0c6b8b
}

.qidongye .loading_wrap .bt_msg h2 {
    font-size: .2rem;
    color: #0c6b8b
}

.qidongye .logo_img {
    display: block
}

.qidongye .jindutiao_wrap {
    width: 5.58rem;
    height: .54rem;
    margin: .15rem auto .2rem;
    border-radius: .27rem;
    border: .04rem solid #00c7c2;
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 0 .06rem
}

.qidongye .jindutiao_wrap .jindutiao {
    border-radius: .27rem;
    overflow: hidden;
    width: 100%;
    height: .4rem;
    background-color: #075d8e;
    background-image: repeating-linear-gradient(-45deg, #075d8e, #075d8e 0.15rem, #00c7c2 0.15rem, #00c7c2 0.3rem);
    background-size: 6rem 100%;
    animation: barberpole 12s linear infinite;
    -webkit-animation: barberpole 12s linear infinite;
    -webkit-border-radius: .27rem;
    -moz-border-radius: .27rem;
    -ms-border-radius: .27rem;
    -o-border-radius: .27rem
}

.qidongye .jindutiao_wrap .jindutiao_sub_wrap {
    border-radius: .27rem;
    overflow: hidden;
    width: 0;
    height: .4rem;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s
}

@keyframes jindutiao {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@keyframes barberpole {
    from {
        background-position: 0% 0%
    }

    to {
        background-position: 6rem 0%
    }
}

.yxbj_bg {
    background: url(https://uploads.dahe.cn/xrf/zt/2024/zjzg/img/page3.png) top center no-repeat;
    background-size: 7.5rem 100vh;
    background-color: #e3e5d7;
    width: 7.5rem;
    height: 100vh;
    position: relative;
    padding-bottom: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.yxbj_bg .fdj_img {
    position: absolute;
    z-index: 10;
    width: 1.61rem !important;
    left: -0.28rem !important;
    top: -0.3rem !important
}

.yxbj_bg1 {
    background: url(https://uploads.dahe.cn/xrf/zt/2024/zjzg/img/page3.png) top center no-repeat;
    background-size: 7.5rem 100vh;
    background-color: #e3e5d7
}

.yxbj_bg2 {
    background: url(https://uploads.dahe.cn/xrf/zt/2024/zjzg/img/page5.png) top center no-repeat;
    background-size: 7.5rem 100vh;
    background-color: #e3e5d7
}

.yxbj_bg3 {
    background: url(https://uploads.dahe.cn/xrf/zt/2024/zjzg/img/page6.png) top center no-repeat;
    background-size: 7.5rem 100vh;
    background-color: #e3e5d7
}

.yxbj_bg4 {
    background: url(https://uploads.dahe.cn/xrf/zt/2024/zjzg/img/page8.png) top center no-repeat;
    background-size: 7.5rem 100vh;
    background-color: #e3e5d7
}

.yxbj_bg5 {
    /* background: url(https://uploads.dahe.cn/xrf/zt/2024/zjzg/img/page4.png) top center no-repeat; */
    /* background-size: cover; */
    background-color: #e3e5d7;
    width: 100%;
    height: 100%;
    /* display: flex; */
    /* flex-direction: column; */
    /* align-items: center; */
    /* justify-content: center; */
    /* padding-bottom: 1rem */
    /* padding: .5rem; */
    background-color: #000000b8;
}
.yxbj_bg5 iframe{
    width: 100%;
    height: 100%;
    background-color: #fff;
}
.yxbj_bg5 .close{
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    color: #fff;
    width: 1rem;
    height: 1rem;
    text-align: center;
    line-height: 1rem;
    font-size: .5rem;
}

.yxbj_bg5 .no1_success_img {
    width: 4.13rem;
    height: 1.52rem;
    display: block
}

.yxbj_bg5 .no1_success1_img {
    width: 4.24rem;
    height: 4.24rem;
    display: block;
    margin-bottom: .2rem
}

.yxbj_bg5 .no1_success2_img {
    width: 6.36rem;
    height: 4.15rem;
    display: block;
    margin-bottom: 1rem
}

.yxbj_bg5 .endgame_img {
    width: 2rem;
    height: .62rem;
    display: block
}

.yxbj_bg5 .backhome1_img {
    width: 2rem;
    height: .62rem;
    display: block;
    margin-left: .4rem
}

.yxbj_bg6 {
    background: url(https://uploads.dahe.cn/xrf/zt/2024/zjzg/img/page7.png) top center no-repeat;
    background-size: cover;
    background-color: #e3e5d7;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* padding-bottom: 1rem */
}

.yxbj_bg6 .no2_success_img {
    width: 4.13rem;
    height: 1.52rem;
    display: block
}

.yxbj_bg6 .no2_success1_img {
    width: 4.24rem;
    height: 4.24rem;
    display: block;
    margin-bottom: .2rem
}

.yxbj_bg6 .no2_success2_img {
    width: 6.36rem;
    height: 4.15rem;
    display: block;
    margin-bottom: 1rem
}

.yxbj_bg6 .endgame_img {
    width: 2rem;
    height: .62rem;
    display: block
}

.yxbj_bg6 .backhome1_img {
    width: 2rem;
    height: .62rem;
    display: block;
    margin-left: .4rem
}

.yxbj_bg7 {
    background: url(https://uploads.dahe.cn/xrf/zt/2024/zjzg/img/page9.png) top center no-repeat;
    background-size: cover;
    background-color: #e3e5d7;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 1rem
}

.yxbj_bg7 .no3_success_img {
    width: 4.13rem;
    height: 1.52rem;
    display: block
}

.yxbj_bg7 .no3_success1_img {
    width: 3.6rem;
    height: 3.6rem;
    display: block;
    margin-bottom: .2rem
}

.yxbj_bg7 .no3_success2_img {
    width: 6.97rem;
    height: 5.11rem;
    display: block;
    margin-bottom: 1rem
}

.yxbj_bg7 .endgame_img {
    width: 2rem;
    height: .62rem;
    display: block
}

.yxbj_bg7 .backhome1_img {
    width: 2rem;
    height: .62rem;
    display: block;
    margin-left: .4rem
}

.bg_msg1 {
    background: url(https://uploads.dahe.cn/xrf/zt/2024/zjzg/img/bg.jpg) top center no-repeat;
    background-size: 100% auto;
    background-color: #d9fae9;
    position: absolute;
    width: 100%;
    height: 100vh;
    z-index: -1;
    left: 0;
    top: 0
}

.bg_msg {
    background: url(../img/sybg.jpg) top center no-repeat;
    background-size: cover;
    background-color: #d9fae9;
    position: absolute;
    width: 100%;
    height: 100vh;
    z-index: -1;
    left: 0;
    top: 0
}

.bg_msg #yanhua1,.bg_msg #yanhua2 {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0
}

.bg_msg .sb_img {
    width: 5.96rem;
    height: 2.31rem;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.bg_msg .xb_img {
    width: 5.92rem;
    height: 3.49rem;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3
}

.bg_msg .jgw_img {
    width: 100%;
    height: 4.29rem;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: url("https://uploads.dahe.cn/xrf/zt/2023/h5_yxjgw/img/jgw.png") top center repeat-x;
    background-size: 6.94rem 100%;
    animation: background_move linear 10s infinite;
    -webkit-animation: background_move linear 10s infinite
}

@keyframes background_move {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 7.5rem 0
    }
}

.pages_wrap {
    height: 100vh;
    width: 100%;
    position: relative;
    overflow: hidden;
    max-width: 7.5rem
}

.pages_wrap .page {
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.pages_wrap .page .dyg_img {
    width: 2.07rem;
    height: .96rem;
    display: block;
    margin: 0 auto .12rem
}

.pages_wrap .page .deg_img {
    width: 2.01rem;
    height: .96rem;
    display: block;
    margin: 0 auto .12rem
}

.pages_wrap .page .dsg_img {
    width: 2.09rem;
    height: .96rem;
    display: block;
    margin: 0 auto .12rem
}

.pages_wrap .page .tishi_img {
    width: 5.18rem;
    height: 1.1rem;
    display: block;
    margin: .1rem auto .6rem
}

.pages_wrap .page .jgw:nth-child(1) {
    z-index: 15
}

.pages_wrap .page .jgw:nth-child(2) {
    z-index: 14
}

.pages_wrap .page .jgw:nth-child(3) {
    z-index: 13
}

.pages_wrap .page .jgw:nth-child(4) {
    z-index: 12
}

.pages_wrap .page .jgw:nth-child(5) {
    z-index: 11
}

.pages_wrap .page .jgw:nth-child(6) {
    z-index: 10
}

.pages_wrap .page .jgw:nth-child(7) {
    z-index: 9
}

.pages_wrap .page .jgw:nth-child(8) {
    z-index: 8
}

.pages_wrap .page .jgw:nth-child(9) {
    z-index: 7
}

.pages_wrap .page .jgw:nth-child(10) {
    z-index: 6
}

.pages_wrap .page .jgw_img_btn {
    width: 1.83rem;
    height: 1.88rem;
    display: block;
    margin: 0 .06rem .12rem;
    position: relative;
    z-index: 5;
    opacity: 0;
    border-radius: .12rem
}

.pages_wrap .page .jgw_img_btn.active {
    transition: all .3s;
    filter: drop-shadow(0 0.1rem 0.18rem #666);
    z-index: 666 !important;
    -webkit-filter: drop-shadow(0 0.1rem 0.18rem #666)
}

.pages_wrap .page .hz_img_btn {
    width: 1.93rem;
    height: 1.93rem;
    display: block;
    margin: 0 .12rem .12rem;
    position: relative;
    opacity: 0;
    z-index: 3
}

.pages_wrap .page .hz_img_btn.active {
    transition: all .3s;
    filter: drop-shadow(0 0.1rem 0.18rem #666);
    z-index: 666 !important;
    -webkit-filter: drop-shadow(0 0.1rem 0.18rem #666)
}

.pages_wrap .page .time_img {
    width: .48rem;
    height: .67rem;
    display: block
}

.pages_wrap .page .hide_wrap {
    position: absolute;
    width: 100%;
    height: 100vh;
    display: none;
    left: 0;
    top: 0
}

.pages_wrap .page .hidetime {
    position: absolute;
    width: 1.44rem;
    height: 2.01rem;
    left: calc(50% - .72rem);
    top: calc(50% - 1.005rem);
    opacity: 0;
    z-index: 999999
}

.pages_wrap .page .djs_wrap {
    position: relative;
    background: #d07816;
    width: 3.13rem;
    height: .57rem;
    border-radius: .3rem;
    margin-left: .2rem;
    box-shadow: inset .02rem .04rem #57300f;
    margin-top: .1rem
}

.pages_wrap .page .djs_wrap .djs_sub_wrap {
    width: calc(100% - .1rem);
    height: 100%;
    border-radius: .3rem;
    position: relative;
    margin-left: .02rem;
    overflow: hidden
}

.pages_wrap .page .djs_wrap .djs {
    font-size: .22rem;
    color: #9e5c00;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    height: 100%;
    font-weight: 800
}

.pages_wrap .page .djs_wrap .djs_time {
    font-size: .22rem;
    color: #9e5c00;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    font-weight: 800;
    position: absolute;
    z-index: 1;
    left: .03rem;
    top: .05rem;
    width: 50%;
    height: .47rem;
    border-radius: .3rem;
    background: linear-gradient(to right, #f2a807, #fdcd11);
    overflow: hidden
}

.pages_wrap .page .djs_wrap .djs_time::before {
    content: "";
    position: absolute;
    top: .1rem;
    left: .2rem;
    width: .06rem;
    height: .03rem;
    box-shadow: inset 0 0 .06rem rgba(255,255,255,.6);
    border-radius: .015rem;
    -webkit-border-radius: .015rem;
    -moz-border-radius: .015rem;
    -ms-border-radius: .015rem;
    -o-border-radius: .015rem
}

.pages_wrap .page .djs_wrap .djs_time::after {
    content: "";
    position: absolute;
    top: .06rem;
    right: .2rem;
    width: .1rem;
    height: .05rem;
    box-shadow: inset 0 0 .06rem rgba(255,255,255,.6);
    border-radius: .015rem;
    -webkit-border-radius: .015rem;
    -moz-border-radius: .015rem;
    -ms-border-radius: .015rem;
    -o-border-radius: .015rem
}

.pages_wrap .page0 {
    display: flex
}

.logo1_img {
    width: 3.12rem;
    height: .35rem;
    display: block;
    position: absolute;
    /* left: 50%; */
    /* transform: translateX(-50%); */
    top: .7rem;
    z-index: 999
}

.page0 .content_msg {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center */
    justify-content: flex-start;
}

.page0 .title_img {
    width: 6.68rem;
    height: 2.82rem;
    display: block;
    opacity: 0;
    margin-top: 10vh;
}

.page0 .title1_img {
    width: 5.2rem;
    height: 2.19rem;
    display: block;
    margin-top: 11vh;
    opacity: 0;
}

.page0 .start_btn_img {
    width: 2.98rem;
    height: .62rem;
    display: block;
    margin-top: .5rem;
    opacity: 0;
}

.page1 {
    background: url(../img/menubg.jpg) top center no-repeat;
    background-size: cover;
    background-color: #d9fae9
}
.page1 .content_msg {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center */
    justify-content: flex-start;
}

.page1 .msg_wrap {
    position: relative;
    padding-right: 2.7rem;
    z-index: 9
}
.page1 .btn_wrap{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 15vh;
}
.page1 .btn_wrap img{
  width: 2.87rem;
  height: 1.83rem;
  margin-bottom: .8rem;
}

.page1 .p2_3_img {
    display: block;
    opacity: 0;
    /* transform-origin: top center */
}

.page1 .p2_4_img {
    display: block;
    /* margin: 0 .9rem; */
    opacity: 0;
    /* transform-origin: top center */
}

.page1 .p2_5_img {
    display: block;
    opacity: 0;
    /* transform-origin: top center */
}
.page1 .p2_6_img {
    display: block;
    opacity: 0;
    /* transform-origin: top center */
}
.page1 .p2_7_img {
    display: block;
    opacity: 0;
    /* transform-origin: top center */
}
.page1 .p2_8_img {
    display: block;
    opacity: 0;
    /* transform-origin: top center */
}
.page1 .p2_9_img {
    display: block;
    opacity: 0;
    /* transform-origin: top center */
}
.page1 .p2_10_img {
    display: block;
    opacity: 0;
    /* transform-origin: top center */
}
.about{
  width: 1.68rem;
  height: .57rem;
  position: absolute;
  bottom: 5vh;
  /* padding-top: 20vh; */
}
.poin{
  width: 1.29rem;
  height: 1.41rem;
  position: absolute;
  top: 3.6rem;
}

.page1.hide {
    display: none
}

.page2 {
    position: relative;
    z-index: 33333;
    background: url(../img/pagebg.jpg)top center;
    background-size: 100% 100%;
}
.page2 .pic img{
    width: 95%;
    height: 5.31rem;
}
.page2 .tanchuang{
    /* opacity: 0; */
    display: none;
}
.page2 .tanchuang_1{
    top: 1.7rem;
    left: 0rem;
    background: url(../img/yj_titbg.png)center center no-repeat;
}
.page2 .tanchuang_2{
    top: -.4rem;
    left: 0rem;
    background: url(../img/gx_titbg.png)center center no-repeat;
}
.page2 .tanchuang_3{
    top: -.6rem;
    left: 0rem;
    background: url(../img/gf_titbg.png)center center no-repeat;
}
.page2 .tanchuang_4{
    top: 2.2rem;
    left: 0.2rem;
    background: url(../img/kb_titbg.png)center center no-repeat;
}
.page2 .tanchuang_5{
    top: .5rem;
    left: 0rem;
    background: url(../img/jd_titbg.png)center center no-repeat;
}
.page2 .tanchuang_6{
    top: -0.3rem;
    left: 0.3rem;
    background: url(../img/ys_titbg.png)center center no-repeat;
}
.page2 .tanchuang{
    position: absolute;
    background-size: 100% 100%;
    width: 5.6rem;
    height: 7.6rem;
    padding: 1.4rem 1.2rem;
}
.page2 .tanchuang .alt .tit{
    width: 1.89rem;
    height: .44rem;
}
.page2 .tanchuang .alt .text{
    font-size: .3rem;
    color: #444345;
    text-align: justify;
    margin-top: .3rem;
    line-height: 1.5;

}
.page2 .tanchuang .alt .cc{
    display: flex;
    width: 100%;
    justify-content: space-evenly;
    margin-top: .4rem;
}
.page2 .tanchuang .alt .cc img{
    width: 1.45rem;
    height: .46rem;
}

.page2 .no1_title_img {
    width: 5.59rem;
    height: 1.25rem;
    display: block;
    margin: 0 auto .46rem
}

.page2 .no2_title_img {
    width: 5.59rem;
    height: 1.3rem;
    display: block;
    margin: 0 auto .46rem
}

.page2 .no3_title_img {
    width: 5.59rem;
    height: 1.25rem;
    display: block;
    margin: 0 auto .46rem
}

.page2 .sxqy_img {
    width: 3.5rem;
    height: .64rem;
    display: block;
    margin: 0 auto .26rem
}

.page2 .shzh_img {
    width: 3.5rem;
    height: .64rem;
    display: block;
    margin: 0 auto .26rem
}

.page2 .oquytt_img {
    width: 3.5rem;
    height: .64rem;
    display: block;
    margin: 0 auto .26rem
}

.page2 .lianxiduiying_img {
    width: 2.84rem;
    height: .27rem;
    display: block;
    margin: 0 auto .85rem
}

.page2 .dianjijiaguwenwen_img {
    width: 3.06rem;
    height: .27rem;
    display: block;
    margin: 0 auto .85rem
}

.page2 .djwch_img {
    width: 2.48rem;
    height: .27rem;
    display: block;
    margin: 0 auto .45rem
}

.page2 .shzh_1_img {
    width: 4.22rem;
    height: .27rem;
    display: block;
    margin: 0 auto .85rem
}

.page2 .backhome_img {
    width: 2.54rem;
    height: .62rem;
    display: block;
    margin: 0 auto 0
}

.page2 .xyg_img {
    width: 2.77rem;
    height: .8rem;
    display: block;
    margin: .7rem auto 0
}

.page2 .timu_wrap {
    height: 11.4rem;
    flex-shrink: 0;
    /* margin-bottom: .6rem */
    width: 100%;
}

.page2 .timu {
    position: relative;
    z-index: 999999
}

.page2 .timu .jgw {
    flex-wrap: wrap
}

.page2 .timu .hz {
    flex-wrap: wrap
}

.page2 .timu .jgw_img_btn {
    width: 1.83rem;
    height: 1.88rem;
    display: block;
    position: relative;
    z-index: 5;
    opacity: 0
}

.page2 .timu .jgw_img_btn .line {
    background: #c21920;
    position: absolute;
    width: .1rem;
    left: 0;
    top: calc(50% - .05rem);
    border-radius: .05rem;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
    -ms-border-radius: .05rem;
    -o-border-radius: .05rem;
    z-index: 2
}

.page2 .timu .jgw_img_btn.active .line {
    height: .1rem
}

.page2 .timu .hz_img_btn {
    width: 1.93rem;
    height: 1.93rem;
    display: block;
    position: relative;
    opacity: 0;
    z-index: 3
}

.page2 .timu .hz_img_btn.active .line {
    height: .1rem
}

.page2 .timu .hz_img_btn .line {
    background: #c21920;
    background-image: linear-gradient(to bottom, #bd9b5e 0%, #c21920 100%);
    position: absolute;
    width: .1rem;
    right: 0;
    top: calc(50% - .05rem);
    border-radius: .05rem;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
    -ms-border-radius: .05rem;
    -o-border-radius: .05rem;
    transform-origin: top center !important;
    z-index: 2
}

.page2 .timu .jgw {
    width: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.page2 .timu .hz {
    width: 100%;
    /* margin-right: 1rem; */
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
    align-items: center;
}

/* .page2 .timu2 .hz_img_btn .line,.page2 .timu3 .hz_img_btn .line {
    background: #536744;
    background-image: linear-gradient(to bottom, #bd9b5e 0%, #536744 100%)
}

.page2 .timu2 .jgw_img_btn .line,.page2 .timu3 .jgw_img_btn .line {
    background: #536744
}

.page2 .timu4 .jgw_img_btn .line {
    background: #237d98
}

.page2 .timu4 .hz_img_btn .line {
    background: #237d98;
    background-image: linear-gradient(to bottom, #bd9b5e 0%, #237d98 100%)
} */

.page2 .time_wrap_wrap {
    position: absolute;
    top: .42rem;
    left: 0;
    width: 100%
}

.page2 .time_wrap_wrap .time_wrap {
    width: 100%
}

.page3 {
    display: none;
    position: relative;
    z-index: 33333;
    background: url(../img/menubg.jpg) top center no-repeat;
    background-size: cover;
    background-color: #e3e5d7
}

.page3 .content_msg {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center */
}

.page3 .end1_img {
    width: 4.7rem;
    height: .85rem;
    display: block;
    opacity: 0;
    margin-top: -24vh;
}

.page3 .end2_img {
    width: 5.08rem;
    height: 2.27rem;
    display: block;
    margin: 1rem auto 1.2rem;
    opacity: 0;
    margin-top: 7vh;
}
.page3 .jieyu{
  padding: .4rem .9rem;
  background: url(../img/gywmbg.png)top center no-repeat;
  /* border-top-left-radius: .4rem; */
  /* border-top-right-radius: .4rem; */
  position: absolute;
  bottom: 0;
  background-size: 100% 100%;
  opacity: 0;
}
.page3 .jieyu img{
  width: 2.38rem;
  height: 1.22rem;

}

.page3 .backhome_img {
    width: 2rem;
    height: .62rem;
    display: block;
    margin: 0 auto 0;
    opacity: 0
}

@keyframes playjgw {
    0% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0)
    }

    100% {
        transform: translateX(0.3rem);
        -webkit-transform: translateX(0.3rem);
        -moz-transform: translateX(0.3rem);
        -ms-transform: translateX(0.3rem);
        -o-transform: translateX(0.3rem)
    }
}

.music {
    position: fixed;
    right: .2rem;
    top: .2rem;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: 999999999;
    background: url(https://uploads.dahe.cn/xrf/zt/2023/h5_yxjgw/img/stop.png) center center no-repeat;
    background-size: 100%
}

.music.play {
    background: url(https://uploads.dahe.cn/xrf/zt/2023/h5_yxjgw/img/play.png) center center no-repeat;
    background-size: 100%;
    animation: play linear 3s infinite;
    -webkit-animation: play linear 3s infinite
}

@keyframes play {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg)
    }
}

.emitter-dot {
    background-color: #fff;
    border-radius: 999px;
    position: absolute
}

.content_msg3 .tishi_img {
    margin-bottom: .2rem !important
}

.qidongye .content_msg {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 8.85rem
}

.qidongye .page_1_img {
    width: 3.65rem;
    height: 4.24rem;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

.qidongye .page1_10_img {
    width: 6.94rem;
    height: 4.29rem;
    display: block;
    position: absolute;
    right: 0;
    top: 0
}

.qidongye .page_2_img {
    width: 6.06rem;
    height: 5.46rem;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0
}

.qidongye .logo_img {
    width: 3.5rem;
    height: .58rem;
    display: block;
    position: absolute;
    right: .32rem;
    top: .55rem;
    z-index: 9
}

.qidongye .page_3_img {
    width: 6.47rem;
    height: 1.76rem;
    display: block;
    margin-bottom: .2rem
}

.qidongye .page_4_img {
    width: 4.59rem;
    height: 1.01rem;
    display: block;
    z-index: 99;
    margin-bottom: .4rem;
    opacity: 0
}

.qidongye .page_5_img {
    width: 2.99rem;
    height: .87rem;
    display: block;
    position: absolute;
    right: .77rem;
    bottom: 4.71rem;
    z-index: 99;
    margin-bottom: .4rem
}

.qidongye .page_6_img {
    width: 2.24rem;
    height: .66rem;
    display: block;
    z-index: 99;
    margin-bottom: .8rem;
    opacity: 0
}

.qidongye .page_7_img {
    width: 2.48rem;
    height: 1.23rem;
    display: block;
    position: absolute;
    left: 0;
    bottom: .86rem;
    z-index: 99
}