.wp{max-width: 640px;min-width: 320px;margin: 0 auto;font-size: 18px;color: #000;line-height: 1.5;overflow: hidden}
.over{overflow: hidden;}
.fl{float: left}
.fr{float: right}
.wp h2{font-size: 0.45rem;text-align: center;color: #492a5a;font-weight: 500;padding: 8% 0 3.5%;line-height: 1.2}
.wp h2 img{display: block;width: 50%;margin: 2% auto 1.5%}
.wp h2 p{font-size: 0.3rem;margin-top: 2%}
.btnas{display: block;width: 45%;margin:5% auto 0;padding: 0.2rem 0;text-align: center;color: #fff;font-size: 0.25rem;background: #75468D;border-radius:0.5rem;}
.btnas:hover{color: #fff}
.content{width: 96%;margin: 0 auto;}
.section1{padding-bottom: 8%}
.section2{background-image: -webkit-radial-gradient(ellipse at bottom, rgb(240,235,241),rgb(222,211,224));background-image: radial-gradient(ellipse at bottom, rgb(240,235,241),rgb(222,211,224));padding-bottom: 8%}
.section2 .content p{width: 88%;padding: 2% 6%;color: #492a5a;font-size: 0.22rem;border: 1px dashed #75468D;border-radius: 1rem}
.section4{background: #ECE6EE;padding-bottom: 8%}
.section4 h2 span{font-size: 0.3rem}
.section4 dl{overflow: hidden;margin-bottom: 5%}
.section4 dl dt{width: 45%;}
.section4 dl dd{width: 50%;margin-right: 3%;font-size: 0.22rem;color: #333}
.section4 dl dd h3{font-size: 0.3rem;color: #492a5a;text-align: left;padding-top: 0.2rem}
.section4 dl dd h3 span{font-weight: normal;font-size: 0.25rem;}
.section4 dl dd strong{display: inline-block;font-size: 0.22rem;background: #8A49A8;color: #fff;font-weight: normal;padding: 0 2%;margin-bottom: 0.1rem}
.section4 dl dd.fr strong{background: #FFB400}
.section4 dl dd.fl{margin-left: 3%;margin-right: 0}
.section4 .over{width: 90%;margin: 0 auto;padding: 3% 5%;background: #7F5596;border-radius: 1rem;color: #fff;line-height: 1.2}
.section4 .over span{display: block;width: 2%;float: left;margin-top: 6%;margin-right: 2%}
.section4 .over strong{display: block;width:18%;float: left;font-size: 0.45rem;text-align: center}
.section4 .over p{width: 78%;float: left;font-size: 0.25rem;padding-top: 2%}
.section4 a{width: 60%}
.section6{background: #F7EDF8;margin-top: 0.5rem;padding-bottom: 0.5rem}
#scroll1 .hd{overflow: hidden;}
#scroll1 .hd li{float: left;width: 33%;background: url("../images/img2_10.jpg") no-repeat scroll 0 0 / 99% auto; font-size: 0.25rem;color: #444;padding: 3.5% 0 6%;text-align: center; }
#scroll1 .hd li:nth-child(2){margin: 0 0.5%}
#scroll1 .hd li.on{background: url("../images/img2_08.jpg")no-repeat scroll 0 0 / 99% auto;color: #fff}
#scroll1 .bd dl{width: 96%;padding: 2%;background: #fff;box-shadow: 0 3px 3px rgba(117, 1, 135,.1);padding-bottom: 0.2rem}
#scroll1 .bd dl dd{font-size: 0.25rem;color: #333;text-align: center;padding: 3% 0}
#scroll1 .bd dl h3{width: 85%;margin: 0 auto;font-size: 0.28rem;background: #8A49A8;text-align: center;color: #fff;font-weight: normal;border-radius: 0.3rem;padding: 0.03rem 0}
.section7{padding-bottom: 8%}
.section7 .content{overflow: hidden}
.section7 a{display: block;width: 1.96rem;height: 1.36rem;float: left;font-size: 0.22rem;text-align: center;background: #7F5596;color: #fff;border-radius: 50%;padding-top: 0.6rem}
.section7 a:nth-child(2){margin: 0 2%}
.section8{background: #E6DDE7;margin-top: 0.5rem;padding-bottom: 0.5rem}
.section8 #scroll2{width: 96%;margin: 0 auto}
.section8 #scroll2 img{display: block;border-radius: 0.1rem;box-shadow: 0 3px 3px rgba(123,123,123,0.2)}
.section8 #scroll2 .hd{text-align: center}
.section8 #scroll2 .hd li{display: inline-block;width: 8px;height: 8px;border-radius: 50%;border: 2px solid #fff;}
.section8 #scroll2 .hd li.on{background: #fff}