@charset "utf-8";
/*startpage*/
body{background: #6c49ff;overflow-x: hidden;}
img{display: block;width: 100%;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.clear{overflow: hidden;}
.clears::after{
	content: ".";
	clear: both;
	display: block;
	overflow: hidden;
	font-size: 0;
	height: 0;
}
.clears{
	zoom: 1;
}
.a_btn{
	position: relative;
	display: block;
	width: 3.8rem;
	height: .83rem;
	border-radius: 30%;
	box-shadow: 0 .1rem .16rem rgba(255,93,90,.5);
	margin: 0 auto;
}
.a_btn span{
	position: absolute;
	left: 50%;
	top: 0;
	width: 3.94rem;
	height: .83rem;
	font-size: .35rem;
	color: #fff;
	text-align: center;
	line-height: .83rem;
	background: -webkit-linear-gradient(#ff9562, #ff7e4d);
	background: -o-linear-gradient(#ff9562, #ff7e4d);
	background: linear-gradient(#ff9562, #ff7e4d);
	border-radius: .45rem;
	overflow: hidden;
	margin-left: -1.97rem;
}

.wrap{overflow: hidden;}

.boxbgs{background-size: 7.5rem;}

 /*标题*/
.box_hd{text-align: center;height: 1.2rem;}
.box_hd h2{
	position: relative;
	font-size: .45rem;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 .09rem .04rem rgba(78,63,128,.18);
	background: url("../images/boxhdbg1.png") no-repeat;
	background-size: 7.5rem;
}
.box_hd2 h2{color: #45309b;background-image: url("../images/boxhdbg2.png");}

.ban .ban1{height: 4.8rem;background-image: url("../images/ban1.jpg");}
.ban .ban2{height: 4.8rem;background-image: url("../images/ban2.jpg");}
.ban .ban3{height: 4.8rem;background-image: url("../images/ban3.jpg");}
.ban .ban4{height: 4.8rem;background-image: url("../images/ban4.jpg");}
.ban .ban5{height: 4.8rem;background-image: url("../images/ban5.jpg");}
.ban .ban6{height: 4.8rem;background-image: url("../images/ban6.jpg");}
.ban .ban7{height: 4.8rem;background-image: url("../images/ban7.jpg");}
.ban .ban8{height: 4.8rem;background-image: url("../images/ban8.jpg");}

.box1 .box_hd{margin-top: .43rem;}
.box1 .boxbg1{height: 5rem;background-image: url("../images/boxbg1.jpg");}
.box1 .boxbg2{height: 5rem;background-image: url("../images/boxbg2.jpg");}
.box1 .box1_con{position: relative;margin-top: .45rem;}
.box1 .a_btn{
	position: absolute;
	left: 50%;
	bottom: .65rem;
	margin-left: -1.9rem;
}
.box1 .a_btn span{
	width: 4.18rem;
	margin-left: -2.09rem;
}

.box2{position: relative;}
.box2 .boxbg3{height: 5rem;background-image: url("../images/boxbg3.jpg");}
.box2 .boxbg4{height: 7.4rem;background-image: url("../images/boxbg4.jpg");}
.box2 .box2_con{
	position: absolute;
	left: 0;
	top: 1.45rem;
	width: 100%;
}
.box2 .box2_con ul{
	width: 6.54rem;
	margin: .1rem auto 0;
}
.box2 .box2_con ul li{
	float: left;
	width: 2.18rem;
	height: 2.74rem;
	font-size: .28rem;
	color: #555;
	text-align: center;
	line-height: .34rem;
	padding-top: 2.4rem;
}
.box2 .box2_con ul li:last-child{padding-top: 2.26rem;}
.box2 .a_btn{margin-top: 1.24rem;}
.box2 .a_btn span{
	width: 4.32rem;
	margin-left: -2.16rem;
}

.box3{position: relative;}
.box3 .boxbg5{height: 7.6rem;background-image: url("../images/boxbg5.jpg");}
.box3 .boxbg6{height: 7.6rem;background-image: url("../images/boxbg6.jpg");}
.box3 .box3_con{
	position: absolute;
	left: 0;
	top: .5rem;
	width: 100%;
}
.box3 .box3_con ul{padding: 1.26rem 0 0 .17rem;}
.box3 .box3_con ul li{
	float: left;
	width: 2.59rem;
	height: 5.21rem;
	margin: 0 .5rem;
}
.box3 .box3_con ul li p{
	height: .8rem;
	font-size: .31rem;
	color: #555;
	line-height: .4rem;
}
.box3 .box3_con ul li span{
	display: block;
	font-size: .24rem;
	color: #fff;
	line-height: .4rem;
	margin: .2rem 0 1.86rem .12rem;
}
.box3 .box3_con ul li button{
	display: block;
	width: 2.32rem;
	height: .74rem;
	font-size: .31rem;
	color: #503ca7;
	text-align: center;
	line-height: .74rem;
	border: none;
	background: none;
	margin-left: .16rem;
}
.box3 .a_btn{margin-top: -.46rem;}

.box4{position: relative;}
.box4 .boxbg7{height: 8.6rem;background-image: url("../images/boxbg7.jpg");}
.box4 .boxbg8{height: 6.8rem;background-image: url("../images/boxbg8.jpg");}
.box4 .boxbg9{height: 6.8rem;background-image: url("../images/boxbg9.jpg");}
.box4 .boxbg10{height: 6.8rem;background-image: url("../images/boxbg10.jpg");}
.box4 .box_hd{
	position: absolute;
	left: 0;
	top: 1.33rem;
	width: 100%;
}
.box4 .box4_con{
	position: absolute;
	left: 0;
	top: 9.38rem;
	width: 100%;
}
.box4 .box4_con ul li{
	width: 5.94rem;
	height: 4.9rem;
	margin: 0 auto;
}
.box4 .box4_con ul li:nth-child(2){height: 4.96rem;}
.box4 .box4_con ul li:nth-child(3){height: 4.97rem;}
.box4 .box4_con ul li h3{
	height: .28rem;
	font-size: .32rem;
	color: #fdfdfe;
	text-align: center;
	line-height: .28rem;
}
.box4 .box4_con ul li p.box4p1{
	height: 1.31rem;
	font-size: .24rem;
	color: #dbd3ff;
	overflow: hidden;
	margin: .37rem 0 0;
}
.box4 .box4_con ul li p b{
	float: left;
	height: .44rem;
	font-size: .26rem;
	text-align: center;
	line-height: .44rem;
	font-weight: bold;
	margin-right: .3rem;
}
.box4 .box4_con ul li p.box4p1 b{
	width: 1.89rem;
	color: #fff;
	margin-left: .03rem;
}
.box4 .box4_con ul li p.box4p2{
	font-size: .24rem;
	color: #555;
	overflow: hidden;
}
.box4 .box4_con ul li p.box4p2 b{
	width: 1.92rem;
	color: #313030;
}
.box4 .box4_con ul li p span{
	float: left;
	width: 3.4rem;
	line-height: .36rem;
	margin-top: .05rem;
}
.box4 .box4_con ul li .a_btn{
	width: 2.8rem;
	height: .72rem;
	margin-top: .38rem;
}
.box4 .box4_con ul li:last-child .a_btn{margin-top: .45rem;}
.box4 .box4_con ul li .a_btn span{
	width: 3.46rem;
	height: .72rem;
	font-size: .31rem;
	line-height: .72rem;
	margin-left: -1.73rem;
}
.box4 .box4_con ul li:nth-child(odd) .a_btn{box-shadow: 0 .1rem .16rem rgba(255,90,238,.5);}
.box4 .box4_con ul li:nth-child(odd) .a_btn span{
	background: -webkit-linear-gradient(#ff77c8, #ff4dbf);
	background: -o-linear-gradient(#ff77c8, #ff4dbf);
	background: linear-gradient(#ff77c8, #ff4dbf);
}

.box5{
	position: relative;
	background: #fff;
	padding-bottom: 1.49rem;
}
.box5 .box_hd{
	position: absolute;
	left: 0;
	top: 2.08rem;
	width: 100%;
}
.box5 .box5_con{
	margin: .45rem 0 .1rem;
}
.box5 .box5_con .main{
	width: 6.6rem;
	height: 9rem;
	background: url("../images/box5bg1.jpg") no-repeat;
	background-size: 6.6rem;
	margin-left: .22rem;
}
.box5 .box5_con .main h3{
	font-size: .32rem;
	color: #45309b;
	font-weight: bold;
	line-height: .67rem;
	padding: .35rem 0 .45rem .48rem;
}
.box5 .box5_con .main h3 span{
	display: inline-block;
	width: 4.17rem;
	color: #fff;
	text-align: center;
	margin-left: .06rem;
}
.box5 .box5_con .main h4{
	width: 2.36rem;
	height: .47rem;
	font-size: .28rem;
	color: #fff;
	text-align: center;
	line-height: .47rem;
	font-weight: bold;
	border-radius: .1rem;
	background: #8e77cb;
	margin: 0 0 .22rem .48rem;
}
.box5 .box5_con .main .box5p1{
	font-size: .28rem;
	color: #444;
	line-height: .5rem;
	margin: 0 0 .24rem .47rem;
}
.box5 .box5_con .main .box5p1 span{
	display: inline-block;
	width: .72rem;
	font-size: .3rem;
	color: #45309b;
	font-weight: bold;
	text-align: right;
	margin: 0 .15rem 0 .1rem;
}
.box5 .box5_con .main .box5p2{
	width: 5.44rem;
	height: 4.5rem;
	font-size: .26rem;
	color: #666;
	line-height: .5rem;
	overflow: auto;
	margin: 0 0 .24rem .82rem;
	padding-right: .1rem;
}
.box5 .box5_con .main .box5p2::-webkit-scrollbar{width: .11rem;height: 1px;}
.box5 .box5_con .main .box5p2::-webkit-scrollbar-thumb {width: .11rem;border-radius: .11rem;background: #e5e9f0;}
.box5 .box5_con .main .box5p2::-webkit-scrollbar-track{width: .11rem;height: 1px;}
.box5 .box5_con .main .box5p3 span{
	position: relative;
	display: block;
	font-size: .28rem;
	color: #444;
	line-height: .5rem;
	margin-left: 1.05rem;
}
.box5 .box5_con .main .box5p3 span:before{
	position: absolute;
	left: -.22rem;
	top: .22rem;
	width: .08rem;
	height: .06rem;
	border-radius: .015rem;
	background: #a48edc;
	content: "";
}
.box5 .box5_con .swiper-container{position: relative;}
.box5 .box5_con .swiper-button-next{
	right: 0;
	width: .61rem;
	height: 2.16rem;
	border-radius: .2rem 0 0 .2rem;
	background: #947bff;
	margin-top: -1.08rem;
}
.box5 .box5_con .swiper-button-next:after{
	font-size: .55rem;
	font-weight: bold;
	color: #fff;
}

.box6{background: #fff;padding-bottom: .04rem;}
.box6 .box6_con{
	position: relative;
	width: 7rem;
	height: 9.85rem;
	border-radius: .1rem;
	background: -webkit-linear-gradient(#f1f4f9, #f1f4f9, #fff);
	background: -o-linear-gradient(#f1f4f9, #f1f4f9, #fff);
	background: linear-gradient(#f1f4f9, #f1f4f9, #fff);
	margin: 1.12rem auto 0;
	padding-top: 3.77rem;
}
.box6 .box6_con .swiper-pagination{
	left: .37rem;
	top: -.52rem;
	bottom: auto;
}
.box6 .box6_con .swiper-pagination span{
	position: relative;
	float: left;
	width: 2.07rem;
	height: .85rem;
	font-size: .28rem;
	color: #555;
	text-align: left;
	line-height: .37rem;
	font-weight: bold;
	border-radius: .2rem;
	opacity: 1;
	box-shadow: 0 0 .4rem rgba(108,73,255,.12);
	background: #fff;
	margin: 0 .21rem .31rem 0;
	padding: .15rem 0 0 .95rem;
}
.box6 .box6_con .swiper-pagination span:nth-child(1),
.box6 .box6_con .swiper-pagination span:nth-child(3),
.box6 .box6_con .swiper-pagination span:nth-child(4){line-height: .7rem;}
.box6 .box6_con .swiper-pagination span:before{
	position: absolute;
	left: .12rem;
	top: .28rem;
	width: .58rem;
	height: .44rem;
	background: url("../images/pic.png") no-repeat -.6rem -.65rem;
	background-size: 1.18rem;
	content: "";
}
.box6 .box6_con .swiper-pagination span:nth-child(2):before{background-position-y: -1.11rem;}
.box6 .box6_con .swiper-pagination span:nth-child(3):before{background-position-y: -1.57rem;}
.box6 .box6_con .swiper-pagination span:nth-child(4):before{background-position-y: -2.03rem;}
.box6 .box6_con .swiper-pagination span:nth-child(5):before{background-position-y: -2.49rem;}
.box6 .box6_con .swiper-pagination span:nth-child(6):before{background-position-y: -2.95rem;}
.box6 .box6_con .swiper-pagination .swiper-pagination-bullet-active{
	color: #fff;
	box-shadow: 0 .13rem .1rem rgba(108,73,255,.35);
	background: -webkit-linear-gradient(left, #7249de, #5db1f8);
	background: -o-linear-gradient(left, #7249de, #5db1f8);
	background: linear-gradient(to right, #7249de, #5db1f8);
}
.box6 .box6_con .swiper-pagination span:nth-child(1).swiper-pagination-bullet-active:before{background-position-x: 0;}
.box6 .box6_con .swiper-pagination span:nth-child(2).swiper-pagination-bullet-active:before{background-position-x: 0;}
.box6 .box6_con .swiper-pagination span:nth-child(3).swiper-pagination-bullet-active:before{background-position-x: 0;}
.box6 .box6_con .swiper-pagination span:nth-child(4).swiper-pagination-bullet-active:before{background-position-x: 0;}
.box6 .box6_con .swiper-pagination span:nth-child(5).swiper-pagination-bullet-active:before{background-position-x: 0;}
.box6 .box6_con .swiper-pagination span:nth-child(6).swiper-pagination-bullet-active:before{background-position-x: 0;}
.box6 .box6_con .pic{
	width: 5.59rem;
	height: 3.11rem;
	border-radius: .1rem;
	box-shadow: 0 .09rem .3rem rgba(55,61,168,.25);
	overflow: hidden;
	margin: 0 auto;
}
.box6 .box6_con .main{
	position: relative;
	width: 7rem;
	height: 3.8rem;
	background: url("../images/box6bg1.png") no-repeat;
	background-size: 7rem;
	z-index: 3;
	margin-top: -.83rem;
}
.box6 .box6_con .main b{
	display: block;
	font-size: .31rem;
	color: #45309b;
	padding: .5rem 0 0 1.1rem;
}
.box6 .box6_con .main p{
	width: 5.7rem;
	font-size: .25rem;
	color: #666;
	line-height: .42rem;
	margin: .3rem 0 .5rem .62rem;
}

.box7{
	background: url("../images/boxbg12.jpg") no-repeat;
	background-size: 7.5rem;
	padding: 2rem 0 .33rem;
}
.box7 .box7_con{
	position: relative;
	width: 7.18rem;
	overflow: hidden;
	margin: .6rem auto 0;
}
.box7 .box7_con .main{
	width: 3.39rem;
	height: 10.68rem;
	background: url("../images/box7bg1.png") no-repeat;
	background-size: 3.39rem;
	margin-left: .1rem;
}
.box7 .box7_con .main .top{height: 2.12rem;padding-top: .39rem;}
.box7 .box7_con .main .top span{
	float: right;
	width: 1.36rem;
	font-size: .36rem;
	color: #333;
	font-weight: bold;
	padding: .08rem 0 .14rem;
}
.box7 .box7_con .main .top b{
	float: left;
	width: 1.3rem;
	font-size: .26rem;
	color: #fff;
	text-align: center;
	line-height: .54rem;
}
.box7 .box7_con .main .top p{
	float: left;
	width: 3.26rem;
	font-size: .27rem;
	color: #555;
	text-align: right;
	line-height: .37rem;
}
.box7 .box7_con .main .pic{
	width: 3.1rem;
	height: 4.49rem;
	border-radius: .1rem;
	overflow: hidden;
	margin: 0 auto .44rem;
}
.box7 .box7_con .main .bot p{
	float: left;
	width: 50%;
	height: .75rem;
	font-size: .25rem;
	color: #fff;
	text-align: center;
	border-right: .01rem #bfbfbf solid;
}
.box7 .box7_con .main .bot p b{
	display: block;
	font-size: .34rem;
	font-weight: bold;
	margin: -.1rem 0 .1rem;
}
.box7 .box7_con .main .bot p:last-child{border: none;}
.box7 .box7_con .main .bot p:last-child b{color: #ffc923;}
.box7 .box7_con .swiper-pagination{
	bottom: 1.88rem;
	font-size: 0;
}
.box7 .box7_con .swiper-pagination span{
	width: .66rem;
	height: .12rem;
	border-radius: .6rem;
	background: #fff;
}
.box7 .a_btn{
	position: absolute;
	left: 50%;
	bottom: .41rem;
	z-index: 3;
	margin-left: -1.9rem;
}

.box8{
	background: #fff url("../images/boxbg13.jpg") no-repeat;
	background-size: 7.5rem;
	padding: 2.13rem 0 .39rem;
}
.box8 .box8_con{
	height: 8.3rem;
	background: url("../images/boxbg14.jpg") no-repeat;
	background-size: 7.5rem;
	margin: .53rem 0 .38rem;
	padding: .84rem 0 0 .88rem;
}
.box8 .box8_con p{
	float: left;
	width: 1.74rem;
	height: 2.06rem;
	font-size: .28rem;
	color: #4c4848;
	text-align: center;
	font-weight: bold;
	margin-right: .27rem;
}
.box8 .box8_con p:nth-child(5){
	font-size: .25rem;
	margin-top: -.05rem;
}

.box9{position: relative;}
.box9 .boxbg15{height: 6rem;background-image: url("../images/boxbg15.jpg");}
.box9 .boxbg16{height: 6rem;background-image: url("../images/boxbg16.jpg");}
.box9 .box_hd{
	position: absolute;
	left: 0;
	top: 2.07rem;
	width: 100%;
}
.box9 .box9_con{
	position: absolute;
	left: 0;
	top: 4.08rem;
	width: 100%;
}
.box9 .box9_con .main{
	position: relative;
	width: 6.31rem;
	height: 5.45rem;
	border-radius: .2rem 1.2rem .1rem .5rem;
	box-shadow: inset 0 0 .43rem rgba(108,73,255,.13) ,.02rem .14rem .27rem rgba(114,101,167,.28);
	background: #f7f7f7 url("../images/box9bg1.jpg") no-repeat bottom left;
	background-size: 4.73rem;
	margin-left: .68rem;
}
.box9 .box9_con .main .pic{
	position: absolute;
	left: -.29rem;
	top: -.32rem;
	width: 2.7rem;
	height: 3.78rem;
	border-radius: .2rem;
	box-shadow: 0 .2rem .24rem rgba(88,71,161,.31);
	overflow: hidden;
}
.box9 .box9_con .main h3{
	position: relative;
	width: 3.28rem;
	font-size: .24rem;
	color: #555;
	margin-left: 2.76rem;
	padding: .5rem 0 .38rem;
}
.box9 .box9_con .main h3:after{
	position: absolute;
	left: 0;
	bottom: .19rem;
	width: 100%;
	height: 1px;
	background: -webkit-linear-gradient(left, #969696, #f7f7f7);
	background: -o-linear-gradient(left, #969696, #f7f7f7);
	background: linear-gradient(to right, #969696, #f7f7f7);
	content: "";
}
.box9 .box9_con .main h3 span{
	display: block;
	font-size: .32rem;
	color: #333;
	margin-bottom: .1rem;
}
.box9 .box9_con .main p{
	width: 3.28rem;
	height: 2.3rem;
	font-size: .24rem;
	color: #777;
	line-height: .33rem;
	margin-left: 2.76rem;
}
.box9 .box9_con .main p span{
	display: block;
	margin-bottom: .1rem;
}
.box9 .box9_con .swiper-pagination{
	bottom: -.6rem;
	font-size: 0;
}
.box9 .box9_con .swiper-pagination span{
	width: .55rem;
	height: .1rem;
	border-radius: .5rem;
	background: #fff;
}
.box9 .box9_con .swiper-button-next{
	top: 70%;
	right: 0;
	width: .71rem;
	height: 1.41rem;
	border-radius: .2rem 0 0 .2rem;
	background: #947bff;
}
.box9 .box9_con .swiper-button-next:after{
	font-size: .55rem;
	font-weight: bold;
	color: #fff;
}
.box9 .a_btn{
	position: absolute;
	left: 50%;
	bottom: .52rem;
	margin-left: -1.9rem;
}

.box10{
	background: #fff url("../images/boxbg17.jpg") no-repeat;
	background-size: 7.5rem;
	padding: .74rem 0 0;
}
.box10 .box10_con{padding: .12rem 0 .62rem;}
.box10 .box10_con ul li{
	position: relative;
	width: 6.3rem;
	height: 2.44rem;
	border-radius: .2rem;
	box-shadow: .02rem 0 .27rem rgba(191,176,250,.46);
	background: url("../images/box10bg1.jpg") no-repeat;
	background-size: 6.3rem;
	margin: .46rem auto 0;
	padding: .38rem 0 0 1.52rem;
}
.box10 .box10_con ul li b{
	position: absolute;
	left: -.13rem;
	top: .31rem;
	width: 1.21rem;
	height: .8rem;
	font-size: .32rem;
	color: #fff;
	text-align: center;
	line-height: .8rem;
	border-radius: .1rem;
	box-shadow: 0 .13rem .1rem rgba(108,73,255,.35);
	background: #733dfd;
}
.box10 .box10_con ul li p{
	position: relative;
	font-size: .27rem;
	color: #666;
	line-height: .44rem;
}
.box10 .box10_con ul li p span{
	display: inline-block;
	width: .5rem;
	color: #ad9df5;
}
.box10 .box10_con ul li p i{
	position: absolute;
	left: 3.2rem;
	top: .1rem;
	width: .84rem;
	height: .45rem;
	background: url("../images/hot.png") no-repeat;
	background-size: .84rem;
}

.box11{
	background: #fff;
	padding: .8rem 0 0;
}
.box11 .box11_con{
	height: 8.54rem;
	background: url("../images/box11bg1.jpg") no-repeat;
	background-size: 7.5rem;
	margin-top: .16rem;
	padding: .9rem 0 0 0;
}
.box11 .box11_con ul{margin: 0 0 1rem .69rem;}
.box11 .box11_con li{
	float: left;
	width: 2.82rem;
	height: 2.56rem;
	font-size: .25rem;
	color: #fff;
	text-align: center;
	margin-right: .45rem;
}
/*.box11 .box11_con li:last-child{width: 4.1rem;}*/
.box11 .box11_con li span{
	display: block;
	font-size: .34rem;
	font-weight: bold;
	line-height: .34rem;
	margin-bottom: .18rem;
}

.box12{
	background: url("../images/box12bg1.jpg") no-repeat;
	background-size: 7.5rem;
	padding: 1.91rem 0 0;
}
.box12 .box12_con{
	position: relative;
	padding: .48rem 0 1.7rem;
}
.box12 .box12_con img{
	width: 6.62rem;
	border-radius: .2rem;
	box-shadow: 0 .17rem .18rem rgba(55,61,168,.31);
	margin: 0 auto;
}
.box12 .box12_con .swiper-pagination{
	bottom: .95rem;
	font-size: 0;
}
.box12 .box12_con .swiper-pagination span{
	width: .55rem;
	height: .1rem;
	border-radius: .5rem;
	background: #fff;
}

.mfooter .footlist{display: none;}