.wp{max-width: 750px;min-width: 320px;margin: 0 auto;color: #000;line-height: 1.5;overflow: hidden}
body{max-width: 750px !important}
.wp h2{width: 100%;text-align: center;padding: 6% 0 0 0; }
.btn{display: block;width: 74%;height: 0.84rem;line-height: 0.84rem;margin: 5% auto 0;background: -webkit-linear-gradient(left,#ff8b74,#fed457); box-shadow: 0 0.1rem 0.2rem rgba(157,0,188,0.1); border-radius: 0.5rem;font-size: 0.32rem;color: #fff;text-align: center; -webkit-animation: dx 2s linear infinite  both;-o-animation: dx 2s linear infinite  both;animation: dx 2s linear infinite  both}
.btn_c{height: 0.9rem; padding: 3% 2%;}
.btn_c .btn{margin: 0; width: 49%;}
.btn_c .btn.fr{background:#ff6600; color:#fff; animation-delay: 0.5s}
.over{overflow: hidden;}
.fl{float: left}
.fr{float: right}
.pb{padding-bottom: 6%}
.w20{margin: 0 2.6%;}
.section1{padding: 2% 0 8% 0;background:#a378fd;}
.section1 p{margin-top: 3%;}
.box1{position:relative;}
.box1_v{width: 49.5%; position:absolute; border-radius: 0.1rem; height: 5.84rem; background:#000; overflow:hidden; right: 4%; top: 3%;}
.box1_v img{position:absolute; left: 0; top: 0; width: 100%; height: 5.84rem; z-index: 1; border-radius: 0.1rem;}
.box1_v video{width: 100%; height: 100%; border-radius: 0.1rem; position:absolute; left: 0; top: 0; }
.box1_i1{position:absolute; width: 3.65rem; left: 4%; bottom: 3%; z-index: 2;}
.box1_i2{position:absolute; width: 0.8rem; right: 5%; bottom: 6%; z-index: 2;}
.box1_c{padding-bottom: 6%;}
.box1_c .swiper-pagination .swiper-pagination-bullet{width: 0.1rem; height: 0.1rem; border: 0.02rem solid #fcd3cf; border-radius: 0.08rem; background:none; opacity: 1;}
.box1_c .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 0.4rem; background:#fcd3cf;}
.section2 ul li{width: 24%; height: 2.97rem; background:#e2e2e2; border-radius: 0.1rem; float: left; margin-right: 1.2%; overflow: hidden;}
.section2 ul li:last-child{margin-right: 0;}
.section2 ul li p{font-size: 0.2rem; color:#787878; text-align: center; line-height: 1.3; padding-top: 3%;}
.section2 ul li p strong{display:block; font-size: 0.22rem;}
.section3{background:#ffad7b;}
.section3 ul li{width: 49.5%; float: left; margin-bottom: 4%; position:relative;}
.section3 ul li:nth-child(2n){float: right;}
.section3 ul li p{font-size: 0.2rem; position:absolute; color:#333; width: 92%; left: 4%; bottom: 3%; }
.section3 ul li p strong{display:block; text-align: center; font-size: 0.24rem;}
.section3 .btn{background:#ff6600; width: 42%; font-size: 0.26rem; padding-right: 7%; height: 0.9rem; position:relative; line-height: 0.9rem;}
.section3 .btn span{position:absolute; width: 0.86rem; height: 0.76rem; padding-top: 0.1rem; line-height: 1.2; font-size: 0.26rem; color:#ff5400; background: #fed457; border: 0.02rem solid #ffbf00; right: 0; top: 0; border-radius: 50%;}
.section4{background:#dfc8ff;}
.section4 h2{padding-bottom: 4%;}
#scroll2{position:relative; background:#fff; border-radius: 0.2rem;}
.section4 .hd{position:relative; display:flex; padding: 3%;}
.section4 .hd li{flex: 1;height: 0.76rem;padding: 2% 0; font-size: 0.26rem;text-align: center;background: #886fff;border-radius: 0.06rem;color: #fff;display: -webkit-flex;justify-content: center;align-items: center;margin-right: 1%;line-height: 1.3;position: relative}
.section4 .hd li span{display:block; width: 0.4rem; height: 0.4rem; line-height: 0.4rem; position:absolute; right: 2%; top: -18%; background:#ff001e; font-size: 0.16rem; color:#fff; border-radius: 50%;}
.section4 .hd li.on{background: #5745ad;}
.section4 .hd li:last-child{margin-right: 0}
.section4 .hd li.on i{display: block;width: 0;height: 0;border-top: 0.1rem solid #5745ad;border-left: transparent 0.1rem solid;border-right: transparent 0.1rem solid;position: absolute;left: 50%;margin-left: -0.1rem;bottom: -0.1rem;z-index: 1}
.section4 .box4{background:#fff;padding: 1% 3% 3% 3%; border-radius: 0.2rem;}
.box4_1 dl{padding: 2% 0;}
.box4_1 dl dt{font-size: 0.24rem; color:#222;}
.box4_1 dl dt img{width: 2.16rem; vertical-align: middle; padding: 0 0 1% 2%;}
.box4_1 dl dt span{display:inline-block; width: 1.5rem; font-size: 0.24rem; color:#fff; height: 0.5rem; line-height: 0.5rem; text-align: center; border-radius: 0.3rem; box-shadow: 0 0.1rem 0.2rem rgba(247,172,135,0.2); background:-webkit-linear-gradient(left,#f08a89,#fabc87); margin-bottom: 2%;}
.box4_1 dl dd{overflow:hidden; font-size: 0.24rem; color:#333333; line-height: 1.3; padding-top: 2%;}
.box4_1 dl dd p{font-size: 0.24rem; color:#333333; text-align: center; background:#fcd3cf; width: 49.5%; height: 0.46rem; line-height: 0.46rem; float: left; margin-bottom: 1%; border-radius: 0.3rem;}
.box4_1 dl dd p:nth-child(2n){float: right;}
.box4_1 dl dd span{display:inline-block; width: 28%; margin-right: 2%; font-size: 0.2rem; color:#666; line-height: 1.3;}
.box4_1 dl dd span font{display:inline-block; width: 0.3rem; height: 0.3rem; line-height: 0.3rem; background:#fcd3cf; font-size: 0.18rem; color:#333; text-align: center; border-radius: 50%;}
.section5 h2{padding: 7% 0;}
.section5 .box5_c{background:#fff; padding: 3% 0; border-radius: 0.2rem; box-shadow: 0 0.1rem 0.24rem rgba(0,0,0,0.1);}
.section5 ul{height: 1.7rem; padding-top: 4%;}
.section5 ul li{width: 1.68rem; height: 1.68rem; line-height: 1.2; text-align: center; border-radius: 50%; background:#a378fd; box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.2); float: left; margin-right: 1.5%;}
.section5 ul li:last-child{margin-right: 0;}
.section5 ul li a{display:block; padding-top: 26%; color:#fff; font-size: 0.25rem;}
.section5 ul li a img{width: 0.2rem; vertical-align: middle}
.section6 dl{padding: 0 1%;}
.section6 dl dt{width: 43%;}
.section6 dl dt img{border-radius: 0.14rem; overflow: hidden;}
.section6 dl dd{width: 54%;}
.section6 dl dd ul{height: 1.2rem; padding-top: 10%;}
.section6 dl dd ul li{width: 32%; padding: 3% 0; float: left; border-radius: 0.14rem; overflow:hidden; background: -webkit-linear-gradient(left,#f08987,#fabc87); font-size: 0.32rem; color:#fff; line-height: 1.3; text-align: center; margin-right: 2%; box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.2);}
.section6 dl dd p{font-size: 0.32rem; color:#333; text-align: center; padding: 6% 0;}
.section6 dl dd ul li:last-child{margin-right: 0;}
.section7{background:#a378fd;}
.section7 h2{padding: 6% 0 4% 0;}
.box7_v{padding-bottom: 5%;}
.box7_v .video-js{width: 100%;}
.section7 ul{height: 1.7rem;}
.section7 ul li{width: 23%; float: left; text-align: center; height: 1.6rem; margin-right: 2.6%; background:#fff; border-radius: 0.14rem;}
.section7 ul li:last-child{margin-right: 0;}
.section7 ul li p{font-size: 0.26rem; color:#2e2e2e; line-height: 1.5;}
.section7 ul li img{width: 0.64rem;}
#scroll3{position: relative;}
.section8 .hd{margin-top: 2%; padding: 3% 8%; background:#221f83;display: flex}
.section8 .hd li{flex: 1; }
.section8 .hd li img{border-radius: 50%; width: 90%;margin: 0 auto; border: 0.02rem solid #221f83; overflow: hidden}
.section8 .hd li.on img{border: 0.02rem solid #fff;}
.section9{padding-bottom: 4%;}
.section9 h2{padding-bottom: 4%;}
.box_swiper{padding-bottom: 8%;}
.box_swiper .swiper-slide{width: 80%;}
.box_swiper .swiper-pagination .swiper-pagination-bullet{width: 0.1rem; height: 0.1rem; border: 0.02rem solid #ffab7a; border-radius: 0.08rem; background:none; opacity: 1;}
.box_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 0.4rem; background:#ffab7a;}
.section10 h2{padding-bottom: 5%;}
.section10 .w20{padding-top: 3%;}
.section10 .hd{width: 100%; text-align: center; margin-top: 2%; margin-bottom: 3%;}
.section10 .hd li{display:inline-block; width: 0.1rem; height: 0.1rem; border: 0.02rem solid #523fa8; border-radius: 0.08rem; background:none;}
.section10 .hd li.on{width: 0.4rem; background:#523fa8;}
@keyframes dx{
    0%,50%,100%{transform: scale(1)}
    25%,75%{transform: scale(0.9)}
}
@-webkit-keyframes dx {
    0%,50%,100%{-webkit-transform: scale(1)}
    25%,75%{-webkit-transform: scale(0.9)}
}
@-o-keyframes dx {
    0%,50%,100%{-o-transform: scale(1)}
    25%,75%{-o-transform: scale(0.9)}
}
.top_tips{max-width: 750px}
.footer_new{display:none;}
.new_foot{max-width: 750px; height: 1.52rem;}
.new_foot .menu{height: 1.32rem;  margin-top: 0.2rem;}
.new_foot .menu li{width: 100%; height: 1.16rem; position:relative; padding-top: 0.16rem;}
.new_foot .menu li a span{display: block;font-size: 0.22rem;text-align: center;color: #fff;padding-bottom: 0.5em}
.swt_center{display:none !important;}