@charset "utf-8";
/*
* title:fuke;
* Author:luochou
* Date:2024.9.9
*/
body{background-color: #f9f9f9;}
.container{min-width: 320px;width: 100%;max-width: 750px;margin: 0 auto; background-color: #fff;}
.container img{max-width: 100%; display: block;}
.container .tit{position: relative; height: .72rem;color: #9371f8; font-size: .44rem; font-weight: bolder;text-align: center;display: flex; display: -webkit-flex;justify-content:center; align-items:center;}
.container .tit i{width: .5rem; height: .5rem; margin-right: .16rem; background-color: #fae02e; border-radius: .08rem; color: #333; font-size: .44rem; font-weight: 600;display: flex; display: -webkit-flex;justify-content:center; align-items:center;}
.item{padding: 0 .3rem;}
.bgColor{background-color: #8f6ef1;}
.bannerSwiper{position: relative;}
.bannerSwiper .swiper-slide,.bannerSwiper .swiper-slide img{width:100%;}
.bannerSwiper .pagination{width:100%;text-align:center;line-height:0;position:absolute;left:0;bottom:.1rem;z-index:1;}
.bannerSwiper .pagination span{width:.16rem;height:.16rem;font-size:0;background-color:#cac9cb;border-radius:50%;opacity:1;margin:0 .12rem;display:inline-block;vertical-align:top;}
.bannerSwiper .pagination .swiper-pagination-bullet-active{background-color:#fae02e;}
/*f1Box*/
.f1Box{padding: .42rem 0 .52rem;}
.f1Box .info{padding-top: .26rem; color: #333; font-size: .28rem; line-height: 1.6; text-align: center;}
.f1Box ul{padding:.4rem 0 .34rem; display: flex; display: -webkit-flex;justify-content: space-between;flex-wrap: wrap; gap:.24rem 0;}
.f1Box li{width: 2.08rem; background-color: #9371f8; border: 2px solid #8f6ef1; border-radius: .08rem; overflow: hidden;}
.f1Box li .imgBox{position: relative;}
.f1Box li .imgBox span{position: absolute; left:0; bottom: 0; width:.6rem; height: .36rem; background-color: #fae02e; border-radius:.08rem .08rem 0 .0rem; color: #333; font-size: .24rem;font-weight: bolder;display: flex; display: -webkit-flex;justify-content: center;align-items: center;}
.f1Box li h3{height:1rem; color: #fff; font-size: .26rem; line-height: 1.3; text-align: center;display: flex; display: -webkit-flex;justify-content: center;align-items: center;}
.f1Box .btn{width:2.25rem; height: .6rem; margin:0 auto; display: block; background-color: #ff7800; border-radius: .08rem; color: #fff; font-size: .38rem; font-weight: bolder;display: flex; display: -webkit-flex;justify-content: center;align-items: center;}
/*f2Box*/
.f2Box{padding:.36rem 0 .56rem;}
.f2Box .tit{color: #fff;}
.f2Box ul{padding: .44rem 0 .32rem; display: flex; display: -webkit-flex;justify-content: space-between;flex-wrap: wrap; gap:.4rem 0;}
.f2Box li{position: relative; width: 33.33%;}
.f2Box li img{width: 1.64rem; height: 1.64rem; margin: 0 auto; border:2px solid #fff; border-radius: 50%; overflow: hidden;}
.f2Box li p{padding-top: .06rem; color: #fff; font-size: .24rem; line-height: 1.4; text-align: center;}
.f2Box li .arrow{position: absolute; top:.72rem; right:-.12rem; width: .24rem; height: .24rem; background:url(../images/arrow.png) no-repeat; background-size: 100% 100%;}
.f2Box .btn{width:2.25rem; height: .6rem; margin:0 auto; display: block; background-color: #ff7800; border-radius: .08rem; color: #fff; font-size: .38rem; font-weight: bolder;display: flex; display: -webkit-flex;justify-content: center;align-items: center;}
/*f3Box*/
.f3Box{padding:.32rem 0 .52rem;}
.f3Tab{padding: .2rem 0 .14rem; display: flex; display: -webkit-flex;justify-content: space-between;align-items: center;}
.f3Tab span{height: 1.12rem; padding: 0 .08rem; background-color: #9371f8; border-radius: .08rem; color: #fff; font-size: .24rem; text-align: center; display: flex; display: -webkit-flex;align-items: center;}
.f3Tab .arrow{width: .24rem; height: .24rem; background:url(../images/arrow2.png) no-repeat; background-size: 100% 100%;}
.f3Tab a{width: 1.76rem; height: 1.12rem; background-color: #ff7800; border-radius: .08rem; color: #fff; font-size: .28rem; font-weight: bolder;display: flex; display: -webkit-flex;justify-content: center;align-items: center;}
.f3Tab a i{width: .25rem; height: .3rem; margin-left: .1rem; background:url(../images/arrow3.png) no-repeat; background-size: 100% 100%;}
.f3Con{padding-bottom:.36rem;}
.f3Con img{width: 100%;}
.f3Box .btn{width:2.98rem; height: .6rem; margin:0 auto; display: block; background-color: #ff7800; border-radius: .08rem; color: #fff; font-size: .38rem; font-weight: bolder;display: flex; display: -webkit-flex;justify-content: center;align-items: center;}
/*f4Box*/
.f4Box{padding:.36rem 0 .52rem;}
.f4Box .tit{color: #fff;}
.f4Swiper{position: relative; margin-top: .12rem;}
.f4Swiper .swiper-slide{position: relative; width: 100%;}
.f4Swiper .swiper-slide .img{width:100%;border-radius: .08rem;}
.f4Swiper .swiper-slide .btn{position: absolute; bottom:.45rem; right:1.43rem; width: 1.62rem; height: .48rem;background-color: #ff7800; border-radius: .24rem; color: #fff; font-size: .28rem; font-weight: bolder;display: flex; display: -webkit-flex;justify-content: center;align-items: center;}
.f4Swiper .pagination{width:100%;text-align:center;line-height:0;position:absolute;left:0;bottom:.1rem;z-index:1;}
.f4Swiper .pagination span{width:.16rem;height:.16rem;font-size:0;background-color:#cac9cb;border-radius:50%;opacity:1;margin:0 .12rem;display:inline-block;vertical-align:top;}
.f4Swiper .pagination .swiper-pagination-bullet-active{background-color:#fae02e;}
/*f5Box*/
.f5Box{padding:.32rem .05rem .52rem;}
.f5Box ul{padding-top: .22rem; display: flex; display: -webkit-flex;justify-content: space-between;flex-wrap: wrap; gap:.26rem 0;}
.f5Box li{width: 3.29rem; border-radius: .08rem; overflow: hidden;}

@keyframes pulse{
	0%{transform:scale(0.9)}
	50%{transform:scale(1)}
	100%{transform:scale(0.9)}
}
@-webkit-keyframes pulse{
	0%{-webkit-transform:scale(0.9)}
	50%{-webkit-transform:scale(1)}
	100%{-webkit-transform:scale(0.9)}
}