*{
    padding: 0;margin: 0;
    box-sizing: border-box;
}

body {
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
}

#audioMusic{
    position: absolute;display: block;
    width: 0;height: 0;top: 0;left: 0;z-index: 1;
}

.musicBtn {
    position: absolute;
    display: block;
    width: calc(34 / 100 * 2 * 1rem);
    height: calc(34 / 100 * 2 * 1rem);
    overflow: hidden;
    top: calc(14 / 100 * 2 * 1rem);
    left: calc(325 / 100 * 2 * 1rem);
    z-index: 99;
    transform-origin: center center
}

.musicBtn>img {
    display: block;
    width: 100%;
    margin: 0 auto
}

.dhXz {
    animation: dh 3s linear infinite
}

@keyframes dh {
    100% {
        transform: rotate(360deg)
    }
}


html,body{
    max-width: 750px;margin: 0 auto;
}

.textLading{
    position: absolute;display: block;
    width: 100%;font-size: .32rem;
    text-align: center;font-family:"苹方压缩常规体";
    top: 50%;line-height: .4rem;
}

@font-face {
    font-family: "苹方常规体";
    font-display: optional;
    src: url("../assets/font/PingFang Regular.ttf?v=123"),
}

@font-face {
    font-family: "苹方压缩常规体";
    font-display: optional;
    src: url("../assets/font/ysPingFang Regular.woff2?v=345"),
         url("../assets/font/ysPingFang Regular.woff?v=345"),
         url("../assets/font/ysPingFang Regular.ttf?v=345"),
}

@font-face {
    font-family: "苹方压缩中等体";
    font-display: optional;
    src: url("../assets/font/ysPingFang Medium.woff2?v=345"),
         url("../assets/font/ysPingFang Medium.woff?v=345"),
         url("../assets/font/ysPingFang Medium.ttf?v=345"),
}

.fontQRe{
    font-size: .32rem !important;
}

.fontYRe{
    font-family: "苹方压缩常规体";
}

.animate__animated.animate__faster {
    --animate-duration: 0 !important
}

img{display: block;}

.showPage{
    transform: translateX(0%) !important;opacity: 1 !important;display: block !important;
}

.showPage1{
    animation: dhs 3s linear 1;
}

@keyframes dhs{
    0%{
        transform: translateX(0%);
        opacity: 1;
        display: block;
    }
    99%{
        transform: translateX(0%);
        opacity: 1;
        display: block;
    }
    100%{
        opacity: 0;
        display: none;
    }
}

.loadingPage{
    position: fixed;display: block;
    width: 100%;height: 100vh;
    top: 0;left: 0;z-index: 9999;
    pointer-events: none;
    transform: translateX(200%);
}

.content{
    position: relative;display: block;
    width: 100%;height: 100vh;
    overflow: hidden;margin: 0 auto;
}

.swiper-container,.swiper-slide {
    position: relative;display: block;
    width: 100%;height: 100%;
    overflow: hidden;margin: 0 auto;
}

.swiper-slide > .bgImg{
    position: relative;display: block;width: 100%;z-index: 1;
    margin: 0 auto;
}



.swiper-slide > .noAddWQView > .bgImg{
    position: relative;display: block;width: 100%;z-index: 1;
    margin: 0 auto;
}

.swiper-slide > .yesAddWQView > .bgImg{
    position: relative;display: block;width: 100%;z-index: 1;
    margin: 0 auto;
}

.homeBtn{
    position: absolute;display: block;
    width: 4.35rem;left: 0;right: 0;
    margin: auto;z-index: 2;
    bottom: 20%;
}

/* 用户协议 */
.page-agreement {
    position: fixed;
    display: block;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-color: rgba(97, 97, 97, 0.82);
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    max-width: 750px;
    margin: auto;
    transform: translateX(200%);
}

.page-agreement .page-agreement-content {
    position: absolute;
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    border-top-right-radius: .37rem;
    border-top-left-radius: .37rem;
    background-color: #ffffff;
    left: 0;
    bottom: 0;
    padding: .25rem .38rem
}

