.wp{max-width: 640px;min-width: 320px;margin: 0 auto;font-size: 12px;color: #000;line-height: 1.5;overflow: hidden}
.over{overflow: hidden;}
.fl{float: left}
.fr{float: right}
.pb{padding-bottom: 0.6rem}
.wp h2{font-size: 0.36rem;color: #000;text-align: center;font-weight: normal}
.wp h2 img{display: inline-block;}
.wp h2 strong{color: #9069f4}
.btn{display: block;width: 3.12rem;margin:4% auto 0;text-align: center;color: #fff;font-size: 0.25rem; animation: showb 1s .2s linear both infinite; -webkit-animation: showb 1s .2s linear both infinite; -moz-animation: showb 1s .2s linear both infinite; -o-animation: showb 1s .2s linear both infinite; -ms-animation: showh 1s .2s linear both infinite;}
.btn:hover{color: #fff}
.btn_c{width: 5.76rem; margin: 5% auto; height: 0.68rem; }
.btn_c .btn{width: 2.82rem; margin: 0;}
.hd{width: 100%;text-align: center;}
.hd li{display: inline-block;width: 6px;height: 6px;border-radius: 50%;background: #a7a7a7;}
.hd li.on{background: #9d0995}
.w20{margin:0 3% 0 1.8%; background:#ffcab2; box-shadow: 6px 6px 0 0 #ffb08f; border-radius: 0.14rem; padding: 3% 0 6% 0; }
.w10{margin:0 1.8%;}
.banner{position:relative; }
.banner a.btn{width: 2.68rem; position: absolute; left: 1.85rem; bottom: 0.5rem; }
.section1 {background: #5b94ff; padding: 4% 0;}
.section1 ul{padding-left: 2%;}
.section1 ul li{width: 30%; height: 3.22rem; border: 2px solid #a50196; background: #fff; padding: 0.5%; border-radius: 0.1rem; float: left; margin-left: 1%;}
.section1 ul li:nth-child(3n){margin-right: 0;}
.section1 ul li p{font-size: 0.18rem; line-height: 1.5; padding: 2% 3%;}
.section2{background:#5b94ff; padding-bottom: 1%;}
.section2 h2{padding: 3% 0;}
.section2 h2 img{width: 4.73rem;}
.section2 ul{padding: 2%;}
.section2 ul li{width: 49%; float: left; height: 4.2rem; text-align: center;}
.section2 ul li:nth-child(2n){float: right;}
.section2 ul li p{font-size: 0.32rem; color:#000;}
.section2 ul li a img{width: 1.87rem;}
.box2_p{width: 5.85rem; height: 2.06rem; margin: 0 0 4% 4%; position:relative;}
.box2_p p{position:absolute; width: 3.92rem; right: 5%; font-size: 0.2rem; color: #000; line-height: 1.3; top: 28%;}
.section3{background:#fcead9; padding-bottom: 5%;}
.section3 h2{ padding: 4% 0;}
#scroll1{position:relative; }
.box3{position:relative; padding-bottom: 2%;}
.box3 img{border-radius: 0.26rem; overflow:hidden;}
.box3 p{position:absolute; width: 56%; top: 4%;}
.box3 p.box4_r{right: 2%;}
.box3 p.box4_l{left: 2%;}
.box3 .btn_c{margin: 8% 0 0 0; width: 100%;}
.box3 .btn_c .btn{width: 2.96rem; margin: 0;}
#scroll1 .hd{width: 100%;text-align: center; position:absolute; left: 0; bottom: 14%;}
.section4 {background:#5b94ff; padding-bottom: 1%;}
.section4 .box4_c{margin: 2% 2% 0 3%; padding: 4% 3%; background:#fff; border: 2px solid #a50196; border-radius: 0.12rem;}
.box4{position:relative; margin-bottom: 6%;}
.box4 .box4_1{width: 2.96rem; position:absolute; right: 0; top: 0; margin-bottom: 5%; border: 2px solid #a50196; border-radius: 0.14rem;}
.box4_2{width: 2.66rem; position:absolute; right: 0.18rem; bottom: -0.12rem; z-index: 1}
.section5{background:#5b94ff; padding: 4% 0 7% 0;}
.section5 .w20{background:#ffd753;}
.section5 h2{width: 5.22rem; margin: 4% auto;}
#scroll2{margin: 3%;}
.section6{background:#fcead9; padding-bottom: 1%;}
.section6 .w20{padding: 1% 0 4% 0; margin-top: 4%;}
.box_px{border: 2px solid #a50196; padding: 2.2%; background: #fff; border-radius: 0.05rem; margin: 2% 1%;}
.box_px dl{height: 2.58rem;}
.box_px dl dd{overflow:hidden;}
.box_px dl dd p{width: 47.6%; font-size: 0.18rem; color:#333; line-height: 1.5; padding: 2% 0;}
.box_px dl dd p span{background:#ffb08f; border-radius: 0.2rem;}
.section7{background:#fcead9; padding: 3% 0 6% 0;}
.section7 ul{position:relative; height: 4.35rem; margin-top: 4%;}
.section7 ul li{position:absolute; text-align: center; font-size: 0.2rem;-webkit-animation: movement 3s linear normal both infinite; -o-animation: movement 3s linear normal both infinite; animation: movement 3s linear normal both infinite;}
.section7 ul li p{position: absolute; color: #a5038d; line-height: 1.3; width: 100%; left: 0; top: 50%; margin-top: -14%; }
.section7 ul li.box7_li1{width: 1.82rem; left: 0; top: 0.5rem; animation-delay: 0.6s;}
.section7 ul li.box7_li2{width: 2.1rem; left: 2rem; top: 0; font-size: 0.36rem; animation-delay: 0.3s;}
.section7 ul li.box7_li2 p{margin-top: -20%;}
.section7 ul li.box7_li3{width: 1.9rem; right: 0; top: 0.5rem; animation-delay: 0.8s;}
.section7 ul li.box7_li4{width: 2rem; left: 0.92rem; top: 2.3rem; animation-delay: 0.4s;}
.section7 ul li.box7_li5{width: 2.02rem; left: 3.15rem; top: 2.3rem; animation-delay: 1s;}
@-webkit-keyframes showb{
    0%,100%,20%,50%,80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
    60% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }
}
@keyframes movement {
    0% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(6px,10px);  transform: translate(6px,10px);  }
    75% { -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
    100% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
}
@-webkit-keyframes movement {
    0% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(6px,10px);  transform: translate(6px,10px);  }
    75% {  -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
    100% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
}