.wp{max-width: 640px;min-width: 320px;margin: 0 auto;color: #000;line-height: 1.5;overflow: hidden}
.over{overflow: hidden;}
.fl{float: left}
.fr{float: right}
.wp h2{font-size: 0.34rem;color: #333;text-align: center;padding: 8% 0 6%;line-height: 1.3;font-weight: normal}
.wp h2 span{color: #ad3cf4;}
.wp h2 i{display: block;width: 100%;height: 1px;background: #EAEAEA;margin-top: 2%}
.btnas{display: block;width: 65%;height: 0.7rem;line-height: 0.7rem;margin:0.4rem auto 0;text-align: center;color: #fff;font-size: 0.25rem;background: #AD3EF2;border-radius: 0.5rem}
.btnas img{display: inline-block;width: 0.35rem;vertical-align: middle;margin-left: 3%}
.content{width: 96%;margin: 0 auto;}
.pb{padding-bottom: 0.6rem}
.section1 a{margin-top: 0}
.section2{margin-bottom: -0.35rem;}
.section2 dl{padding: 2% 3% 4% 3%; background: #8b83e4; position: relative; margin-top: 3%;}
.section2 dl p{font-size: 0.18rem; color: #fff; line-height: 1.7;}
.section2 dl dt{padding-left: 70%;}
.section2 dl dt img{position: absolute; left: 0 ; top:-4%; width: 3.9rem}
.section2 dl dd{padding: 12% 50% 2% 1%;}
.section2 dl dd img{position: absolute; right: 4% ; top:48%; width: 2.73rem;}
.section2 .btnas{margin: 5% 0 3% 2%; width: 44%; }
.section3{padding-bottom: 6%;margin-top: 0.6rem; background-image: linear-gradient(#a470eb,#8b83e4)}
.section3 .content{overflow: hidden;}
.section2 .content{margin:0.65rem auto 0;}
.section3 h2{color: #fff;padding-bottom: 3%}
.section3 p{width: 85%;margin: 0 auto;font-size: 0.2rem;color: #fff;text-align: center;}
.section3 #scroll1{padding: 15% 0 3% 0; overflow: hidden}
.section3 .hd{text-align: center; height: 0.9rem; padding: 0 4%; }
.section3 .hd li{width: 32%;height: 0.6rem; line-height:0.6rem;background: #c09df1;font-size: 0.24rem;text-align: center;color: #fff; position: relative; float: left; margin-right: 2%; padding-top: 0.3rem;}
.section3 .hd li i{display: block; width: 100%; text-align: center; left: 0; top: -0.64rem; position: absolute }
.section3 .hd li i img{width: 0.94rem; border-radius:50%; border: 3px solid #c09df1;}
.section3 .hd li:nth-child(3){margin-right: 0}
.section3 .hd li.on{background: #fff;color: #000}
.section3 .hd li.on i img{border: 3px solid #fff;}
.box2_c{ background: #fff; padding: 4% 2% 7% 2%;}
.box2_c b{display: block; width: 1.3rem; height: 0.32rem; line-height: 0.32rem; color: #fff; background: #8b83e4; margin-bottom: 1%; text-align: center; font-weight: normal; font-size: 0.2rem;}
.box2_c1{padding:1% 1% 0 40% }
.box2_c1 span{display: block; font-size: 0.3rem; height: 0.46rem; color: #000; margin-bottom: 1%;}
.box2_c1 p{width:auto;font-size: 0.18rem; color: #333; line-height: 1.6; margin:0 0 3% 0; text-align: left;}
.box2_c2{margin-bottom: 3%; width: 100%;}
.box2_c2 b{margin-bottom: 3%;}
.box2_c.box2_li1{background: url(../images/box1.jpg) 4% 4% no-repeat #fff; background-size: 2.37rem;}
.box2_c.box2_li2{background: url(../images/box2.jpg) 4% 4% no-repeat #fff; background-size: 2.51rem;}
.box2_c.box2_li2 .box2_c1{padding: 1% 1% 0 46%;}
.box2_c.box2_li3{background: url(../images/box3.jpg) 4% 4% no-repeat #fff; background-size: 2.4rem;}
.box2_c.box2_li3 .box2_c1{padding: 1% 1% 0 46%;}
.section4{background: #EEF1F6;padding-bottom: 0.6rem}
.section4 .hd{text-align: center;width: 100%}
.section4 .hd li{display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: #CDCBCB}
.section4 .hd li.on{background: #906AF2}
.section4 a{margin-top: 0.3rem}

.section5 .over{margin: 0 3%}
.section5 .over a,.section8 .over a{width: 48%}
.section5 .over a.fr,.section8 .over a.fr{background: #EC527D}
.section6{background: #D9DFF6}
.section6 li{width: 32%;float: left}
.section6 li:nth-child(2){margin: 0 2%}
.section6 li dd{font-size: 0.22rem;color: #333;text-align: center;padding: 3% 0 0.3rem}
.section6 a{width: 60%;margin-top: 0}

.section8{background-image: linear-gradient(#7A90DF,#9B67E3)}
.section8 h2{color: #fff}
.section8 .content>img{display: block;margin-bottom: 3%}
.section8 .over a{margin-top: 0}
.section8 .over {padding: 3% 0 0.5rem}
.section10{padding: 1% 0 6% 0;}
.section10 h2{padding-top: 4%;}
.section10 a.btnas{width: 50%;}
.section7{margin-bottom: 0.5rem}
.section7 h2{font-weight: bold;padding-top: 3%}
.section7 a{display: block;font-size: 0.22rem;color: #fff;background: #EF7AF4;text-align: center;height: 0.6rem;line-height: 0.6rem;font-weight: bold}
.section7 a.zi{background: #B577E8}
.section7 a.pink{background: #FB59AD}
.section7 p{margin-bottom: 0.5%}
.section7 p:nth-child(1) a.fl,.section7 p:nth-child(3) a.fl,.section7 p:nth-child(2) a.fr{width: 43.5%}
.section7 p:nth-child(1) a.fr,.section7 p:nth-child(3) a.fr,.section7 p:nth-child(2) a.fl{width: 56%}



.section3 .btnas-l{display: block;
    width: 48%;
    height: 0.7rem;
    line-height: 0.7rem;
    margin: 0.4rem auto 0;
    text-align: center;
    color: #fff;
    font-size: 0.25rem;
    background: #AD3EF2;
    border-radius: 0.5rem;}

.section3 .btnas-r{display: block;
    width: 48%;
    height: 0.7rem;
    line-height: 0.7rem;
    margin: 0.4rem auto 0;
    text-align: center;
    color: #fff;
    font-size: 0.25rem;
    background: #EC527D;
    border-radius: 0.5rem;}


.btnas-l img, .btnas-r img {
    display: inline-block;
    width: 0.35rem;
    vertical-align: middle;
    margin-left: 3%;
}