.page-agreement .page-agreement-content .page-agreement-content-title {
    position: relative;
    display: block;
    width: 100%;
    height: .52rem;
    overflow: hidden;
    font-size: .3288rem;
    color: #010101;
    line-height: .52rem;
    text-align: center;
    font-family: "思源黑体 CN Medium", "苹方压缩中等体";
    margin-bottom: .14rem
}

.page-agreement .page-agreement-content .page-agreement-content-text-1 {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: .2rem;
    line-height: 1.72em;
    text-align: justify;
    font-family: "思源黑体 CN Normal", "PingFang SC Normal";
    margin-bottom: .2rem
}

.page-agreement .page-agreement-content .page-agreement-content-CheckView {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    overflow: unset;
    margin-top: .72rem
}

.page-agreement .page-agreement-content .page-agreement-content-CheckView .page-agreement-content-CheckView-img0 {
    position: relative;
    display: block;
    width: 6.65rem;
    height: unset;
    overflow: hidden;
    z-index: 1;
    margin: 0 auto
}

.page-agreement .page-agreement-content .page-agreement-content-CheckView .page-agreement-content-CheckView-img1 {
    position: absolute;
    display: block;
    width: .29rem;
    height: unset;
    overflow: hidden;
    top: -0.02rem;
    left: .04rem;
    z-index: 3;
    opacity: 0;
}

.page-agreement .page-agreement-content .page-agreement-content-CheckView .page-agreement-content-CheckView-img2 {
    position: absolute;
    display: block;
    width: 1.76rem;
    height: unset;
    overflow: hidden;
    top: -0.46rem;
    left: .27rem;
    z-index: 3;
    opacity: 0
}

.page-agreement .page-agreement-content .page-agreement-content-btnView {
    position: relative;
    display: flex;
    width: 100%;
    height: .86rem;
    overflow: hidden;
    align-items: center;
    margin: .2rem auto;
    justify-content: space-around
}

.page-agreement .page-agreement-content .page-agreement-content-btnView>p {
    position: relative;
    display: block;
    width: 2.26rem;
    height: .71rem;
    overflow: hidden;
    flex-shrink: 0;
    border-radius: .355rem;
    text-align: center;
    line-height: .71rem;
    font-size: .256rem;
    font-family: "思源黑体 CN Medium", "苹方压缩中等体"
}

.page-agreement .page-agreement-content .page-agreement-content-btnView .page-agreement-content-btnView-btn1 {
    color: #636364;
    background-color: #efefef
}

.page-agreement .page-agreement-content .page-agreement-content-btnView .page-agreement-content-btnView-btn2 {
    color: #ffffff;
    background-color: #648feb
}

.textDiv {
    position: absolute;
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    z-index: 4;
    padding-top: 1rem;
}

.textDiv > p >.vImg {
    flex-shrink: 0;
    display: block;
    width: 1.13rem;
    margin: 0.86% .06rem 0 0;
    flex-basis: 1.13rem;
    height:100%;
    transform: translateY(26%);
}

.textDiv > p {
    position: relative;
    font-size:.32rem;
    font-family: "苹方压缩常规体";
    display: flex;
    color: #1C1C1C;
    line-height: .6rem;
    padding-left: .68rem;
    padding-right: .24rem;
    align-items:first baseline;
    overflow: hidden;
    flex-wrap:wrap;
    letter-spacing: .03em;
}

.textDiv .tc1 {
    color: red;
    font-family: "苹方压缩常规体";
    font-size: .48rem;
    /* transform: translateY(5%); */
}

.textDiv .tc2 {
    color: #2063ED;
    font-family: "苹方压缩常规体";
    font-size: .48rem;
    /* transform: translateY(4.2%); */
}

.textDiv .tc3 {
    color: #10A978;
    font-family: "苹方压缩常规体";
    font-size: .48rem;
    /* transform: translateY(4.2%); */
}

