.fixBot{
    width:100%;
    height:1rem;
    position: fixed;
    bottom:0;
    z-index:10;
    background:url(./../images/fixb.jpg) center no-repeat;
    background-size:cover;
    display: flex;
}
.fixBot .sub{
    flex:1;
    height:100%;
}
.ilook{
    width:2.3rem;
    position: relative;
    top:-.2rem;
}
.pop{
    width:100%;
    height:100%;
    position: fixed;
    background:rgba(0,0,0,0.8);
    top:0;
    z-index:99;
    display: none;
}
.pop .popbg{
    width:7.04rem;
    height:5.88rem;
    position: absolute;
    top:50%;
    left:50%;
    margin-left:-3.52rem;
    margin-top:-4rem;
}
.pop .close{
    width:.4rem;
    height:.4rem;
    position: absolute;
    right:1rem;
    top:50%;margin-top:-4rem;
}


.shu{
    position: absolute;
    top:-.2rem;
    width:3.48rem;
}
.shul{
    left:-.5rem;
    transform-origin: bottom left;
    -webkit-transform-origin: bottom left;
    animation: go 2s ease-in-out alternate infinite;
}


@keyframes go {
    0% {
        -webkit-transform: rotate(5deg);
       
        -moz-transform: rotate(5deg);
       
        transform: rotate(5deg);
    
    }
    100% {
        -webkit-transform: rotate(-5deg);
     
        -moz-transform: rotate(-5deg);
    
        transform: rotate(-5deg);
    }
}

