body{background: #4c52f6;}
img{width: 100%;display: block;}
.a_btn{width: 3.5rem;height: .9rem;text-align: center;line-height: .9rem;background: #f44b00;font-size:.32rem;color: #fff;border-radius: .9rem;display: block;margin: -.5rem auto 0;position: relative;z-index: 9;font-weight: bold;letter-spacing: 2px;}
.a_btn2{background: #fff;color: #3447b9;}
.box_hd{font-size: .46rem;color: #fff;font-weight: bold;text-align: center;padding:  .6rem 0 .4rem;position: relative;}
.box_hd i{position: absolute;width: .83rem;height: .5rem;background: url(../images/icon_img.png) no-repeat 0 0;background-size: 5rem;top:.55rem;left: 1.85rem;}
.box_hd span{position: relative;z-index: 9;}
.box_hd2{color: #2f2f2f;}
.box_hd2 i{background-position-x: -1.1rem;}
.main{width: 6.9rem;border-radius: .16rem;margin:0 auto;overflow: hidden;}
.clears::after{
	content: ".";
	clear: both;
	display: block;
	overflow: hidden;
	font-size: 0;
	height: 0;
}
.clears{
	zoom: 1;
}
.ban .con{position: relative;}
.ban .con .a_btn{position: absolute;top: 3.22rem;left: 1.5rem;margin: 0;width: 4rem;}
.box1{background: -moz-linear-gradient(to bottom , #4145ea, #4c52f6);background:linear-gradient(to bottom, #4145ea,#4c52f6) ;overflow: hidden;}
.box1 .main{padding-bottom: 1.1rem;background: #4f56ff;}
.box1 .main img{margin-left: .05rem;}
.box1 .main ul{width: 6.9rem;overflow: hidden;}
.box1 .main ul li .li_con{padding: .4rem 0 .3rem .7rem;background: url(../images/box1_img1.jpg) no-repeat 0 0;background-size: 6.9rem 100%;height: 2.9rem;margin-left: .05rem;}
.box1 .main ul li h3{font-size: .36rem;color: #000;font-weight: bold;margin-bottom: .08rem;}
.box1 .main ul li h3 span{color: #3952ee;}
.box1 .main ul li p{font-size: .28rem;color: #343434;}
.box1 .main ul li .line{border-bottom: 1px solid #d8d8e5;width: 3.63rem;margin: .15rem 0;}
.box1 .main ul li .line span{border-bottom: 3px solid #3952ee;margin-bottom: -1px;width: 1.4rem;display: block;}
.box1 .main .a_btn{width: 2.4rem;height: .55rem;text-align: center;line-height: .55rem;color: #fff;font-size: .26rem;position: initial;margin-top: -.55rem;font-weight: normal;letter-spacing: 0;}
.box1 .main .a_btn i{color: #ffa57d;}
.box1 .main  ul li:last-child{margin-top: .1rem;}
.box1 .main  ul li:last-child .a_btn{width: 2.8rem;margin-top: -.65rem; }
.box1 .main  ul li:last-child .li_con{background-image: url(../images/box1_img2.jpg);padding-top: .55rem;height: 3.2rem;}
.box1  .a_btn2{width: 3.2rem;margin-top: -.5rem;}
.box2{margin-top: .8rem;}
.box2 .main{background: #fdfdff;}
.box2 .box_hd{padding-bottom: .2rem;}
.box2 .box_hd i{left: 2rem;}
.box2 .a_btn,.box3 .a_btn{width: 4.3rem;}
.box2 .con{overflow: hidden;margin-bottom: .1rem;}
.box2 .con p{width: 3.9rem;float: left;text-align: center;font-size: .26rem;color: #3d3d3d;}
.box2 .con p:last-child{width: 3rem;}
.box2 .con p b{font-size: .34rem;color: #000;display: block;padding-bottom: .05rem;}
.box2 .con p span{color: #f44b00;font-size: .45rem;font-weight: bold;}
.box3{margin-top: .2rem;}
.box3 .box_hd i{top: 1.2rem;left: 1.65rem;}
.box3 .main{background: #3f45eb;padding: .35rem 0 .9rem;}
.box4{margin-top: .8rem;}
.box4 .box_hd i{left: 1.75rem;}
.box4 .main{background: #f5f8ff;padding-bottom: .7rem;}
.box4 ul{margin-left: .1rem;}
.box4 ul li{width: 3.18rem;float: left;margin:.08rem;box-shadow:0 .05rem .15rem rgba(157,181,251,.41) ;border-radius: .1rem;padding: .25rem 0 .3rem .2rem;box-sizing: border-box;overflow: hidden;}
.box4 ul li i{width: .68rem;height: .68rem;background: url(../images/icon_img.png) no-repeat 0 -.6rem;background-size: 5rem;display: block;margin-top: .2rem;float: left;}
.box4 ul li p{font-size: .24rem;color: #989898;width: 2.1rem;float: right;}
.box4 ul li p b{color: #000;font-size: .3rem;margin-bottom: .05rem;display: block;}
.box4 ul li:nth-child(2) i{background-position-x: -.94rem;}
.box4 ul li:nth-child(3) i{background-position-x: -2.03rem;}
.box4 ul li:nth-child(4) i{background-position-x: -3.02rem;width: .8rem;margin-right: .1rem;}
.box4 ul li:nth-child(4) p{width: 2rem;}
.box4 .img1{}
.box4 .con{position: relative;margin-top: .1rem;}
.box4 .con .img2{position: absolute;top: 50%;margin-top: -1.85rem;left: 50%;margin-left: -1.85rem;width: 3.7rem;height: 3.7rem;-webkit-animation: circle 8s linear infinite;
	-moz-animation: circle 8s linear infinite;
	-o-animation: circle 8s linear infinite;
	animation: circle 8s linear infinite;}
@-webkit-keyframes circle {from {-webkit-transform: rotate(0deg);}to{-webkit-transform: rotate(360deg);}}
@-moz-keyframes circle {from {-moz-transform: rotate(0deg);}to{-moz-transform: rotate(360deg);}}
@-o-keyframes circle {from {-o-transform: rotate(0deg);}to{-o-transform: rotate(360deg);}}
@keyframes circle {from {transform: rotate(0deg);}to{transform: rotate(360deg);}}
.box4 .a_btn{width: 4rem;}
.box5 {margin-top: .2rem;}
.box5 .box_hd i{top: 1.15rem;left: 1.4rem;}
.box5 .swiper-container{width: 6.9rem;margin-left:.35rem;position: relative;padding-top: 3.5rem;}
.box5 .swiper-pagination{
	height: 5.5rem;
	top: 0rem;
	font-size: 0;
	left: 0rem;	
}
.box5 .swiper-pagination span{
	width: 3.3rem;
	height: 1.45rem;
	border-radius: .1rem;
	background: -moz-linear-gradient(to right , #4f55ef, #787cf5);background:linear-gradient(to right, #4f55ef,#787cf5) ;
	font-size: .32rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: .65rem;
	opacity: 1;
	margin:0 .15rem .2rem 0 !important;
	border-top: 1px solid #91a6ff;	
	padding-top: .3rem;
	box-sizing: border-box;
}
.box5 .swiper-pagination span:nth-child(even){margin-right: 0 !important;}
.box5 .swiper-pagination span b{font-size: .28rem;color: #aeb1ff;font-weight: normal;display: block;line-height: .28rem;}
.box5 .swiper-pagination span.swiper-pagination-bullet-active{
	position: relative;
	background:#fff;
	color: #1d1d1d;
	border-top: 1px solid #fff;
}
.box5 .swiper-pagination span.swiper-pagination-bullet-active b{color: #4c52f6;font-weight: bold;}
.box5 .swiper-wrapper .swiper-slide{background: -moz-linear-gradient(to right , #f4f8ff, #fff);background:linear-gradient(to right, #f4f8ff,#fff) ;border-radius: .16rem;padding: 0 .1rem .8rem .3rem;}
.box5 .swiper-slide h3{font-size: .34rem;color: #fff;font-weight: bold;width: 3.03rem;height: .73rem;text-align: center;line-height: .73rem;background: #ff6a18;border-radius: 0 0 .12rem .12rem;margin: 0 auto;}
.box5 .swiper-slide h3 span{color: #ff7f46;}
.box5 .swiper-slide h4{
	height:.45rem;
	font-size: .38rem;
	color: #232323;
	line-height: .45rem;
	border-left: 3px #4a50f6 solid;
	padding-left: .1rem;
	font-weight: bold;
	margin: .4rem 0 .2rem;
}
.box5 .swiper-slide .p1{overflow: hidden;}
.box5 .swiper-slide .p1 span{width: 2.9rem;float: left;font-size: .28rem;color: #747474;line-height: .32rem;margin-bottom: .1rem;}
.box5 .swiper-slide .p1 span i{width: 5px;height: 5px;border-radius: 50%;background: #4c52f6;display: inline-block;float: left;margin-top: .1rem;margin-right: .1rem;}
.box5 .swiper-slide .maincon p{
	position: relative;
	font-size: .32rem;
	color: #fff;
	line-height: .32rem;
	border-radius: .1rem;
	background: -webkit-linear-gradient(left, #4c52f6, #8d92f9);
	background: -o-linear-gradient(left, #4c52f6, #8d92f9);
	background: linear-gradient(to right, #4c52f6, #8d92f9);
	overflow: hidden;
	padding: .3rem .25rem .1rem;
	font-weight: bold;
	margin-top:.17rem ;
}
.box5 .swiper-slide .maincon p i{
	float: left;
	width:.72rem;
	height: 1rem;
	background: url("../images/icon_img.png") no-repeat 0 -1.58rem;
	margin: 0rem .24rem 0rem .13rem;
	background-size: 5rem;
}
.box5 .swiper-slide .maincon p span{
	position: relative;
	display: block;
	font-size: .24rem;
	z-index: 3;
	opacity: .8;
	font-weight: normal;
	margin-top: .15rem;
}
.box5 .swiper-slide .maincon p:nth-child(2){background: -webkit-linear-gradient(left, #fd834e, #fb9266);
	background: -o-linear-gradient(left, #fd834e, #fb9266);
	background: linear-gradient(to right, #fd834e, #fb9266);}
.box5 .swiper-slide .maincon p:nth-child(2) i{background-position-x: -1.11rem;}
.box5 .swiper-slide .span_box{overflow: hidden;}
.box5 .swiper-slide .span_box span{padding: .1rem .2rem;background: #ecf0f7;border-radius: .1rem;font-size:.24rem;color: #6e6e6e;display: inline-block;float: left;margin-right: .1rem;margin-bottom: .2rem;}
.box5 .swiper-slide  .list{padding-right: .15rem;height: 8rem;overflow-y: auto;}
.box5 .swiper-slide  .list::-webkit-scrollbar {width: .09rem;height: 1px;}
.box5 .swiper-slide  .list::-webkit-scrollbar-thumb {width: .09rem;border-radius: 5px;background: #c6c6ed;}
.box5 .swiper-slide  .list::-webkit-scrollbar-track{width: .09rem;height: 1px;background: #fff;}
.box6{margin-top: .8rem;background: #3f45eb;padding-bottom: .8rem;}
.box6 .box_hd i{top: 1.15rem;left: 1.45rem;}
.box6 .swiper-container{width: 6.9rem;margin-left:.35rem;position: relative;padding-top:2.8rem;}
.box6 .swiper-pagination{
	top: 0rem;
	font-size: 0;
	left: 0rem;	
}
.box6 .swiper-pagination span{
	width:2.2rem;
	height: .9rem;
	border-radius: .9rem;
	background: #ffffff;
	font-size: .32rem;
	color: #131313;
	font-weight: bold;
	text-align: center;
	line-height: .9rem;
	opacity: 1;
	margin:0 .1rem .4rem 0 !important;
	box-sizing: border-box;
}
.box6 .swiper-pagination span:last-child{width: 3.65rem;background: #d3c6ff;padding-right: .3rem;}
.box6 .swiper-pagination span.swiper-pagination-bullet-active{
	position: relative;
	background:#00cbb1;
	color: #fff;
}
.box6 .swiper-pagination span.swiper-pagination-bullet-active:after{
	position: absolute;
	left: 50%;
    top:.9rem;
    width: .3rem;
    height:.12rem;
    background:url(../images/icon_img.png)  no-repeat -2.14rem 0 ;
    margin-left: -.15rem;
    content: "";
    background-size: 5rem;
}

.box6 .swiper-pagination span:last-child i{width: .57rem;height: .57rem;display: inline-block;float: left;background: url(../images/icon_img.png) no-repeat  -4.43rem 0;background-size: 5rem;margin: .18rem 0 0 .4rem;}
.box6 .swiper-wrapper .swiper-slide{background: -moz-linear-gradient(to right , #f4f8ff, #fff);background:linear-gradient(to right, #f4f8ff,#fff) ;border-radius: .16rem;overflow: hidden;padding-bottom: .8rem;}
.box6 .swiper-slide img{border-radius: 0 0 .16rem .16rem;}
.box6 .swiper-wrapper .swiper-slide .con{height: 1.6rem;}
.box6 .swiper-wrapper .swiper-slide h3{margin: .4rem 0 .35rem .3rem;}
.box6 .swiper-wrapper .swiper-slide h3 span{
	display: block;
	width: 1.4rem;
	font-size: .32rem;
	color: #131313;
	font-weight: bold;
	height: .32rem;
	box-shadow: 0 .12rem 0 #e6e5ff;
	padding-left: .1rem;
}
.box6 .swiper-wrapper .swiper-slide p{
	position: relative;
	font-size: .24rem;
	color: #5b5b5b;
	line-height: .32rem;
	padding-left: .3rem;
	margin-left: .3rem;
	margin-right: .2rem;
	margin-top: .15rem;
}
.box6 .swiper-wrapper .swiper-slide p:before{
	position: absolute;
	left: .05rem;
	top: .07rem;
	width: .17rem;
	height: .19rem;
	background:url(../images/icon_img.png)  no-repeat -2.73rem 0 ;
	content: "";
	background-size: 5rem;
}
.box7{background: #4950f6;}
.box7 .box_hd{padding-bottom: 0;}
.box7 .box_hd i{top: 1.15rem;left: 1.65rem;}
.box8 {margin-top: .3rem;background: -moz-linear-gradient(to bottom , #4950f6, #3c42ea);background:linear-gradient(to bottom, #4950f6,#3c42ea) ;padding-bottom: .8rem;}
.box8 .swiper-container{position: relative;padding: 0 .2rem .8rem;}
.box8 .swiper-slide{overflow: hidden;background: #fff;padding: .3rem .58rem .4rem .6rem;border-radius: .19rem;box-shadow: inset 0 0 .3rem rgba(130,134,255,.35);}
.box8 .swiper-slide .fl{width: 2.6rem;float: left;}
.box8 .swiper-slide .fl img{width: 2.6rem;box-shadow: -.1rem .12rem 0 #868af0;border-radius: .1rem;}
.box8 .swiper-slide .fr{width: 3rem;float: right;margin-top: .2rem;}
.box8 .swiper-slide .fr b{display: block;font-size: .32rem;color: #242424;}
.box8 .swiper-slide .fr b i{width: 1.07rem;height: .3rem;display: inline-block;float: right;background: url(../images/icon_img.png) no-repeat -2.38rem -1.61rem;background-size: 5rem;margin-right: .8rem;margin-top: .07rem;}
.box8 .swiper-slide .fr span{font-size: .24rem;color: #7277f3;line-height: .36rem;display: block;padding: .15rem 0 .12rem;border-bottom: 1px solid #7277f3;margin-bottom: .3rem;}
.box8 .swiper-slide .fr p{font-size: .24rem;color: #4e4e4e;line-height: .3rem;position: relative;padding-left: .18rem;margin-bottom: .15rem;}
.box8 .swiper-slide .fr p:before{width: .15rem;height: .13rem;background: url(../images/icon_img.png) no-repeat -3.7rem -1.61rem;background-size: 5rem;position: absolute;top: 0.08rem;left: 0;content: "";}
.box8 .swiper-pagination span{
	width:10px;
	height:10px;
	border-radius: 10px;
	opacity: 1;
	margin:0 .1rem .1rem 0 !important;
	background: #6e74f6;
}
.box8 .swiper-pagination span.swiper-pagination-bullet-active{opacity:1;width: .6rem;background: #fff;}
.box8 .swiper-button-next,.box8  .swiper-button-prev{top: 40%;}
.box8  .swiper-button-next:after,.box8   .swiper-button-prev:after{font-size: 30px;}
.box8 .box_hd i{top: 1.15rem;left: 1.2rem;}
.box8 .a_btn{margin-top:.2rem ;}
.box9 .swiper-container{width: 7.2rem;margin-left:.3rem;position: relative;padding-bottom: .6rem;}
.box9 {margin-top: .3rem;background: #4950f6;padding-bottom: .8rem;}
.box9 .box_hd i{top: 1.15rem;left: 1.65rem;}
.box9 .swiper-wrapper .swiper-slide{border: 2px solid #878bfe;border-radius: .15rem;background: #555bff url(../images/box9_img1.jpg) no-repeat top  left;background-size: 100%;}
.box9 .swiper-wrapper .swiper-slide1{background-image: url(../images/box9_img2.jpg);}
.box9 .swiper-wrapper .swiper-slide2{background-image: url(../images/box9_img3.jpg);}
.box9 .swiper-wrapper .swiper-slide h3{
	font-size: .36rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: .4rem 0 .3rem;
}
.box9 .swiper-wrapper .swiper-slide p{
	width: 4.9rem;
	font-size: .24rem;
	color: #807e7e;
	border-radius: .08rem;
	box-shadow: inset 0 2px 0 #fff;
	background: -moz-linear-gradient(to right , #ebf0fe, #fff);background:linear-gradient(to right, #ebf0fe,#fff) ;
	margin: 0 auto .2rem;
	padding: .2rem 0 .2rem .3rem;
	box-sizing: border-box;
}
.box9 .swiper-wrapper .swiper-slide p b{
	display: block;
	font-size: .32rem;
	color: #343434;
	font-weight: bold;
}
.box9 .swiper-wrapper .swiper-slide p b span{
	display: inline-block;
	width:.7rem;
	height: .4rem;
	font-size: .24rem;
	color: #fff;
	text-align: center;
	line-height: .4rem;
	font-weight: normal;
	border-radius: .4rem;
	background: #ff5858;
	margin-left: .1rem;
}

.box9 .swiper-container-horizontal>.swiper-pagination-progressbar{width: 30%;top:auto;bottom: 0% !important;left: 35%;height: .15rem;background: #6e74ff;border-radius: .1rem;overflow: hidden;}
.box9  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #fff;border-radius: .1rem;}
.box9  .a_btn{margin-top: .6rem;}
.box10{background: url(../images/box10_bg.jpg) no-repeat 0 0;background-size: 100% 100%;padding-bottom: .8rem;}
.box10 .box_hd i{top: 1.15rem;left: 1.4rem;}
.box10 ul{overflow: hidden;}
.box10 ul li{width: 3.3rem;border-radius: .12rem;background: -moz-linear-gradient(45deg , #dadaff, #fff);background:linear-gradient(45deg, #dadaff,#fff) ;float: left;margin-left: .3rem;margin-bottom: .25rem;position: relative;overflow: hidden;}
.box10 ul li p{font-size: .32rem;font-weight: bold;text-align: center;color: #343434;padding: .3rem 0;}
.box10 ul li p span{font-size: .26rem;color: #807e7e;font-weight: normal;display: block;margin-top: .1rem;position: relative;z-index: 99;}
.box10 ul li b{font-size: 1.3rem;color: #dbdcff;font-weight: bold;position: absolute;right: 0rem;bottom:-.35rem;opacity: .4;}
.box10 ul li:last-child{width: 6.9rem;margin-left: .3rem;}
.box10 ul li:last-child  p{text-align: left;padding-left: .5rem;box-sizing: border-box;}
.box10 ul li:last-child span{display: inline-block;padding-left: .2rem;}
.box10  .a_btn{margin-top: .4rem;}
.box11 {padding-bottom: .3rem;}
.box11 .box_hd i{top: 1.15rem;left: 1.4rem;}
.box11 .swiper-container{padding-bottom: 1rem;}
.box11 .swiper-wrapper .swiper-slide {position: relative;}
.box11 .swiper-wrapper .swiper-slide img{width: 6.8rem;border-radius: .2rem;box-shadow: -.1rem .1rem 0 #9498ff;margin: 0 auto;}
.box11 .swiper-wrapper .swiper-slide p{width: 1.85rem;height: .6rem;border-radius: .2rem .2rem 0 0;position: absolute;bottom: 0rem;left: 50%;margin-left: -.9rem;background: rgba(0,0,0,.6);font-size: .28rem;font-weight: bold;text-align: center;line-height: .6rem;color: #fff;}
.box11 .swiper-pagination ,.box8 .swiper-pagination {font-size: 0;}
.box11 .swiper-pagination span{
	width:10px;
	height:10px;
	border-radius: 10px;
	opacity: 1;
	margin:0 .1rem .1rem 0 !important;
	background: #6e74f6;
}
.box11 .swiper-pagination span.swiper-pagination-bullet-active{opacity:1;width: .6rem;background: #fff;}

.footlist{display: none !important;}