#loading{background: #fdeee4;}

.z-group6{display: none;}
.swiper-slide-active .z-group6{display: block;}
.swiper-slide-active .z-img10{animation: fadeInUp 500ms 300ms both;}

.swiper-slide-active .z-img8{animation: fadeInUp 500ms  600ms both;}
.swiper-slide-active .z-img9{animation: fadeInUp 500ms  700ms both;}
.swiper-slide-active .z-img7{animation: fadeInUp 500ms  800ms both;}
.swiper-slide-active .z-img5{animation: fadeInUp 500ms  900ms both;}
.swiper-slide-active .z-img4{animation: fadeInUp 500ms 1000ms both;}
.swiper-slide-active .z-img2{animation: fadeInUp 500ms 1100ms both;}
.swiper-slide-active .z-img3{animation: fadeInUp 500ms 1200ms both;}
.swiper-slide-active .z-img6{animation: fadeInUp 500ms 1300ms both;}

.swiper-slide-active .z-img16{animation: fadeIn0 4000ms 1000ms both;}
.swiper-slide-active .z-img15{animation: fadeIn0 4000ms 4500ms both;}
.swiper-slide-active .z-img17{animation: fadeIn0 4000ms 8000ms both;}
.swiper-slide-active .z-img18{animation: fadeIn0 4000ms 11500ms both;}
.swiper-slide-active .z-img19{animation: fadeIn  1000ms 15000ms both;}

.swiper-slide-active .z-img20{animation: slideSpaceInLeft 1500ms 200ms both;}


@keyframes fadeIn0 {
    from {opacity: 0;}
    40% {opacity: 1;}
    80% {opacity: 1;}
    to {opacity: 0;transform: translate3d(0, 100%, 0);}
}

@keyframes slideSpaceInLeft {
    0% {
        opacity: 0;
        transform-origin: 0% 50%;
        transform: scale(.2) translate(-200%, 0%);
    }

    100% {
        opacity: 1;
        transform-origin: 0% 50%;
        transform: scale(1) translate(0%, 0%);
    }
}



.swiper-slide-active .z-img39{animation: bounceIn 500ms 300ms both;}
.swiper-slide-active .z-img40{animation: zoomIn 300ms 600ms both;}

.swiper-slide-active .z-img48{animation: fadeInLeft 600ms 500ms both;}
.swiper-slide-active .z-img49{animation: fadeInRight 600ms 500ms both;}
.swiper-slide-active .z-img51{animation: bounceIn 1000ms 800ms both;}
.swiper-slide-active .z-img50{animation: bounceIn 1000ms 1000ms infinite both;}

.z-group19{
	height: 100%;
}

#map{
    position: absolute;
    left: -22rem;
    top: -0.5rem;
    width: 63.50rem;
    height: 48.31rem;
}
#map img{
    width: 100%;
}