.shur{
    right:-.5rem;
    transform-origin: bottom right;
    -webkit-transform-origin: bottom right;
    animation: go 2.5s ease-in-out alternate infinite;
}
.p1title{
    position: absolute;
    width:6.33rem;
    height:3.97rem;
    top:1.5rem;
    margin-left: -3.15rem;
    -webkit-animation-name: hvr-pulse-shrinks;
    animation-name: hvr-pulse-shrinks;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

.p5t{
    -webkit-animation-name: hvr-pulse-shrinks;
    animation-name: hvr-pulse-shrinks;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

.nvl{
    position: absolute;
    bottom:0;
    left:-1rem;
    width:5.01rem;
    transform-origin: bottom;
    animation: move8 1.5s linear infinite alternate
}
.nvr{
    position: absolute;
    bottom:0;
    right:0;
    width:3.61rem;
    transform-origin: bottom;
    animation: move8 1.2s linear infinite alternate
}
.tu{
    width:3.23rem;
    height:2.72rem;
    position: absolute;
    bottom:0;
    left:2rem;
    transform-origin: bottom;
    animation: move7 1.7s linear infinite alternate
}

.p3-1{
    -webkit-animation-name: hvr-pulse-shrinks;
    animation-name: hvr-pulse-shrinks;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-pulse-shrinks {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes hvr-pulse-shrinks {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-webkit-keyframes hvr-pulse-shrinksma {
    to {
        -webkit-transform: scale(0.99);
        transform: scale(0.99)
    }
}

@keyframes hvr-pulse-shrinksma {
    to {
        -webkit-transform: scale(0.99);
        transform: scale(0.99)
    }
}


.p3-2{
    transform-origin: bottom;
    animation: move8 1s linear infinite alternate
}

@keyframes move7 {
    100% {
        transform: rotate(10deg)
    }
}

@keyframes move8 {
    100% {
        transform: rotate(3deg)
    }
}


.gun{
    width:.61rem;
    position: fixed;
    z-index:22;
    bottom:1.5rem;
    left:50%;
    margin-left:-.45rem;
}

.p1logo{
    position: absolute;
    width:1.75rem;
    left:.5rem;
    top:.5rem;
}


.rollBtn{
    width:7rem;
    margin: 0 auto;
    margin-top:.47rem;
    display: flex;
    background:rgba(255,255,255,0.9);
    font-size:.24rem;
    height:.85rem;
    justify-content: center;

    border:2px solid #f44949;
    border-radius: .2rem;
    color:#f44949;
            /* line-height: .85rem; */
}

.rollBtn .isub{
    flex: 1;
    height:100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.rollBtn .isub.active{
    flex: 1;
    color:#fff;
    background:#f44949;
}
.rollBtn .isub .tx{
    overflow: hidden;
    display: inline;
}


.slideWrap{
    width:5.62rem;
    height:5.3rem;
    background:url(./../images/p2bor.png) no-repeat;
    background-size: 100%;
    margin:0 auto;
    position: relative;
    margin-top:.46rem;
}

.sw-p2-2{

}
.sw-p2-2 .p2bg{
    width:100%;
}

.dir-left,.dir-right{
    position: absolute;
    z-index:50 !important;
    width:.48rem;
    height:.48rem;
    border-radius: 100%;
    line-height: .48rem;
    text-align: center;
    top:40%;
    border: 2px solid #f44949;
    background:#fff;
    color:#f44949;
    font-weight: bold;
    /* transition: 1s; */
}

.swiper-slide-active .dir-left{
 
}


.pt-swiper2{
    margin-top:.5rem;
}

.dir-left{ left:-.2rem;}
.dir-right{ right:-.2rem;}

.pt-swiper{
    width: 100%;
    height: 2.8rem;
    margin: 0 auto;
    top: .3rem;
    overflow: initial;
}
.pt-swiper .peit{
    width:4.7rem;
    display: block;
    margin:0 auto;
}
.slideWrap p{
    font-size:.24rem;
    text-align: left;
    color:#f44949;
    padding:.2rem .4rem;
}

.p3Title{
    width:90%;
    margin:0 auto;
    margin-top:.56rem;
    -webkit-animation-name: hvr-pulse-shrinks;
    animation-name: hvr-pulse-shrinks;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

.ptsw2{
    width:100%;
}
.ptsw2 .iwrap{
    width:5.37rem;
    height:4.99rem;
    background:url(./../images/p3bor.png);
    background-size:cover;
    margin:0 auto;
}


.ptsw3 .iwrap{
    width:4.67rem;
    height:5.75rem;
    background:url(./../images/p4bor.png);
    background-size:cover;
    margin:0 auto;
}
.ptsw3 *{
    color:#fff;
}

.ptsw2 .ibg{
    width:4.55rem;
    height:2.55rem;
    margin:0 auto;
    margin-top:.25rem;
}
.ptsw3 .ibg{
    width:4.1rem;
}
.ptsw2 h4{
    font-size:.34rem;
    margin:0;
    text-align: left;
    padding-left:.40rem;
}
.ptsw2 p{
    font-size:.26rem;
    padding-left:.4rem;
    padding-right:.4rem;
    margin-top:.1rem;
    margin-bottom:.1rem;
    text-align: left;
}
.ptsw2 .dd{ font-size:.22rem;
    text-align: left;
}
.ptsw2 .dd i{ padding-left:.3rem; position: relative; top:.02rem; padding-right:.1rem; color:#a92929;}
.ptsw3{
    position: relative;
}
.ptsw3 .dd{
    width:3.6rem;
    height:.92rem;
    background:#0056b6;
    line-height: .4rem;
    padding:.1rem .2rem;
    box-sizing: border-box;
    position: absolute;
    bottom:.5rem;
    left:1.3rem;
}

.left3,.right3{
    position: absolute;
    z-index:11;
    top:2rem;
    width:.4rem;
}
.left3{
    left:.4rem;
}
.right3{
    right:.4rem;
}


/* <div class="swiper-slide ptsw2">
                            <img src="images/p3/1.jpg" class="ibg">
                            <h4>1/6.桃花源</h4>
                            <p>古风高颜值，十里桃林，许下你的三生三世！</p>
                            <div class="dd">
                                <i class="iconfont icon-didian"></i>地点:圣诞村飞行圣诞树旁
                            </div>
                        </div> */