*{margin:0;padding:0;}
html{/* font-size:12px;*/
 /*10 ÷ 16 × 100% = 62.5%*/
 width:100%;height:100%;}
body{
    font-size:0.14rem;width:100%;height:100%;/*1.4 × 10px = 14px */
    box-sizing: border-box;
}
h1{font-size:0.24rem;/*2.4 × 10px = 24px*/
}
.page_container{position:absolute;width:100%;height:100%;overflow: hidden;}
.page_wrapper .swiper-slide{width:100%;height:100%;}
.page_wrapper .swiper-slide-active{z-index:999!important;}
.page_wrapper .swiper-slide-next{z-index:990!important;}
.page_wrapper .page-content{position:relative;}
.page-content p{font-family:"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Source Han Sans SC","Source Han Sans CN","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;line-height: 1.25;}
.f_14{font-size:0.14rem;}
.f_16{font-size:0.16rem;}
.f_24{font-size:0.24rem;}
.f_26{font-size:0.26rem;}
.f_28{font-size:0.28rem;}
.c-fff{color:#fff;}
.c-text{color:#333;}
.c-theme{color:#20257d;}
.t-left{text-align: left;}
.t-center{text-align: center;}
.t-right{text-align: right;}
.font_song{font-family:"Songti SC","STSong","LiSong Pro Light","Source Han Serif SC","Source Han Serif CN","simsun","����",Didot,"Times New Roman",serif;}
.font_Hei{font-family:"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Source Han Sans SC","Source Han Sans CN","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;}
@-webkit-keyframes loading-rotate{from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
#loading{width:50px;height:50px;position:absolute;left:50%;top:50%;font-size:14px;line-height:50px;margin-left:-25px;margin-top:-25px;text-align:center;border-radius:100%;z-index:1;-webkit-transition:opacity 1.5s ease,-webkit-transform 1.5s ease;-webkit-transform:scale(2);color:#777;}
#loading.done{-webkit-transform:translate3d(0,-50px,0) scale(2);opacity:0}
#loading:after{content:' ';width:40px;height:40px;border:5px solid;border-color:#032470 transparent transparent;box-shadow:0 0 30px #fff;z-index:10;border-radius:100%;position:absolute;left:50%;top:50%;margin-left:-25px;margin-top:-25px;-webkit-animation:loading-rotate 2s ease infinite}
#load_mark{position:absolute;z-index:999;width:100%;height:100%;background:#e0e6e6}
#load_mark.done{opacity:0;top:-100%;transition:all 1s;}
/*声音*/
.audio-con{position:absolute;right:10px;top:10px;width:30px;height:30px;z-index:6;}
.audio-con-on{background:url('../images/audio_on.png') no-repeat;background-size:100% 100%;-webkit-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite;}
.audio-con-off{background:url('../images/audio_off.png') no-repeat;background-size:100% 100%;}

.page-content img{width:100%;height:auto; display: block;}
.page-content p{width:100%;height:auto;}
.page-content .ele{position:absolute;}
.swiper-pagination-bullet{background:rgba(32,37,125,0.5)!important;}
.swiper-pagination-bullet-active{background:rgba(32,37,125,1)!important;}
.switch-guide{position:absolute;z-index:10;right:0;bottom:.3rem;left:0;width:.42rem;margin:0 auto;-webkit-animation:webSwipeTipAfter 1.5s ease-in-out infinite;animation:webSwipeTipAfter 1.5s ease-in-out infinite;}
.switch-guide.horizontal{right:.3rem;bottom:0;left:auto;top:50%;animation:webSwipeTipAfterHorizontal 1.5s ease-in-out infinite;}
.switch-guide.fixed{position: fixed;}
@-webkit-keyframes webSwipeTipAfter {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        opacity: 0
    }
}

@keyframes webSwipeTipAfter {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        opacity: 0
    }
}

@-webkit-keyframes webSwipeTipAfterHorizontal {
    0% {
        opacity: 1;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-90deg);
        transform: translate3d(-100%, 0, 0) rotate(-90deg);
        opacity: 0
    }
}

@keyframes webSwipeTipAfterHorizontal {
    0% {
        opacity: 1;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-90deg);
        transform: translate3d(-100%, 0, 0) rotate(-90deg);
        opacity: 0
    }
}

.down-arrow{
    animation:down-arrow 2s infinite linear;
}
@keyframes down-arrow {
0% {
    transform: translateY(50%);
    opacity: 0;
}
25%{
    transform: translateY(25%);
    opacity: 1;
}
75%{
    transform: translateY(-25%);
    opacity: 1;
}
100% {
    transform: translateY(-50%);
    opacity: 0;
}
}