.jingdian{position: absolute;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.jingdian.active{-webkit-filter: grayscale(0%);filter: grayscale(0%);}
.jingdian .jdWord{opacity: 0;}
.jingdian.active .jdWord{opacity: 1;}

.map-group1 {width: 3.47rem;height: 2.28rem;left: 52.38rem;top: 26.19rem;}
.map-img2 {width: 2.95rem;height: 1.56rem;left: 0.52rem;top: 0.72rem;}
.map-img3 {width: 0.39rem;height: 1.72rem;left: 0rem;top: 0rem;}
.map-group2 {width: 3.24rem;height: 1.88rem;left: 49.63rem;top: 23.86rem;}
.map-img4 {width: 2.79rem;height: 1.63rem;left: 0.45rem;top: 0.12rem;}
.map-img5 {width: 0.4rem;height: 1.88rem;left: 0rem;top: 0rem;}
.map-group3 {width: 3.46rem;height: 2.37rem;left: 54.41rem;top: 22.96rem;}
.map-img6 {width: 2.83rem;height: 2.34rem;left: 0.63rem;top: 0.03rem;}
.map-img7 {width: 0.39rem;height: 1.4rem;left: 0rem;top: 0rem;}
.map-group4 {width: 2.42rem;height: 2.37rem;left: 57.05rem;top: 20.45rem;}
.map-img8 {width: 2.28rem;height: 1.62rem;left: 0.14rem;top: 0.75rem;}
.map-img9 {width: 0.4rem;height: 2.12rem;left: 0rem;top: 0rem;}
.map-group5 {width: 2.83rem;height: 1.9rem;left: 57.2rem;top: 18.62rem;}
.map-img10 {width: 3.28rem;height: 2.17rem;left: 0rem;top: 0rem;}
.map-img11 {width: 0.4rem;height: 0.91rem;left: 1.5rem;top: 0.17rem;}
.map-group6 {width: 3.36rem;height: 3.2rem;left: 56.84rem;top: 14.68rem;}
.map-img12 {width: 3.36rem;height: 2.34rem;left: 0rem;top: 0.86rem;}
.map-img13 {width: 0.39rem;height: 1.4rem;left: 2.43rem;top: 0rem;}
.map-group7 {width: 3.03rem;height: 1.97rem;left: 52.62rem;top: 20rem;}
.map-img14 {width: 2.76rem;height: 1.97rem;left: 0.27rem;top: 0rem;}
.map-img15 {width: 0.39rem;height: 1.4rem;left: 0rem;top: 0.45rem;}
.map-group8 {width: 3.72rem;height: 1.97rem;left: 53.05rem;top: 16.9rem;}
.map-img16 {width: 3.7rem;height: 1.96rem;left: 0.02rem;top: 0rem;}
.map-img17 {width: 0.4rem;height: 1.68rem;left: 0rem;top: 0.29rem;}
.map-group9 {width: 3.36rem;height: 1.6rem;left: 49.5rem;top: 16rem;}
.map-img18 {width: 3.36rem;height: 1.6rem;left: 0rem;top: 0.08rem;}
.map-img19 {width: 0.39rem;height: 1.1rem;left: 1.92rem;top: 0.2rem;}
.map-group10 {width: 5.33rem;height: 2.12rem;left: 38.34rem;top: 17.07rem;}
.map-img20 {width: 0.4rem;height: 1.19rem;left: 4.93rem;top: 0rem;}
.map-img21 {width: 5.13rem;height: 1.71rem;left: 0rem;top: 0.41rem;}
.map-group11 {width: 4.9rem;height: 2.95rem;left: 28.54rem;top: 12.04rem;}
.map-img22 {width: 4.43rem;height: 2.95rem;left: 0rem;top: 0rem;}
.map-img23 {width: 0.4rem;height: 1.88rem;left: 4.5rem;top: 0.2rem;}
.map-group12 {width: 5.13rem;height: 2.64rem;left: 23.55rem;top: 7.97rem;}
.map-img24 {width: 0.4rem;height: 1.1rem;left: 4.73rem;top: 0rem;}
.map-img25 {width: 4.51rem;height: 2.15rem;left: 0rem;top: 0.49rem;}
/*
.jd1{width: 5.13rem; height: 2.64rem; left: 23.55rem; top: 5.7rem;}
.jd2{width: 4.9rem; height: 2.95rem; left: 28.54rem; top: 9.84rem;}
.jd3{width: 5.33rem; height: 2.19rem; left: 38.34rem; top: 14.85rem;}
.jd4{width: 4.79rem; height: 3.05rem; left: 46.51rem; top: 16.88rem;}
.jd5{width: 3.62rem; height: 1.68rem; left: 53.05rem; top: 14.99rem;}
.jd6{width: 3.03rem; height: 1.97rem; left: 52.62rem; top: 17.39rem;}
.jd7{width: 2.77rem; height: 2.97rem; left: 56.97rem; top: 12.70rem;}
.jd8{width: 2.75rem; height: 1.98rem; left: 57.55rem; top: 16.26rem;}
.jd9{width: 2.42rem; height: 2.37rem; left: 57.05rem; top: 18.25rem;}
.jd10{width: 3.46rem; height: 2.37rem; left: 54.41rem; top: 20.76rem;}
.jd11{width: 3.32rem; height: 2.02rem; left: 49.63rem; top: 21.66rem;}
.jd12{width: 3.47rem; height: 2.28rem; left: 52.38rem; top: 23.99rem;}
*/

.ans{
    color: #eba989;
    width: 4rem;
    height: 0.5rem; 
}


.z-group23{
    top: 0.4rem;
}
.z-img65{
    top: 0.5rem;
    overflow: hidden;
}
.z-img64{
    width: 4.9rem;
    height: 1.9rem;
    left: 0;
    top: 3.5rem;
    font-size: 0.2rem;
    color: #fe824e;
    overflow: hidden;
}

.z-img83{
    transition: all 1000ms;
}
.foot{
    transition: all 500ms;
    position: absolute;
    width: 2.24rem;
    height: 1.2rem;
    z-index: 55;
    left: 3.8rem;
    top: 5.6rem;
    background: url(../images/car.png) no-repeat center top;
    background-size: contain;
}

.z-group24{width: 5.68rem; height: 5.89rem;}
.z-group25{left: 0.7rem;top: 4.73rem;}
.z-img66{width: 5.68rem; height: 5.89rem;}

.z-group26{width: 5.64rem; height: 3.23rem;}
.z-group27{left: 0.6rem;top: 2.2rem;}
.z-img69{width: 5.64rem; height: 3.23rem;}

.z-group28{width: 5.64rem; height: 5.94rem;}
.z-img73{left: 1.9rem;top: 4.85rem;}
.z-img72{width: 5.64rem; height: 5.94rem;}


.jiantou{
    width: 1rem;
    height: 1rem;
    bottom: 0.8rem;
    left: 3.25rem;
    position: fixed;
    z-index: 2;

    animation: fadeInUp 1000ms infinite both;
}
.jiantou i{
    color: #546c91;
    font-size: 1.2rem;
}

.z-img63{
    width: 5.23rem;
    height: 0.3rem;
    left: -0.19rem;
}

.z-groupGuide{
    width: 5rem;
    height: 3rem;
    background: rgba(255,255,255,0.5);
    border-radius: 0.1rem;
}
.z-close{
        width: 1rem;
    height: 1rem;
    color: #FFF;
    z-index: 2;
    right: 0;
    top: -1rem;
    text-align: right;
}
.z-close i{font-size: 0.55rem;font-weight: bold;}


.z-tice{
        width: 100%;
    text-align: center;
    margin: 0.2rem auto;
    color: #FFF;
    font-size: 0.45rem;
}
.z-jiantou{
        width: 3rem;
    height: 1rem;
    bottom: 0.5rem;
}
.z-left{
    width: 1rem;
    height: 1rem;
    left: 0;
    top: 0;
    animation: slideInRight 1500ms infinite both;
}
.z-right{
    width: 1rem;
    height: 1rem;
    right: 0;
    top: 0;
    animation: slideInLeft 1500ms infinite both
}
.z-left i, .z-right i{
    color: #FFF;
    font-size: 1rem;
    font-weight: bolder;
}

/*.jingdian .jingdianPointer{display: none;}*/
.jingdianPointer{
        width: 1rem;
    height: 1rem;
    right: 0;
    bottom: 0.2rem;
    color: #FFF;
    animation: rubberBand 1000ms infinite both;
}
.jingdianPointer i{
    font-size: 0.7rem;
    font-weight: bolder;
}

@keyframes rubberBand {
    from {
        transform: scale3d(1, 1, 1);
    }

    30% {
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}




.z-bm{
    width: 7.5rem;
    height: 5rem;
}
.z-bigmap{
    width: 7.5rem;
    height: 5rem;
}

.z-rulerBtn{
    width: 1.95rem;
    height: 0.93rem;
    right: -0.72rem;
    top: 2.04rem;
}
.z-group20,.z-img55{
    width: 5.64rem;
    height: 7.54rem;
}