.textDiv .tc4 {
    color: #2063ED;
    font-family: "苹方压缩常规体";
    /* font-size: .34rem !important; */
    font-size: .46rem !important;
    /* vertical-align:bottom; */
    /* transform: translateY(4.2%); */
}

.textDiv .tc5 {
    color: #2063ED;
    font-family: "苹方压缩常规体";
    font-size: .36rem !important;
    /* vertical-align:bottom; */
    /* transform: translateY(4.2%); */
}

.textDiv > .part6TextDiv1-son {
    position: relative;
    display: flex;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: calc(18 / 100 * 2 * 1rem);
    align-items: center;
    justify-content: center;
}

.textDiv > .part6TextDiv1-son > .tuBiao {
    flex-shrink: 0;
    display: block;
    width: 1.92rem;
    height: 1.92rem;
}

.textDiv>.part6TextDiv1-son>.part6TextDiv1-sonRight {
    flex-shrink: 0;
    margin-left: calc(36 / 100 * 2 * 1rem)
}

.textDiv>.part6TextDiv1-son>.part6TextDiv1-sonRight>p {
    position: relative;
    font-size: calc(15 / 100 * 2 * 1rem);
    font-family: "苹方压缩常规体";
    color: #000;
    margin-bottom: calc(4 / 100 * 2 * 1rem);
    line-height: calc(26 / 100 * 2 * 1rem);
    padding-left: calc(16 / 100 * 2 * 1rem);
    display: flex;
    align-items: center;
}

.textDiv>.part6TextDiv1-son>.part6TextDiv1-sonRight>p>span {
    flex-shrink: 0;
    color: #417AF0;
    font-size: calc(18 / 100 * 2 * 1rem);
    font-family: "苹方压缩常规体";
    margin-left: calc(15 / 100 * 2 * 1rem)
}

.textDiv>.part6TextDiv1-son>.part6TextDiv1-sonRight .icon-color1::after {
    content: "";
    position: absolute;
    display: block;
    width: calc(8 / 100 * 2 * 1rem);
    height: calc(8 / 100 * 2 * 1rem);
    overflow: hidden;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #417AF0;
    border: calc(1 / 100 * 2 * 1rem) solid #fff;
    border-radius: 50%
}

.textDiv>.part6TextDiv1-son>.part6TextDiv1-sonRight .icon-color2::after {
    content: "";
    position: absolute;
    display: block;
    width: calc(8 / 100 * 2 * 1rem);
    height: calc(8 / 100 * 2 * 1rem);
    overflow: hidden;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #58C6C5;
    border: calc(1 / 100 * 2 * 1rem) solid #fff;
    border-radius: 50%
}

.textDiv>.part6TextDiv1-son>.part6TextDiv1-sonRight .icon-color3::after {
    content: "";
    position: absolute;
    display: block;
    width: calc(8 / 100 * 2 * 1rem);
    height: calc(8 / 100 * 2 * 1rem);
    overflow: hidden;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #FCBA00;
    border: calc(1 / 100 * 2 * 1rem) solid #fff;
    border-radius: 50%
}

.textDiv>.part6TextDiv1-son>.part6TextDiv1-sonRight .icon-color4::after {
    content: "";
    position: absolute;
    display: block;
    width: calc(8 / 100 * 2 * 1rem);
    height: calc(8 / 100 * 2 * 1rem);
    overflow: hidden;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #FF8006;
    border: calc(1 / 100 * 2 * 1rem) solid #fff;
    border-radius: 50%
}

/* 登陆超时 */
.page-popUp {
    position: fixed;
    display: block;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    transform-origin: center;
    transform: translateX(200%);
}

.page-popUp .div {
    position: absolute;
    display: block;
    width: calc(264 / 100 * 2 * 1rem);
    height: calc(290 / 100 * 2 * 1rem);
    left: calc(55 / 100 * 2 * 1rem);
    top: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
    background: url(../images/popUpBg.png?v=123) no-repeat 0 0 / 100%
}

.page-popUp .div>.bg {
    display: block;
    width: 100%;
    margin: 0 auto
}

