.wp{max-width: 640px;min-width: 320px;margin: 0 auto;color: #000;line-height: 1.5;overflow: hidden; font-size: 0.18rem}
.over{overflow: hidden;}
.fl{float: left}
.fr{float: right}
.wp h2{font-size: 0.38rem;color: #333;text-align: center;padding: 5% 0;font-weight:normal;line-height: 1.4; }
.wp h2 span{display: block;font-size: 0.3rem;}
.wp h2 p{font-size: 0.15rem; }
a.btn{display:block; width:55%; height:0.68rem; line-height:0.68rem; text-align: center; color:#fff; background:#8f5ceb; border:2px solid #000; margin:0 auto; font-size: 0.24rem; border-radius:0.36rem;}
.btn img{width:0.3rem; vertical-align: middle; padding:0 0 3px 2px; animation:showh 1s .2s linear both infinite;-webkit-animation:showh 1s .2s linear both infinite;-moz-animation:showh 1s .2s linear both infinite;-o-animation:showh 1s .2s linear both infinite;-ms-animation:showh 1s .2s linear both infinite}
@-webkit-keyframes showh{
0% {opacity:1;}
49% {opacity:1;}
50% {opacity:0;}
100% {opacity: 0;}
}
@-moz-keyframes showh{
0% {opacity:1;}
49% {opacity:1;}
50% {opacity:0;}
100% {opacity: 0;}
}
@-ms-keyframes showh{
0% {opacity:1;}
49% {opacity:1;}
50% {opacity:0;}
100% {opacity: 0;}
}
@-o-keyframes showh{
0% {opacity:1;}
49% {opacity:1;}
50% {opacity:0;}
100% {opacity: 0;}
}
.btnas{display: block;width: 75%;margin:5% auto 0;padding: 0.14rem 0;text-align: center;color: #fff;font-size: 0.3rem;background: #1879CF;border-radius:1rem;}
.btnas span{color: #ff0}
.btnas:hover{color: #fff}
.btn_c{width:97%; height:0.86rem; margin:4% auto;}
.btn_c .btn{width:49%; position:relative; z-index: 1; background:#fff;}
.btn_c .btn:after{content: ""; width:100%; height:0.68rem; border-radius:0.36rem; background-color:#ffff00; border:2px solid #000; position:absolute; top: 5px; right: 2px; z-index: -1}
.content{width: 96%;margin: 0 auto;}
.w20{width:93.43%; margin:0 auto;}
.banner{position: relative;}
.banner a.btn{width:48%; margin:0; position:absolute; left: 6%; top: 74%; height:0.6rem; line-height:0.6rem; box-shadow: 3px 3px 0 0 #000;}
.section1 dl{width: 94%;margin: 4% auto;position: relative;}
.section1 dl dd{position: absolute;bottom: 0rem;right: 0;width:28.8%}
.section_fc{background:#8f5ceb; /*height:9.18rem;*/}
.section_fc h2{color:#fff;}
.section_fc .btn{background:#fff; color:#000000; width:50%; line-height:0.8rem;}
.section_fc .btn.fr{width:45%;}
.box2_c{position:relative; background:#ffadc3; border-radius:0.14rem;  overflow:hidden; padding-bottom:2%;}
.box2_c .box2_p{margin:3%; padding:1%; font-size: 0.2rem; color:#333; background:#fff; border-radius:0.12rem;}
.box2_c .btn{background:#fff; color:#fff; width:45%; line-height:0.8rem;}
.box2_c .btn.fr{width:52%;}
.box2_c .btn_c .btn:after{background:#8f5ceb;}
.section4{background: #F0AEFA;padding-bottom: 8%}
.section2{padding: 0% 0 7% 0; background:#ffadc3; margin-top:6%;}
.section2 .btn{margin-top:4%; width: 46%;}
.hd{width: 100%;text-align: center;}
.hd li{display: inline-block;width: 6px;height: 6px;border-radius: 50%;background: #fff;border: 1px solid #fff}
.hd li.on{background: 0;}
.section3{padding-top:4%;}
.section3 dl{position: relative}
.section3 dd{width: 50%;position: absolute;left: 23%;bottom: 0.6rem}
.section3 dd a{width: 100%}
.section_doc{background: #ffadc3; padding-bottom:3%; margin-top:5%;}
.section_doc h2{color:#fff;}
.section_doc .btn{margin-top:4%; background:#ffff00; color:#000;}
.section4 #scroll1{margin-bottom: 3%}
.section6 {margin-bottom: 8%}
.section6 a{display: block;width: 1.9rem;height: 1.3rem;padding-top: 0.6rem;float: left;background: #ff3a6e;text-align: center;line-height: 1.3;font-size: 0.25rem;color: #fff;border-radius: 50%}
.section6 a:nth-child(2){margin: 0 3%;background: #ffb0ca}
.section6 a:nth-child(3){background: #e361ef}
.section_kst{padding:0% 3% 0 3%;}