/* CSS Document */
html{ font-size:calc(100vw/7.5);}
@media screen and (min-width:750px){html{ font-size:100px;}}
body {font-family:微软雅黑;font-size:0.01rem;}
body,p,h1,h2,h3,h4,h5,h6,dl,dd{ margin:0;}
ul,ol,li,input{list-style-type: none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{text-decoration: none; -webkit-tap-highlight-color:rgba(0,0,0,0); }
img{border:none;vertical-align:top; width:100%;}
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}
input{outline: none}

.wrap{max-width:750px;min-width: 320px;color:#333;margin-left: auto;margin-right: auto; overflow: hidden;}
.re{ position: relative;}
.te{ text-align: center;}
.ov{ overflow: hidden;}
.fl{ float: left;}
.fr{ float: right;}
.plr{ padding:0 0.2rem;}
.hs{ color:#6803a2}
.mr10{ margin-right:0.1rem}
.ml10{ margin-left:0.1rem}

.pagination{ width:100%; text-align:center; padding:0.2rem 0}
.pagination span{display: inline-block;
    width: 0.2rem;
    height:0.2rem;
    border-radius:0.1rem;
    background:#bd77ce;
    margin: 0 5px;
    cursor: pointer;
}


.pagination .swiper-active-switch {background: #fff;}

.pa2 .swiper-active-switch {background: #fff;}

.swiper-slide img{width:4.01rem; transform:rotate(5deg);}/*rotate加上倾斜效果*/
#page .swiper-slide-prev, #page .swiper-slide-next, #page .swiper-slide-visible{-webkit-transform: scale(0.75);transform: scale(0.75); opacity: 0.5;}/*scale加上缩放效果；opacity加上蒙层效果*/
#page .swiper-slide-prev, #page .swiper-slide-next{ z-index: 0!important; /*版本3 让中间的不给旁边两个覆盖*/}
.swiper-slide-active {
    z-index: 1000!important; /*版本3 让中间的不给旁边两个覆盖*/
}
/*把图片向中间拉靠拢点位置*/
/*#page .swiper-slide-prev img{ position:relative; left: 2.84rem;}
#page .swiper-slide-next img{ position:relative; right: 2.84rem;}*/

.part1{ position:relative}
.part1 .txt{ position:absolute; width:3.15rem; left:3.46rem; top:0.36rem;}
.part1 .tt1{ position:absolute; width:5.6rem; left:0.5rem; top:0.22rem;}
.part1 .btn{ position:absolute; width:7.33rem; left:0.08rem; top:0.28rem;animation:fingerHandle 2s infinite;}
.part1 .btn2{ position:absolute; width:2.58rem; left:1rem; top:9.68rem;animation:bounce 2s infinite;}

.part2{ position:relative}
.part2 .tt1{ position:absolute; width:4.93rem; left:1.3rem; top:0.6rem;}
.part2 .btn{ position:absolute; width:4.84rem; left:1.46rem; bottom:0rem;animation:fingerHandle 2s infinite;}

.part3{ position:relative}
.part3 .tt1{ position:absolute; width:5.48rem; left:0.98rem; top:0.5rem;}
.part3 .btn{ position:absolute; width:3.87rem; left:1.82rem; bottom:0.3rem;animation:fingerHandle 2s infinite;}

.part4{ position:relative}
.part4 .tt1{ position:absolute; width:6.28rem; left:0.6rem; top:0.6rem;}
.part4 .btn{ position:absolute; width:4.79rem; left:1.48rem; bottom:0.3rem;animation:fingerHandle 2s infinite;}
 
.part5{ position:relative}
.part5 .tt1{ position:absolute; width:6.28rem; left:0.6rem; top:0.6rem;}
.part5 .btn{ position:absolute; width:3.87rem; left:1.82rem; bottom:0.5rem;animation:fingerHandle 2s infinite;}

.part6, .part10{ position:relative}
.part6 .btn{ position:absolute; width:4.42rem; left:1.48rem; bottom:0.42rem;animation:fingerHandle 2s infinite;}
.part10 .btn{ position:absolute; width:3.2rem; left:2.16rem; top:3.04rem;animation:fingerHandle 2s infinite;}

.flexbox{display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */}
.box-align-center {
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}
.self-align-center {
    align-self: center;
    -webkit-align-self: center;
    margin: 0 auto;
}
.box-pack-between {
        -webkit-box-pack: justify;
        -moz-justify-content: space-between;
        -webkit-justify-content: space-between;
        justify-content: space-between;
}
.box-pack-around {
    -moz-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
.box-pack-center {
    -webkit-box-pack:center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.box-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@-webkit-keyframes float {
    0%,100% {
        -webkit-transform: translate3d(0,0,0)
    }
    40% {
        -webkit-transform: translate3d(0,-5px,0)
    }
  }
  
  @keyframes float {
    0%,100% {
        transform: translate3d(0,0,0)
    }
    40% {
        transform: translate3d(0,-5px,0)
    }
  }

  @-webkit-keyframes float1 {
    0%,100% {
        -webkit-transform: translate3d(0,0,0)
    }
    40% {
        -webkit-transform: translate3d(-5px,0,0)
    }
  }
  
  @keyframes float1 {
    0%,100% {
        transform: translate3d(0,0,0)
    }
    40% {
        -webkit-transform: translate3d(-5px,0,0)
    }
  }  

  @keyframes rotate360 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
  }



@keyframes fingerHandle {
            0% {
                transform: none;
            }
            70% {
                transform: scale3d(.9, .9, .9);
            }
            100% {
                transform: none;
            }
        }





@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-3px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-6px,0)}90%{transform:translate3d(0,-2px,0)}}