.page-popUp .div>.btn1 {
    position: absolute;
    display: block;
    width: calc(130 / 100 * 2 * 1rem);
    height: calc(64 / 100 * 2 * 1rem);
    z-index: 3;
    left: calc(67 / 100 * 2 * 1rem);
    top: calc(163 / 100 * 2 * 1rem);
}

.page-popUp .div>.btn2 {
    position: absolute;
    display: block;
    width: calc(24 / 100 * 2 * 1rem);
    height: calc(24 / 100 * 2 * 1rem);
    z-index: 3;
    left: calc(120.5 / 100 * 2 * 1rem);
    top: calc(266 / 100 * 2 * 1rem);
}

/* 兜底页 */
.page-await {
    position: fixed;
    display: block;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 999;
    overflow: hidden;
    background: url(../images/page_awaitBg.jpg?v=1) no-repeat 0 0 / 100%;
    background-color: #eee;
    transform: translateX(200%);
    transform-origin: center;
}

.page-await>.bg {
    position: absolute;
    display: block;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.page-await .page-awaitDiv {
    position: absolute;
    display: block;
    width: calc(244 / 100 * 2 * 1rem);
    height: auto;
    left: 0;
    right: 0;
    margin: auto;
    overflow: hidden;
    top: calc(356 / 100 * 2 * 1rem);
    z-index: 3
}

.page-await .page-awaitDiv .page-awaitBtn {
    position: relative;
    display: block;
    width: calc(110 / 100 * 2 * 1rem);
    height: calc(46 / 100 * 2 * 1rem);
    margin: 0 auto calc(16 / 100 * 2 * 1rem) auto;
    overflow: hidden
}

.page-await .page-awaitDiv .page-awaitBtn>img {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    z-index: 1
}

.page-await .page-awaitDiv .page-awaitBtn>p {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    line-height: calc(46 / 100 * 2 * 1rem);
    text-align: center;
    font-size: calc(18 / 100 * 2 * 1rem);
    color: #A03619;
    font-family: "苹方压缩常规体";
    top: 0;
    left: 0;
    z-index: 5
}

.page-await .page-awaitDiv .page_await_img {
    position: relative;
    display: block;
    width: calc(244 / 100 * 2 * 1rem)
}

.noBtn {
    pointer-events: none
}

.hintText{
    font-size: .22rem !important;
    color: #737C90 !important;
    font-family: "苹方压缩常规体" !important;
    line-height: .36rem !important;
    letter-spacing:.01em !important;
}


.newFont1{
    font-size: .26rem !important;
    color: #3D6F98 !important;
    line-height: .4rem !important;
}


.pageHome_img1{
    position: absolute;display: block;
    width: 5.58rem;z-index: 3;
    top: 1.34rem;left: 1.06rem;
}

.page2_img1{
    position: absolute;display: block;
    width: 2.04rem;top: 5.61rem;left: .74rem;
    z-index: 3;
    animation: blinkBreathing .8s infinite;
}

.page2_img2{
    position: absolute;display: block;
    width: 6.4rem;top: 0;right: 0;
    z-index: 3;
}

.page3_img1{
    position: absolute;display: block;
    width: 100%;top:7.5rem;left:0;
    z-index: 3;
}

.page4_img1{
    position: absolute;display: block;
    width: 1.59rem;top:9.4rem;left:1.54rem;
    z-index: 3;
}

.page4_img2{
    position: absolute;display: block;
    width: .87rem;top:6.39rem;left:5.26rem;
    z-index: 3;
}

.yesAddWQView,.noAddWQView{
    position: relative;display: none;
    width: 100%;height: 100vh;margin: 0 auto;
    z-index: 2;overflow: hidden;
    transform: translateX(300%);
}

.page5_img1{
    position: absolute;display: block;
    width: 1.2rem;top:6.7rem;left:1.86rem;
    z-index: 2; 
    /* top:6.32rem; */
}
.page5_img2{
    position: absolute;display: block;
    width: 1.58rem;top:8.61rem;left:4.84rem;
    z-index: 2;
}
.page5_img3{
    position: absolute;display: block;
    width: 1.35rem;top:9.13rem;left:1.24rem;
    z-index: 2;
}
.page5_img4{
    position: absolute;display: block;
    width: 2.45rem;top:8.22rem;left:3.14rem;
    z-index: 3;
}

.page5_img5{
    position: absolute;display: block;
    width: 1.65rem;top: 12.48rem;left: 1.64rem;
    z-index: 2;
    animation: blinkBreathing .6s infinite;
}
.page5_img6{
    position: absolute;display: block;
    width: .94rem;top: 11.59rem;left: 4.26rem;
    z-index: 2;
    animation: blinkBreathing .8s infinite;
}
.page5_img7{
    position: absolute;display: block;
    width: .58rem;top: 10.64rem;left: 7.21rem;
    z-index: 2;
    animation: blinkBreathing 1s infinite;
}

.page6_img1,.page6_img2,.page6_img3,.page6_img4,.page6_img5,.page6_img6,.page6_img7,.page6_img8,
.page6_img9,.page6_img10,.page6_img11,.page6_img12,.page6_img13{
    position: absolute;display: block;
    z-index: 2;
}
.page6_img1{
    width: .59rem;top: 6.84rem;left: 4.4rem;
    animation: blinkBreathing .6s infinite;
}
.page6_img2{
    width: .38rem;top: 7.88rem;left: 6.16rem;
    animation: blinkBreathing .7s infinite;
}
.page6_img3{
    width: .44rem;top: 8.55rem;left: 2.12rem;
    animation: blinkBreathing .8s infinite;
}
.page6_img6{
    width: 1.27rem;top: 8.74rem;left: 6.3rem;
    animation: leftRightDh1 3s linear infinite;
}
.page6_img7{
    width: .66rem;top: 13.22rem;left: 4.21rem;
    animation: blinkBreathing .7s infinite;
}
.page6_img8{
    width: .78rem;top: 13.87rem;left: 1.14rem;
    animation: blinkBreathing .6s infinite;
}   
.page6_img9{
    width: .58rem;top: 11.19rem;left: 4.7rem;
    animation: blinkBreathing .6s infinite;
}   
.page6_img10{
    width: .58rem;top: 11.98rem;left: 3.82rem;
    animation: blinkBreathing .5s infinite;
}
.page6_img11{
    width: .54rem;top: 11.99rem;left: 5.13rem;
    animation: blinkBreathing .6s infinite;
}
.page6_img12{
    width: .54rem;top: 10.04rem;left: 4.27rem;
    animation: blinkBreathing .8s infinite;
}
.page6_img13{
    width: .58rem;top: 11.93rem;left: 3.06rem;
    animation: blinkBreathing .8s infinite;
}

.page7_img1,.page7_img2,.page7_img3,.page7_img4{
    position: absolute;display: block;
    z-index: 2;
}
.page7_img1{
    width: .94rem;top: 7.6rem;left: 3.52rem;
}
.page7_img2{
    width: 5.06rem;top:6.6rem;left: 1.24rem;
    animation: leftRightDh2 2.4s linear infinite;
}
.page7_img3{
    width: 2.34rem;left: -1.17rem;top: 9.76rem;
    animation: leftRightDh1 2s linear infinite;
}
.page7_img4{
    width: 2.42rem;left: 6.16rem;top: 6.9rem;
    animation: leftRightDh1 1.6s linear infinite;
}


.page8_img1,.page8_img2,.page8_img3,.page8_img4,.page8_img5{
    position: absolute;display: block;
    z-index: 2;
}
.page8_img1{
    width: .57rem;top: 10.52rem;left: 6.17rem;
    animation: blinkBreathing .6s infinite;
}
.page8_img2{
    width: .75rem;top:11.24rem;left: 5.71rem;
    animation: blinkBreathing .7s infinite;
}
.page8_img3{
    width: .37rem;left: 3.58rem;top: 11.43rem;
    animation: blinkBreathing .8s infinite;
}
.page8_img4{
    width: .46rem;left: 2.78rem;top: 11.63rem;
    animation: blinkBreathing .7s infinite;
}
.page8_img5{
    width: 1.49rem;left: 3.31rem;top: 13.07rem;
    animation: blinkBreathing .6s infinite;
}

.page9_img1,.page9_img2,.page9_img3,.page9_img4,.page9_img5,.page9_img6,.page9_img7,.page9_img8{
    position: absolute;display: block;
    z-index: 2;
}
.page9_img1{
    width: .36rem;top: 7.21rem;left: 3.98rem;
}
.page9_img2{
    width: 1.46rem;top: 6.91rem;left: 6.24rem;
    animation: leftRightDh1 2s linear infinite;
}
.page9_img3{
    width: .76rem;top: 11.17rem;left: 6.7rem;
    animation: blinkBreathing .6s infinite;
}
.page9_img4{
    width: .71rem;top: 11.11rem;left: 1.51rem;
    animation: blinkBreathing .7s infinite;
}
.page9_img5{
    width: .85rem;top: 11.53rem;left: 2.71rem;
    animation: blinkBreathing .8s infinite;
}
.page9_img6{
    width: .74rem;top: 12.01rem;left: .71rem;
    animation: blinkBreathing .7s infinite;
}
.page9_img7{
    width: .84rem;top: 12.88rem;left: 3.63rem;
    animation: blinkBreathing .6s infinite;
}
.page9_img8{
    width: 1.27rem;top: 13.4rem;left: 1.45rem;
    animation: blinkBreathing .8s infinite;
}


.page10_img1,.page10_img2,.page10_img3,.page10_img4,.page10_img5{
    position: absolute;display: block;
    z-index: 2;
}
.page10_img1{
    width: .69rem;top: 5.57rem;left: 5.29rem;
    animation: blinkBreathing .8s infinite;
}
.page10_img2{
    width: .96rem;top: 5.95rem;left: .69rem;
    animation: blinkBreathing .9s infinite;
}
.page10_img3{
    width: .98rem;top: 6.56rem;left: 6.42rem;
    animation: blinkBreathing 1s infinite;
}
.page10_img4{
    width: .92rem;top: 7.42rem;left: .98rem;
    animation: blinkBreathing .9s infinite;
}
.page10_img5{
    width: .93rem;top: 8.13rem;left: 6.5rem;
    animation: blinkBreathing .8s infinite;
}


.page11_img1,.page11_img2{
    position: absolute;display: block;
    z-index: 2;
}
.page11_img1{
    width: 5.85rem;top: 6.65rem;left: .73rem;
    animation: leftRightDh2 2s infinite;
}
.page11_img2{
    width: 1.85rem;top: 8.57rem;left: 4.69rem;
    z-index: 3;
}

.page12_img1,.page12_img2{
    position: absolute;display: block;
    z-index: 2;
}
.page12_img1{
    width: 2.28rem;top: 6.56rem;left: .31rem;
    animation: leftRightDh3 4s infinite;
}
.page12_img2{
    width: 2.64rem;top: 3.94rem;left: 4.86rem;
    animation: leftRightDh3 3.6s infinite;
}



.pageHomeBg_img1{
    position: absolute;display: block;
    width: 1.1rem;top: 9.22rem;left: 4.56rem;
    z-index: 2;
    animation: blinkBreathing .8s infinite;
}

.pageHomeBg_img2{
    position: absolute;display: block;
    width: .85rem;top: 10.46rem;left: .35rem;
    z-index: 2;
    animation: blinkBreathing 1s infinite;
}

.pageHomeBg_img3{
    position: absolute;display: block;
    width: 1.12rem;top: 10.93rem;left: 3.36rem;
    z-index: 2;
    animation: blinkBreathing 1.2s infinite;
}

@keyframes blinkBreathing { 0%, 100% { opacity: 0.3; transform: scale(1);} 50% { opacity: 1; transform: scale(1.1);} }



@keyframes dh1{
    0%{
        opacity: 0;
        transform: scale(1);
    }
    50%{
        opacity: 1;
        transform: scale(1.2);
    }
    100%{
        opacity: 0;
        transform: scale(1);
    }
}

@keyframes dh2{
    0%{
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}

@keyframes fdSx{
    0%{
        transform: translateY(-3px) scale(1);
    }
    50%{
        transform: translateY(3px) scale(1.2);
    }
    100%{
        transform: translateY(-3px) scale(1);
    }
}

@keyframes fdSx1{
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.2);
    }
    100%{
        transform: scale(1);
    }
}

