.page-arrow {
    background-position: -8.19rem -.92rem;
    width: .95rem;
    height: .85rem;
    bottom: .3rem;
    left: 50%;
    margin-left: -.475rem;
    z-index: 11;
    animation: arrow 1s ease infinite;
}
.page-arrow-bright {
    background-position: -8.19rem -.92rem;
    width: .95rem;
    height: .85rem;
    bottom: .3rem;
    left: 50%;
    margin-left: -.475rem;
    z-index: 11;
    animation: arrow 1s ease infinite;
}
.page-content {
    width: 100%;
    height: 8rem;
    top: 50%;
    margin-top: -3.4rem;
    left: 0;
    font-size: 0;
}
.page-content .btn-video {
    background-position: 0 -8.23rem;
    width: 1.06rem;
    height: 1.06rem;
}
.pages-swiper {
    width: 100%;
    height: calc(100vh - 0px);
    position: relative;
    overflow: hidden;
}
.page-bg {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.page-0 {
    background-image: url(../images/pc-bg.jpg);
    z-index: 1;
}
.page-1 {
    background-image: url(../images/bg-1.jpg);
}
.page-1-bright {
    background-image: url(../images/bg-1.jpg);
}
.swiper-container {
    width: 100%;
    height: 100%;
}
/*第一屏*/
.page-content .slogan-1 {
    background-position: 0 0;
    width: 3.33rem;
    height: 4.36rem;
    display: block;
    top: .9rem;
    left: 50%;
    margin-left: -2.05rem;
}
.page-content .slogan-1 .btn-video {
    top: 0;
    left: 2.1rem;
    animation: big 1s linear infinite;
}
.page-content .page-btn {
    width: 100%;
    text-align: center;
    top: 6.55rem;
    left: 0;
}
.page-content .page-btn a {
    margin: 0 .12rem;
}
.btn-appstore {
    background-position: -5.57rem -1.89rem;
    width: 2.16rem;
    height: .7rem;
}
.btn-android {
    background-position: -7.03rem -4.46rem;
    width: 2.16rem;
    height: .7rem;
}
.page-content .page-btn .people-num,
.page-content .bar-box .bar .people-num {
    width: 100%;
    color: #798390;
    font-size: .16rem;
    line-height: .52rem;
}
.page-content .page-btn .people-num b,
.page-content .bar-box .bar .people-num b {
    color: #fe392f;
    font-size: .24rem;
    padding: 0 .05rem;
}
/*第二屏*/
.page-content .page-title {
    display: block;
    margin: 0 auto;
}
.page-content .page-distance {
    width: 1.45rem;
    height: .2rem;
    background: url(../images/page-distance.png) 0 0 / 100% 100% no-repeat;
    margin: .5rem auto 0;
}
.page-content .count-box {
    width: 11.37rem;
    height: 2.2rem;
    background: url(../images/count.png) 0 0 / 100% 100% no-repeat;
    left: 50%;
    margin: .2rem 0 0 -5.48rem;
}
.page-content .count-box span {
    width: 2.2rem;
    color: #bd994b;
    font-size: 1.5rem;
    display: inline-block;
    text-align: center;
    line-height: 1.6rem;
    letter-spacing: .2rem;
    margin-left: .6rem;
}
.page-content .count-box span:nth-child(1) {
    margin-left: .3rem;
}
.page-content .bar-box {
    display: block;
    margin: 1.6rem auto 0;
}
.page-content .bar-box .bar {
    width: 6.13rem;
    height: .21rem;
    top: 50%;
    left: 50%;
    margin: -.105rem 0 0 -3.065rem;
}
.page-content .bar-box .bar .bar-top {
    width: 0%;
    max-width: 100%;
    height: .21rem;
    background: url(../images/page-bar-top.png) 0 50% / 6.13rem .21rem no-repeat;
    transition: all .3s;
}
.page-content .bar-box .bar .bar-top::after {
    content: '';
    width: .18rem;
    height: .44rem;
    background: url(../images/sprite.png) -10.01rem -2.22rem / 10.71rem 10.64rem no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -.22rem;
    right: -.1rem;
}
.page-content .bar-box .bar .gift-box {
    width: 100%;
    height: 2.07rem;
    top: 50%;
    margin-top: -1.035rem;
    left: 0;
    text-align: center;
}
.page-content .bar-box .bar .gift-box .gift-content {
    width: 1.62rem;
    height: 2.07rem;
    display: inline-block;
    margin: 0 .13rem;
}
.gift{
    background: url(../images/gift.png) no-repeat;
    background-size:5.06rem  4.24rem;
}
.page-gift-0-active{
    background-position: 0 0;
    width:1.62rem;
    height:2.07rem;
}
.page-gift-0{
    background-position: -1.72rem 0;
    width:1.62rem;
    height:2.07rem;
}
.page-gift-1-active{
    background-position: -3.44rem 0;
    width:1.62rem;
    height:2.07rem;
}
.page-gift-1{
    background-position: 0 -2.17rem;
    width:1.62rem;
    height:2.07rem;
}
.page-gift-2-active{
    background-position: -1.72rem -2.17rem;
    width:1.62rem;
    height:2.07rem;
}
.page-gift-2{
    background-position: -3.44rem -2.17rem;
    width:1.62rem;
    height:2.07rem;
}
.page-content .bar-box .bar .gift-box .gift-content div {
    top: 0;
    left: 0;
}
.page-content .bar-box .bar .gift-box .gift-content.active div:nth-child(1),
.page-content .bar-box .bar .gift-box .gift-content div:nth-child(2) {
    display: none;
}
.page-content .bar-box .bar .gift-box .gift-content.active div:nth-child(2) {
    display: block;
}
.page-content .bar-box .bar .people-num {
    text-align: center;
    margin-top: .35rem;
}
/*第三屏*/
.page-content .dbdy-box {
    width: 14.2rem;
    height: 5.4rem;
    margin: 0 auto;
}
.page-content .dbdy-box .tab-news {
    width: 6.44rem;
    height: 4.48rem;
    left: 0;
    bottom: 0;
}
.page-content .dbdy-box .tab-news .news-tab {
    text-align: center;
}
.page-content .dbdy-box .tab-news .news-tab .news-tab-btn {
    display: inline-block;
    width: 1.15rem;
    height: .44rem;
    margin: .19rem .02rem;
    cursor: pointer;
}
.page-content .dbdy-box .tab-news .news-tab .news-tab-btn div {
    top: 0;
    left: 0;
    transition: all .3s;
}
.page-content .dbdy-box .tab-news .news-tab .news-tab-btn div:nth-child(2) {
    opacity: 0;
}
.page-content .dbdy-box .tab-news .news-tab .news-tab-btn:hover div:nth-child(2),
.page-content .dbdy-box .tab-news .news-tab .news-tab-btn.active div:nth-child(2) {
    opacity: 1;
}
.page-content .dbdy-box .tab-news .news-box {
    width: 5.44rem;
    height: 2.95rem;
    margin: -.25rem auto 0;
    overflow: hidden;
}
.page-content .dbdy-box .tab-news .news-box .news-content {
    display: none;
}
.page-content .dbdy-box .tab-news .news-box .news-content.active {
    display: block;
    animation: fwzUp .8s forwards;
}
.page-content .dbdy-box .tab-news .news-box .news-content a {
    width: 100%;
    height: .28rem;
    line-height: .28rem;
    display: block;
    margin-top: .18rem;
}
.page-content .dbdy-box .tab-news .news-box .news-content a i {
    font-size: .16rem;
    text-align: center;
    vertical-align: top;
}
.page-content .dbdy-box .tab-news .news-box .news-content a span {
    width: 3.8rem;
    height: .28rem;
    display: inline-block;
    vertical-align: top;
    margin-left: .08rem;
    /* color: #798390; */
    font-size: .16rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page-content .dbdy-box .tab-news .news-box .news-content a:hover span {
    color: #bd994b;
}
.page-content .dbdy-box .tab-news .news-box .news-content a:hover .page-tag-bright + span {
    color: #abc7ff;
}
.page-content .dbdy-box .tab-news .news-box .news-content a dfn {
    width: calc(100% - .5rem - 3.9rem - .08rem);
    height: .28rem;
    display: inline-block;
    /* color: #515a67; */
    font-size: .16rem;
    text-align: right;
}
.page-content .dbdy-box .tab-news .page-btn-more {
    background-position: -3.43rem -3.33rem;
    width: 5.7rem;
    height: .54rem;
    display: block;
    margin: 0 auto;
}
.page-content .dbdy-box .tab-news .page-btn-more-bright {
    background-position: -3.43rem -3.33rem;
    width: 5.7rem;
    height: .54rem;
    display: block;
    margin: 0 auto;
}
.page-content .dbdy-box .tab-box {
    width: 7.8rem;
    height: 5.4rem;
    right: 0;
    bottom: -.15rem;
}
.page-content .dbdy-box .tab-box::after {
    content: '';
    width: 6.98rem;
    height: .05rem;
    background: url(../images/sprite.png) -1.16rem -8.23rem / 10.71rem 10.64rem no-repeat;
    position: absolute;
    bottom: .16rem;
    left: 50%;
    margin-left: -3.49rem;
}
.page-content .dbdy-box .tab-box::before {
    content: '';
    width: 6.98rem;
    height: .05rem;
    background: url(../images/sprite.png) -1.16rem -8.23rem / 10.71rem 10.64rem no-repeat;
    position: absolute;
    bottom: .16rem;
    left: 50%;
    margin-left: -3.49rem;
}
.page-content .dbdy-box .tab-box .swiper-pagination {
    width: 0.83rem;
    height: 0.21rem;
    bottom: .09rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    left: 3.49rem;
}
.page-content .dbdy-box .tab-box .swiper-pagination .my-bullet {
    background: url('../images/bullet.png') 0 0 / 100% 100% no-repeat;
    width: 0.09rem;
    height: 0.09rem;
    opacity: 1;
    margin: 0 .06rem;
    display: inline-block;
}
.page-content .dbdy-box .tab-box .swiper-pagination .my-bullet-active {
    background: url('../images/bullet-active.png') 0 0 / 100% 100% no-repeat;
    width: 0.21rem;
    height: 0.21rem;
    margin: 0rem;
    display: inline-block;
}
.page-content .dbdy-box .tab-box .swiper-pagination-bright {
    width: 0.83rem;
    height: 0.21rem;
    bottom: .09rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    left: 3.49rem;
}
.page-content .dbdy-box .tab-box .swiper-pagination-bright .my-bullet {
    background: url('../images/bullet.png') 0 0 / 100% 100% no-repeat;
    width: 0.09rem;
    height: 0.09rem;
    opacity: 1;
    margin: 0 .06rem;
    display: inline-block;
}
.page-content .dbdy-box .tab-box .swiper-pagination-bright .my-bullet-active {
    background: url('../images/bullet-active.png') 0 0 / 100% 100% no-repeat;
    width: 0.21rem;
    height: 0.21rem;
    margin: 0rem;
    display: inline-block;
}
/* .page-content .dbdy-box .tab-box .my-bullet-bright {
    background: url(../images/sprite.png) -10.01rem -3.49rem / 10.71rem 10.64rem no-repeat;
    width: .25rem;
    height: .25rem;
    opacity: 1;
    margin: 0 .03rem;
    display: inline-block;
} */

/* .page-content .dbdy-box .tab-box .my-bullet-active-bright{
    background: url(../images/sprite.png) -10.38rem -3.13rem / 10.71rem 10.64rem no-repeat;
    width: .25rem;
    height: .25rem;
    display: inline-block;
} */
.page-content .dbdy-box .tab-box .swiper-slide {
    width: 7.8rem;
    height: 5.1rem;
}
.page-content .dbdy-box .tab-box .swiper-slide img{
    width: 100%;
    height: 100%;
}
.page-content .dbdy-box .tab-box .page-prev {
    background-position: -10.01rem -1.35rem;
    width: .42rem;
    height: .39rem;
    bottom: 0;
    left: 2.6rem;
    z-index: 11;
    transition: all .3s;
}
.page-content .dbdy-box .tab-box .page-prev-bright {
    background-position: -10.01rem -1.35rem;
    width: .42rem;
    height: .39rem;
    bottom: 0;
    left: 2.6rem;
    z-index: 11;
    transition: all .3s;
}
.page-content .dbdy-box .tab-box .page-next {
    background-position: -10.01rem -.86rem;
    width: .42rem;
    height: .39rem;
    bottom: 0;
    right: 2.6rem;
    z-index: 11;
    transition: all .3s;
}
.page-content .dbdy-box .tab-box .page-next-bright {
    background-position: -10.01rem -.86rem;
    width: .42rem;
    height: .39rem;
    bottom: 0;
    right: 2.6rem;
    z-index: 11;
    transition: all .3s;
}
/*第四屏*/
.page-content .page-tab {
    display: block;
    margin: .2rem auto;
    font-size: 0;
    overflow: hidden;
}
.page-content .fwz-tab {
    text-align: center;
}
.page-content .fwz-tab .fwz-tab-btn {
    width: 1.58rem;
    height: .49rem;
    display: inline-block;
    margin: .19rem .11rem;
    cursor: pointer;
}
.page-content .fwz-tab .fwz-tab-btn div {
    top: 0;
    left: 0;
    transition: all .3s;
}
.page-content .fwz-tab .fwz-tab-btn div:nth-child(2) {
    opacity: 0;
}
.page-content .fwz-tab .fwz-tab-btn:hover div:nth-child(2),
.page-content .fwz-tab .fwz-tab-btn.active div:nth-child(2) {
    opacity: 1;
}
.page-content .fwz-box {
    width: 14.6rem;
    height: 6rem;
    overflow: hidden;
    margin: 0 auto;
}
.page-content .fwz-box .fwz-content {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}
.page-content .fwz-box .fwz-content.active {
    display: block;
    animation: fwzUp .8s forwards;
}
.page-content .fwz-box .fwz-content .fwz-resource {
    overflow: hidden;
    cursor: pointer;
    transition: all .3s;
}
.page-content .fwz-box .fwz-content .fwz-resource::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
}
.page-content .fwz-box .fwz-img .fwz-resource::before {
    content: '';
    background: url(../images/sprite.png) -10.01rem 0 / 10.71rem 10.64rem no-repeat;
    width: .7rem;
    height: .76rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.38rem 0 0 -.35rem;
    z-index: 2;
    opacity: 0;
}
.page-content .fwz-box .fwz-img .fwz-0-bright::before,
.page-content .fwz-box .fwz-img .fwz-1-bright::before,
.page-content .fwz-box .fwz-img .fwz-2-bright::before,
.page-content .fwz-box .fwz-img .fwz-3-bright::before,
.page-content .fwz-box .fwz-img .fwz-4-bright::before,
.page-content .fwz-box .fwz-img .fwz-5-bright::before  {
    content: '';
    background: url(../images/sprite.png) -10.01rem 0 / 10.71rem 10.64rem no-repeat;
    width: .7rem;
    height: .76rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.38rem 0 0 -.35rem;
    z-index: 2;
    opacity: 0;
}
.page-content .fwz-box .fwz-video .fwz-resource::before {
    content: '';
    background: url(../images/sprite.png) 0 -8.23rem / 10.71rem 10.64rem no-repeat;
    width: 1.06rem;
    height: 1.06rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.503rem 0 0 -.503rem;
    z-index: 2;
    opacity: 0;
}
.page-content .fwz-box .fwz-video .fwz-0-bright::before,
.page-content .fwz-box .fwz-video .fwz-1-bright::before,
.page-content .fwz-box .fwz-video .fwz-2-bright::before,
.page-content .fwz-box .fwz-video .fwz-3-bright::before,
.page-content .fwz-box .fwz-video .fwz-4-bright::before,
.page-content .fwz-box .fwz-video .fwz-5-bright::before  {
    content: '';
    background: url(../images/sprite.png) 0 -8.23rem / 10.71rem 10.64rem no-repeat;
    width: 1.06rem;
    height: 1.06rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.503rem 0 0 -.503rem;
    z-index: 2;
    opacity: 0;
}
.page-content .fwz-box .fwz-content .fwz-resource:hover::after,
.page-content .fwz-box .fwz-content .fwz-resource:hover::before {
    opacity: 1;
}
.page-content .fwz-box .fwz-content .fwz-resource img,
.page-content .fwz-box .fwz-content .fwz-6 img {
    width: 100%;
    height: 100%;
    transition: all .3s;
}
.page-content .fwz-box .fwz-content .fwz-resource:hover img,
.page-content .fwz-box .fwz-content .fwz-6:hover img {
    transform: scale(1.1);
}
.page-content .fwz-box .fwz-content .fwz-0,.page-content .fwz-box .fwz-content .fwz-0-bright {
    width: 5.2rem;
    height: 2.5rem;
    top: 0;
    left: 0;
}
.page-content .fwz-box .fwz-content .fwz-1,.page-content .fwz-box .fwz-content .fwz-1-bright {
    width: 5.2rem;
    height: 3.5rem;
    top: 2.5rem;
    left: 0;
}
.page-content .fwz-box .fwz-content .fwz-2,.page-content .fwz-box .fwz-content .fwz-2-bright {
    width: 6.6rem;
    height: 3.7rem;
    top: 0;
    left: 5.2rem;
}
.page-content .fwz-box .fwz-content .fwz-3,.page-content .fwz-box .fwz-content .fwz-3-bright {
    width: 2.5rem;
    height: 2.3rem;
    top: 3.7rem;
    left: 5.2rem;
}
.page-content .fwz-box .fwz-content .fwz-4,.page-content .fwz-box .fwz-content .fwz-4-bright {
    width: 4.1rem;
    height: 2.3rem;
    top: 3.7rem;
    left: 7.7rem;
}
.page-content .fwz-box .fwz-content .fwz-5,.page-content .fwz-box .fwz-content .fwz-5-bright {
    width: 2.8rem;
    height: 4.3rem;
    top: 0;
    right: 0;
}
.page-content .fwz-box .fwz-content .fwz-6 {
    width: 2.8rem;
    height: 1.7rem;
    overflow: hidden;
    bottom: 0;
    right: 0;
}
/*第五屏*/
.page-content.page-dbts-line {
    background: url(../images/page-dbts-line.png) 50% 85% / 15rem 6.7rem no-repeat;
}
.page-content.page-dbts-line-bright {
    background: url(../images/page-dbts-line.png) 50% 85% / 15rem 6.7rem no-repeat;
}
.page-content .selling-box {
    width: 11rem;
    height: 6.7rem;
    margin: .4rem auto 0;
    text-align: center;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right {
    background-image: none;
    background: rgba(0, 0, 0, .5);
}
.page-content .selling-box .swiper-prev {
    background-position: -.84rem -9.97rem;
    width: .74rem;
    height: .67rem;
    top: 50%;
    margin-top: -.335rem;
    left: -.5rem;
    z-index: 11;
    transition: all .3s;
}
.page-content .selling-box .swiper-prev-bright {
    background-position: -.84rem -9.97rem;
    width: .74rem;
    height: .67rem;
    top: 50%;
    margin-top: -.335rem;
    left: -.5rem;
    z-index: 11;
    transition: all .3s;
}
.page-content .selling-box .swiper-prev:hover,
.page-content .selling-box .swiper-prev-bright:hover,
.page-content .dbdy-box .tab-box .page-prev:hover, 
.page-content .dbdy-box .tab-box .page-prev-bright:hover {
    transform: translateX(-10px);
}
.page-content .selling-box .swiper-next {
    background-position: 0 -9.97rem;
    width: .74rem;
    height: .67rem;
    top: 50%;
    margin-top: -.335rem;
    right: -.5rem;
    z-index: 11;
    transition: all .3s;
}
.page-content .selling-box .swiper-next-bright {
    background-position: 0 -9.97rem;
    width: .74rem;
    height: .67rem;
    top: 50%;
    margin-top: -.335rem;
    right: -.5rem;
    z-index: 11;
    transition: all .3s;
}
.page-content .selling-box .swiper-next:hover,
.page-content .selling-box .swiper-next-bright:hover,
.page-content .dbdy-box .tab-box .page-next:hover,
.page-content .dbdy-box .tab-box .page-next-bright:hover {
    transform: translateX(10px);
}
/*最后一屏*/
.foot-h {
    height: calc(275px + 2.96rem);
}
.foot-control {
    width: 100%;
    height: 3.20rem;
    background: #282f3e;
    font-size: 0;
    text-align: center;
}
.foot-er {
    background-position: -3.43rem -.92rem;
    width: 2.04rem;
    height: 2.31rem;
    margin: .4rem .3rem;
}
.foot-er img {
    width: 1.68rem;
    height: 1.68rem;
    display: inline-block;
    margin: .18rem 0 .08rem;
}
.foot-er-txt-0 {
    background-position: -3.43rem -3.97rem;
    width: .99rem;
    height: .24rem;
}
.foot-er-txt-1 {
    background-position: -4.52rem -3.97rem;
    width: .99rem;
    height: .24rem;
}
.foot-er-txt-2 {
    background-position: -5.61rem -3.97rem;
    width: .99rem;
    height: .24rem;
}
.page-bar-bottom {
    background-position: 0 -7.71rem;
    width: 6.84rem;
    height: .42rem;
}
.page-line {
    background-position: -1.16rem -8.23rem;
    width: 6.98rem;
    height: .05rem;
}
.page-tab {
    background-position: -3.43rem 0;
    width: 6.48rem;
    height: .82rem;
}

.page-txt-0 {
    background-position: -10.01rem -3.13rem;
    width: .27rem;
    height: .26rem;
}
.page-txt-1 {
    background-position: -10.39rem -2.76rem;
    width: .27rem;
    height: .27rem;
}
.page-txt-2 {
    background-position: -10.29rem -2.22rem;
    width: .28rem;
    height: .27rem;
}
.page-txt-3 {
    background-position: -10.01rem -2.76rem;
    width: .28rem;
    height: .27rem;
}
@keyframes arrow {
    0%, 100% {
        transform: translateY(0);
        opacity: 1;
    }
    50% {
        transform: translateY(10px);
        opacity: .5;
    }
}
@keyframes big {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(.9);
    }
}
@keyframes fwzUp {
    0% {
        opacity: 0;
        transform: translateY(-15px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/*地堡情报站*/
.intelligence {
    width: 12.36rem;
    text-align: center;
    font-size: 0;
    margin: 0 auto;
}
.intelligence a {
    display: inline-block;
    margin-top: .2rem;
    transition: all .3s;
}
.intelligence a:hover {
    transform: translateY(-15px);
}
.intelligence .strategy-a {
    width: 4.07rem;
    height: 5.46rem;
    background: url(../images/pc-strategy-a.png) 0 0 / 100% 100% no-repeat;
    margin-left: -.7rem;
}
.intelligence .strategy-b {
    width: 3.47rem;
    height: 5.46rem;
    background: url(../images/pc-strategy-b.png) 0 0 / 100% 100% no-repeat;
}
.intelligence .strategy-c {
    width: 3.76rem;
    height: 5.46rem;
    background: url(../images/pc-strategy-c.png) 0 0 / 100% 100% no-repeat;
}
.page-strategy-more {
    width: 5.66rem;
    height: .5rem;
    background: url(../images/page-strategy-more.png) 0 0 / 100% 100% no-repeat;
    display: block;
    margin: .3rem auto 0;
}
.page-strategy-more-bright {
    width: 5.66rem;
    height: .5rem;
    background: url(../images/page-strategy-more.png) 0 0 / 100% 100% no-repeat;
    display: block;
    margin: .3rem auto 0;
}