body img{width: 100%;display: block;}
body{background: #0066ff;}

.box_hd{padding: .5rem 0;position: relative;}
.box_hd h2{font-size: .38rem;color: #2b2b2b;font-weight: bold;text-align: center;position: relative;z-index: 99;line-height: .56rem;}
.box_hd i{position: absolute;display: block;}
.box_hd .hd_icon1{width: .16rem;height: .16rem;top: .65rem;left: 1.05rem;background: url(../images/icon_imgs.png) no-repeat 0 0;background-size: 3125%;border-radius: 50%;}
.box_hd .hd_icon2{width: .61rem;height: .61rem;bottom: .5rem;right: 1.1rem;background: url(../images/icon_imgs.png) no-repeat  -.18rem 0;background-size: 820%;}
.hd_p{font-size: .24rem;color: #919191;text-align: center;padding-top: .13rem;}
.bg1{width: 6.2rem;height: .3rem;background: #51c8ff;margin: 0 auto;border-radius:.3rem .3rem 0 0;}
.bg2{width: 6.9rem;border-radius: .3rem ;background: #007dff;margin: 0 auto;border-bottom: .16rem solid #007dff;}
.main_bg{width: 6.9rem;border-radius: .3rem ;background: #fff;margin-bottom: .08rem;}
.a_btn{width: 3.7rem;height: .95rem;border-radius: 50px;font-size:.34rem;color: #fff;text-align: center;line-height: .95rem;margin: -.7rem auto .5rem;dbbackground: -moz-linear-gradient(to right , #ff192f, #ffa44e);background: linear-gradient(to right, #ff192f,#ffa44e);display: block;box-shadow: 0 5px 5px rgba(188,48,151,.47);}





/*ban开始*/
.ban .swiper-pagination-bullet{width: 13px;height: 13px;background: #fff;opacity: 1;}
.ban .swiper-pagination-bullet-active{width: 35px;background: #fdb800;border-radius: 50px;}
.ban .swiper-container-horizontal>.swiper-pagination-bullets,.ban .swiper-pagination-custom,.ban .swiper-pagination-fraction{font-size: 0;bottom: 38px;}
/*box1开始*/
.box1{margin-top: -.4rem;position: relative;z-index: 99;}

/*box8开始*/
.box8,.box5{margin-top: .8rem;}
.box8 .bg1{background: #ff47bc;}
.box8 .box_hd .hd_icon1{left:1.85rem ;}
.box8 .box_hd .hd_icon2{right:1.85rem ;}
.box8 ul{padding-left: .47rem;}
.box8 ul li{overflow: hidden;margin-bottom: .3rem;}
.box8 ul li i{width: .79rem;height: .57rem;display: block;float: left;background: url(../images/icon_imgs.png) no-repeat -4.18rem 0;background-size: 633%;}
.box8 ul li .fr{float: left;width: 3.85rem;margin-left: .15rem;}
.box8 ul li .fr span{display: block;height: .24rem;background: #e9f4fe;border-radius: 20px;margin-top: -.16rem;}
.box8 ul li .fr p{font-size: .34rem;color: #0e0e0e;padding-left: 8px;}
.box8 ul li:nth-child(2) i{background-position-y: -.68rem;}
.box8 ul li:nth-child(3) i{background-position-y: -1.3rem;}
.box8 ul li:nth-child(4) i{background-position-y: -2rem;}
.box8 ul li:nth-child(5) i{background-position-y: -2.7rem;}
.box8 ul li:nth-child(6) i{background-position-y: -3.3rem;}
.box8 .btm p{font-size:.28rem;color: #9b9b9b;padding:0 .47rem .2rem; }
.box8 .btm p span{color: #1f1f1f;}
.box8 .img1{display: block;margin: .3rem 0 0 .35rem;width: 5.83rem;}
/*box5开始*/
.box5 .bg1{background: #ffb10b;}
.box5 .box_hd .hd_icon1{left:1.58rem ;top: 1.15rem;}
.box5 .box_hd .hd_icon2{right:1.75rem ;bottom: 1.88em;}
.box5 .main{padding-left: .28rem;padding-bottom: .8rem;}
.box5 .swiper-container{padding-bottom: .4rem;}
.box5 .swiper-slide{}
.box5 .swiper-pagination-progressbar{bottom: 0 !important;top: auto!important;width: 75% !important;left: 12.5% !important;height:8px !important;border-radius: 10px;overflow: hidden;background: #f1f1f1;}
.box5 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{border-radius: 10px;background: #75adff;}
.box5 .top .yellow_bg{width: 2.5rem;height:3.1rem ;background: #ffb10b;border-radius:.2rem;}
.box5 .top{height: 3.45rem;position: relative;}
.box5 .top img{width: 2.5rem;height: 4rem;}
.box5 .top .img_box{height:3.15rem ;border-radius:.2rem;overflow: hidden;position: absolute;top: .12rem;left: .12rem;}
.box5 .swiper-slide p{font-size: .32rem;font-weight: bold;color: #454545;padding: .12rem 0 .06rem;margin-left: .18rem;}
.box5 .swiper-slide p span{font-size: .24rem;color: #969696;font-weight: normal;}
.box5 .swiper-slide b{font-size: .23rem;color: #838383;display: block;font-weight: normal;margin-left: .18rem;}
/*box4开始*/
.box4,.box5{margin-top: .8rem;}
.box4 .bg1{background: #ff4d50;}
.box4 .box_hd .hd_icon1{left:1.9rem ;}
.box4 .box_hd .hd_icon2{right:1.9rem ;}
.box4 .main{height: 7rem;}
.box4 .main ol{overflow: hidden;}
.box4 .main ol li{width: 1.65rem;float: left;margin-left: 0.055rem;}
.box4 .main ol li p{background: #84b5ff;width: 1.58rem;height:.6rem;text-align: center;line-height: .63rem;margin: 0 auto;border-radius: 50px;font-size: .27rem;color: #fff;}
.box4 .main ol li.on{background: url(../images/box4_icon1.jpg) no-repeat center ;height: .85rem;background-size: 100%;}
.box4 .main ol li.on p{font-weight: bold;background: none;}
.box4 .main .span1{font-size: .26rem;color: #afafaf;text-align: center;padding: .1rem 0 .2rem;display: block;}
.box4 .main .span2{font-size:.24rem;color: #aeaeae;padding: .3rem 0;}
.box4 .main ul{width: 6.25rem;margin: 0 auto;}
.box4 .main ul li{display: none;border-radius: .15rem;overflow: hidden;}
.box4 .main ul li.show{display: block}

/*box5开始*/
.box6 .bg1{background: #58d1ca;}
.box6 .box_hd .hd_icon1{left:2.4rem ;}
.box6 .box_hd .hd_icon2{right:1.2rem ;bottom: 1rem;}
.box6  .main{width: 6.65rem;margin: 0 auto;padding-bottom: .8rem;}
.box6  .main img{width: 6.5rem;margin-left:.12rem ;border-radius: .2rem;}
.box6  .main .btm{width: 6.5rem;background: #0066ff;border-radius: .3rem;height: 3.6rem;margin-top: -1.9rem;padding-top: 2.2rem;padding-left: .55rem;margin-left: .02rem;}
.box6  .main .btm p{font-size: .3rem;color: #fff;margin-top: .1rem;}
.box6  .main .btm p span{font-size: .24rem;opacity: .4;padding-left: .2rem;}
.box6  .main .btm .p1{font-size: .24rem;}
.box6 .swiper-pagination-bullet{background: #e0e0e0;opacity: 1;}
.box6 .swiper-pagination-bullet-active{background: #0066ff;border-radius: 50px;}
.box6 .swiper-container-horizontal>.swiper-pagination-bullets,.ban .swiper-pagination-custom,.ban .swiper-pagination-fraction{font-size: 0;bottom:0;}
.box6 .swiper-container{padding-bottom: .6rem;}

/*box6开始*/
/* .box6 {padding-bottom: .4rem;}
.box6 .box_hd h2{color: #fff;}
.box6 .box_hd .hd_icon1{left:1.72rem ;}
.box6 .box_hd .hd_icon2{right:1.7rem ;background-position-x: -.85rem;}
.box6 ul{width: 6.96rem;margin: 0 auto;overflow: hidden;}
.box6 ul li{width: 50%;float: left;height: 2.55rem;}
.box6 ul li i{width: .77rem;height: .97rem;display: block;margin: 0 auto;background: url(../images/icon_imgs.png) no-repeat -1.93rem -4.08rem;background-size: 649%;}
.box6 ul li p{font-size: .32rem;color: #fff;text-align: center;margin-top: .1rem;}
.box6 ul li span{width: 2.50rem;height: .2rem;background: #4e95ff;border-radius: 20px;display: block;margin: -.16rem auto .15rem;}
.box6 ul li b{font-size: .24rem;color: #b1d4ff;display: block;text-align: center;font-weight: normal;}
.box6 ul li:nth-child(1){border-right: 1px solid #1799ff;border-bottom: 1px solid #1799ff;}
.box6 ul li:nth-child(2){border-bottom: 1px solid #1799ff;}
.box6 ul li:nth-child(3){border-right: 1px solid #1799ff;height: 3rem;}
.box6 ul li:nth-child(4){height: 3rem;}
.box6 ul li:nth-child(2) i{background-position-x:-2.88rem ;}
.box6 ul li:nth-child(3) i{margin-top: .3rem;background-position-y:-5.17rem ;}
.box6 ul li:nth-child(4) i{margin-top: .3rem;background-position-x:-3.85rem ;}
.box6 .a_btn{margin-top: .7rem;} */