@keyframes leftRightDh1{
    0%{
        transform: translateX(-3px);
    }
    50%{
        transform: translateX(3px);
    }
    100%{
        transform: translateX(-3px);
    }
}

@keyframes leftRightDh2{
    0%{
        transform: translateY(-3px);
    }
    50%{
        transform: translateY(3px);
    }
    100%{
        transform: translateY(-3px);
    }
}

@keyframes leftRightDh3{
    0%{
        transform: translateX(-5px);
    }
    50%{
        transform: translateX(5px);
    }
    100%{
        transform: translateX(-5px);
    }
}

.shanDh{animation: dh1 1s linear infinite;}
.shan1Dh{animation: dh2 1s linear infinite;}
.fdSxDh{animation: fdSx 1.6s linear infinite;}
.fdSxDh1{animation: fdSx1 1.2s linear infinite;}

.pageEndBtn1,.pageEndBtn2,.pageEndBtn3,.pageEndBtn4,.pageEndBtn5{
    position: absolute;display: block;
    left: 0;right: 0;margin: auto;
    z-index: 3;transform: translateX(1000%);
}

.pageEndBtn1{
    width: 6rem;
    /* top: 11.04rem; */
    bottom: 5%;
}
.pageEndBtn2,.pageEndBtn3{
    width: 5.2rem;
    /* top: 11.4rem; */
    bottom: 5%;
}
.pageEndBtn4,.pageEndBtn5{
    width: 4.8rem;
    /* top: 11.4rem; */
    bottom: 5%;
}

