.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: 5%}
.wp h2{width: 100%;text-align: center;padding: 6% 0 4% 0; font-size: 0.42rem; line-height: 1.3; color:#333;}
.wp h2 span{font-weight: normal;}
.wp h2 p{font-weight: normal; font-size: 0.32rem}
.btn{display: block;width: 49%;height: 0.7rem;line-height: 0.7rem;margin:5% auto 0;text-align: center;color: #fff;font-size: 0.24rem;border-radius: 0.5rem;background: #ff653c; box-shadow: 0 0 8px rgba(255,101,60,0.3); -webkit-animation: showb 2s both normal linear infinite;-o-animation: showb 2s both normal linear infinite;animation: showb 2s both normal linear infinite;}
.w20{width: 93.75%;margin: 0 auto}
.btn_c{padding: 4% 0; overflow:hidden;}
.btn_c .btn{margin: 0; }
.btn_c .btn.fl{background:#ff6576;}
.banner {position: relative;}
.banner a{display: block;width: 1.25rem; height: 1.25rem; border-radius: 50%; box-shadow: 0 0 10px rgba(0,0,0,0.1); position: absolute; right: 18%; bottom: 7%; z-index: 1;-webkit-animation: movement 3s linear normal both infinite; -o-animation: movement 3s linear normal both infinite; animation: movement 3s linear normal both infinite;}
.picMarquee-left{position: relative;margin-top: -50%}
.section1{background: #e9a3d6;}
.section1 .bd dl{padding: 5% 3%;text-align: center; background:#fff;}
.section1 .bd dl dd{font-size: 0.2rem; color:#333; text-align: center; padding: 2% 0;}
.section1 .bd dl dd.box1_li2{padding: 2% 6%;}
.section1 .bd dl dd p{width: 50%;}
.section1 .hd{text-align: center; margin-top: 2%; z-index: 1;}
.section1 .hd li.on {background: #fff; width: 0.26rem;}
#scroll1{position:relative; margin-top: 15%;}
.section1 .hd{display: flex; position:absolute; left: 0; height: 0.9rem; top: -29.4%; width: 100%; }
.section1 .hd li{flex: 1;margin-right: 2%;height: 0.7rem;display: -webkit-flex;justify-content: center;align-items: center;font-size: 0.26rem;text-align: center;background: #cc8dd5;color: #fff;border-radius: 0.06rem 0.06rem 0 0;position: relative;line-height: 1.3}
.section1 .hd li img{display: none;width: 0.36rem;position: absolute; left: 42%; bottom: -0.11rem;}
.section1 .hd li:last-child{margin-right: 0;}
.section1 .hd li.on{background: #6f45a4;}
.section1 .hd li.on img{display: block}
.section2{padding-bottom: 3%;}
.section2 ul li{padding: 3%; height: 0.7rem; line-height: 1.3; float: left; border-radius: 0.5rem; width: 43%; color: #fff; margin-bottom: 3%; background:#808be2;}
.section2 ul li a{display:block; color:#fff;}
.section2 ul li:nth-child(2n){float: right;}
.section2 ul li span{display: inline-block; float: left; padding-right: 4%; font-size: 0.48rem; line-height: 0.7rem;}
.section2 ul li span strong{font-size: 0.52rem;}
.section2 ul li p{font-size: 0.24rem; padding-top: 2%;}
.section2 ul li:nth-child(2){background:#ff6576;}
.section2 ul li:nth-child(3){background:#f57d5c;}
.section2 ul li:nth-child(5){background:#ff6576;}
.section2 ul li:nth-child(6){background:#82b0f4;}
.section3 {background:#8743df;}
.section3 h2{color:#fff;}
.box3_c{background:#fff; padding: 6% 3% 3% 3%;}
.box3_c1{border-radius: 0.12rem; border: 1px dashed #aaa; padding: 2%;}
.box3_c1 dl{padding: 3% 0; overflow:hidden; text-align: center;}
.box3_c1 dl dd{width: 32%; margin-right: 2%; height: 0.8rem; line-height: 0.8rem; color:#fff; border-radius: 0.12rem; background:#6f45a4; font-size: 0.24rem; float: left;}
.box3_c1 dl dd:last-child{margin-right: 0;}
.box3_c1 p{height: 0.62rem; padding-bottom: 2%; font-size: 0.22rem; color:#333; line-height: 1.3; }
.box3_c1 p span{width: 0.62rem; height: 0.46rem; padding: 1% 0; display:block; float: left; text-align: center; font-size: 0.18rem; color:#fff; border-radius: 0.08rem; background:#6f45a4; margin-right: 2%;}
.box3_c2{padding: 3%;}
#scroll2{position:relative; margin-top: 12%;}
.section3 .hd{display: flex; position:absolute; left: 0; height: 0.9rem; top: -11.3%; width: 100%; z-index: 1;}
.section3 .hd li{flex: 1;margin-right: 2%;height: 0.7rem;display: -webkit-flex;justify-content: center;align-items: center;font-size: 0.24rem;text-align: center;background: #cc8dd5;color: #fff;border-radius: 0.06rem 0.06rem 0 0;position: relative;line-height: 1.3}
.section3 .hd li img{display: none;width: 0.36rem;position: absolute; left: 42%; bottom: -0.11rem;}
.section3 .hd li:last-child{margin-right: 0;}
.section3 .hd li.on{background: #6f45a4;}
.section3 .hd li.on img{display: block}
.section4{background: #e9a1d4}
.section4 ul li{width: 48%; height: 3rem; float: left; background:#fff; border-radius: 0.14rem; margin-bottom: 4%; overflow:hidden;}
.section4 ul li:nth-child(2n){float: right;}
.section4 ul li p{padding: 3%; font-size: 0.2rem; line-height: 1.4; color:#666;}
.section4 ul li p span{display:block; color:#000; font-size: 0.24rem; text-align: center; padding: 1% 0;}
.section4 ul li p span strong{color:#8743df; margin-left: 2%;}
.section5{background:#8743df; }
.section5 h2{color:#fff; font-size: 0.36rem;}
.section5 h2 p{font-size: 0.42rem; color:#fff;}
#scroll3 ul.hd{text-align: center; margin-top: 2%; }
#scroll3 ul.hd li{display:inline-block; width: 0.12rem; height: 0.12rem; border-radius: 50%; border: 2px solid #fff;}
#scroll3 ul.hd li.on{background:#fff;}
.section6 .w20{height: 2.16rem;}
.section6 .w20 a{width: 32%; display:block; height: 0.7rem; line-height: 1.3; text-align: center; background:#f57d5c; color:#fff; font-size: 0.24rem; border-radius: 0.12rem; margin-bottom: 2%; float: left; margin-right: 2%; padding: 3% 0; box-shadow: 0 0 10px rgba(0,0,0,0.2)}
.section6 .w20 a:nth-child(3n){margin-right: 0;}
.section6 .w20 a:nth-child(2){background:#808be2;}
.section6 .w20 a:nth-child(3){background:#ff6576;}
.section6 .w20 a:nth-child(4){background:#ff6576;}
.section6 .w20 a:nth-child(5){background:#82b0f4;}
.section6 .w20 a:nth-child(6){background:#f57d5c;}
@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 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)
    }
}