.addWQPopUp{
    position:fixed;display: block;
    width: 100%;height: 100vh;
    top: 0;left: 0;z-index: 9999;
    transform: translateX(300%);
    background-color: rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

.addWQPopUp-content{
    position: relative;display: block;
    width: calc(2.92 * 2rem);height: calc(3.5 * 2rem);
    margin: 2rem auto 0 auto;z-index:3;overflow: hidden;
}

.addWQPopUp-content > .bg{
    position: absolute;display: block;
    width: 100%;top: 0;left: 0;
    z-index: 1;
}


.addWQPopUp-content > .ewmImgView{
    position: relative;display: block;
    width: 3.2rem;margin: calc(.53 * 2rem) auto 0 auto;
    z-index: 3;height: 3.2rem;border-radius: .12rem;
    overflow: hidden;
}

.addWQPopUp-content > .ewmImgView > img{
    position: absolute;display: block;
    width: 100%;top: 0;left: 0;z-index: 1;
}

.addWQPopUp-content > .popUpBg1_icon1{
    position: absolute;display: block;
    width: calc(.65 * 2rem);z-index: 4;
    right: calc(.295 * 2rem);top: 3.6rem;
    pointer-events: none;
}

.addWQPopUp-content > .addWQPopUpBtn{
    position: absolute;display: block;
    width: .7rem;height: .7rem;
    left: 0;right: 0;margin: auto;
    bottom: .06rem;z-index: 4;
}

.loadingView {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #f5f4f9;
    overflow: hidden;
    z-index: 999999
}

.loadingView .loadingIcon {
    position: absolute;
    display: block;
    width: .73rem;
    left: 3.38rem;
    top: 5.3rem;
    z-index: 9;
    animation: rotate 3s linear infinite;
    -webkit-animation: rotate 3s linear infinite;
}

.loadingView .loadingDots {
    position: absolute;
    display: block;
    width: .12rem;
    height: .12rem;
    background-color: #004998;
    top: 6.31rem;
    overflow: hidden;
    transform-origin: center center;
    transform: rotate(45deg);
}

.loadingView .Dots1 {
    left: 3.4rem;
    animation: load 1s ease infinite;
    animation-delay: .13s;
    -webkit-animation: load 1s ease infinite;
    -webkit-animation-delay: .13s;
}

.loadingView .Dots2 {
    left: 3.68rem;
    animation: load 1s ease infinite;
    animation-delay: .26s;
    -webkit-animation: load 1s ease infinite;
    -webkit-animation-delay: .26s;
}

.loadingView .Dots3 {
    left: 3.96rem;
    animation: load 1s ease infinite;
    animation-delay: .39s;
    -webkit-animation: load 1s ease infinite;
    -webkit-animation-delay: .39s;
}

@-moz-keyframes rotate {
    to {
        transform: rotate(360deg)
    }
}

@-o-keyframes rotate {
    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate {
    to {
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    to {
        transform: rotate(360deg)
    }
}

@-moz-keyframes load {
    100% {
        background-color: #f7b600
    }
}

@-o-keyframes load {
    100% {
        background-color: #f7b600
    }
}

@-webkit-keyframes load {
    100% {
        background-color: #f7b600
    }
}

@keyframes load {
    100% {
        background-color: #f7b600
    }
}

.page5_1_img1{
    position: absolute;display: block;
    width: 1.28rem;top: 8.71rem;left: .49rem;
    z-index: 3;
}

.vipImg{
    flex-shrink: 0;display: block;
    width: calc(.34 * 2rem);
    height:.4rem;
    transform: translateY(22%);
    margin: 0 .03rem;
}

.part5TextDiv > .page5TextDiv{
    position: relative;display: block;
    width: calc(2 * 3.27rem);height: auto;
    overflow: hidden;border-radius: .16rem;
    z-index: 3;margin: .08rem auto .04rem auto;
    background: linear-gradient(to bottom,rgba(226, 242, 255,.4),rgb(255, 255, 255,.4));
    padding: .16rem;
}

.part5TextDiv > .page5TextDiv > .titleP1{
    position: relative;display: block;
    width: calc(.7 * 2rem);font-size: .32rem;line-height: .52rem;
    background: url(../images/page5_1_img2.png) no-repeat  0 .3rem / 100% .18rem;
    text-align: center;color: #1C1C1C;
}

.part5TextDiv > .page5TextDiv > .textP{
    position: relative;display: block;
    width: 100%;font-size: .3rem;line-height: .5rem;
    margin: .06rem auto;color: #464C55;
}

.part5TextDiv > .page5TextDiv > .textP2{
    position: relative;display: block;
    width: 100%;font-size: .26rem;line-height: .44rem;
    margin: .06rem auto;color: #464C55;
    text-align: justify;padding-left: .36rem;
    letter-spacing:.03em;
}

.part5TextDiv > .page5TextDiv > .textP2::before{
    content: "";
    position: absolute;display: block;
    width: .3rem;height: .3rem;
    background: url(../images/page5_1_img4.png) no-repeat 0 0 / 100%;
    top: .096rem;left: 0;
}

.part5TextDiv > .page5TextDiv > .titleP2{
    position: relative;display: block;
    width: calc(.8 * 2rem);font-size: .32rem;line-height: .52rem;
    background: url(../images/page5_1_img2.png) no-repeat  0 .3rem / 100% .18rem;
    text-align: center;color: #1C1C1C;
}

.page5_1_img3{
    position: relative;display: block;
    width: calc(2 * 3.27rem);
    margin: .04rem auto;z-index: 3;
}

.page5_1_img7{
    position: relative;display: block;
    width: calc(2 * 3.357rem);
    margin: -.16rem auto 0 .48rem;z-index: 4;
}

.page5_1_img6{
    position: relative;display: block;
    width: calc(2 * 3.357rem);
    margin: -.16rem auto 0 .48rem;z-index: 4;
}