@charset "utf-8";
/*
* Author:luochou
* Date:2024.7.8
*/
body{background-color: #f8f8f8;}
.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: .5rem; padding-top: .16rem;}
.container .tit small{position: absolute; left: 0; top:0; width: 100%;color: #f5f0f1; font-size: .5rem; line-height: .5rem; text-align: center;font-weight: bold;text-transform: uppercase;}
.container .tit span{position: relative; display: flex;display: -webkit-flex;justify-content: center;}
.container .tit span b{padding: 0 .14rem; color: #1a1a1a; font-size: .42rem; font-weight: 800; text-align: center; line-height: .5rem; white-space: nowrap;}
.container .tit span b small{line-height:.3rem;font-size:.24rem;color:#fe6790;top:-.2rem;}
.container .tit i{position: relative; width:100%; height: .02rem; margin-top: .24rem; background-color: #f5f0f1;}
.container .tit em{position: absolute; top:50%; margin-top: -.04rem; width: .08rem; height: .08rem; background-color: #fe6790; border-radius: 50%;}
.container .tit .i1 em{right:0;}
.container .tit .i2 em{left:0;}
.item{padding:0 .3rem;}

.banner{position:relative;width:100%;overflow:hidden;}
.banner .swiper-slide{position:relative;}
.banner .swiper-slide img{width:100%;height:5rem;}
.banner .pagination{width:7.5rem;text-align:center;line-height:0;position:absolute;left:0;bottom:.2rem;z-index:1; display: none;}
.banner .pagination span{width:.16rem;height:.16rem;font-size:0;background-color:#cac9cb;border-radius:50%;opacity:1;margin:0 .1rem;display:inline-block;vertical-align:top;}
.banner .pagination .swiper-pagination-bullet-active{background-color:#b88a7a;}
/*f1Box*/
.f1Box{padding:.8rem .3rem .7rem;}

.f1BoxCon ul{display:flex;display:-webkit-flex;justify-content:space-between;padding-top:.3rem;}
.f1BoxCon li{float:left;width:2rem;height:2.82rem;background-color:#faf5f6;position:relative;margin-bottom:.15rem;border-radius: .1rem;}
.f1BoxCon li i{width:1.62rem;height:1.61rem;text-align:center;line-height:1.61rem;font-size:.72rem;font-weight:bold;color:#fff;background:url(/style/images/bg_01.png) no-repeat;background-size:100% auto;display:block;margin:.19rem auto 0;}
.f1BoxCon li span{line-height:.34rem;text-align:center;font-size:.24rem;color:#1a1a1a;display:block;padding-top:.1rem;}
.f1BoxCon li em{font-size:.3rem;color:#fe6790;font-weight:bold;display:block;}

.f1BoxList{background:linear-gradient(#faf5f6,#fff);border-radius:.1rem;position:relative;z-index:1;}
.f1BoxList h3 span{line-height:.3rem;font-size:.3rem;font-weight:bold;color:#fe6790;padding:.35rem 0 0 .5rem;display:block;}
.f1BoxList h3 small{font-size:.24rem;font-weight:normal;color:#1a1a1a;display:block;}
.f1BoxList h3 i{width:1.27rem;height:1.71rem;background:url(/style/images/bg_02.png) no-repeat;background-size:100% auto;position:absolute;right:.44rem;top:0;z-index:-1;}

.f1BoxList .list{padding:.45rem 0 .3rem;display: flex;display: -webkit-flex;justify-content: space-between;}
.f1BoxList .list dl{float:left;width:2rem;position:relative;}
.f1BoxList .list dt{border-radius:.1rem .1rem 0 0;overflow:hidden;}
.f1BoxList .list dt,.f1BoxList .list dt img{width:2rem;height:1.42rem;}
.f1BoxList .list dt span{width:.52rem;height:.52rem;text-align:center;line-height:.55rem;font-size:.3rem;color:#fff;font-weight:bold;background:linear-gradient(#ff9519,#fd7226);border-radius:1rem 1rem 1rem 0;display:block;position:absolute;left:0;top:-.26rem;}
.f1BoxList .list dd{text-align:center;line-height:.34rem;font-size:.24rem;color:#fff;background-color:#fe6790;padding: .15rem 0;border-radius:0 0 .1rem .1rem;}
.f1Box .btn{width: 2.6rem; height: .7rem; margin: 0 auto;   background: linear-gradient(#ff9519, #fd7226); color: #fff; font-size: .32rem; font-weight: bold; text-align: center;display: flex;display: -webkit-flex;justify-content: center;align-items: center; border-radius: .35rem;}
/*f2Box*/
.f2Box{padding-bottom:.8rem;}
.f2Con{padding:.3rem 0 .35rem;position:relative;}
.f2Con dl{width:6.3rem;border-radius:.2rem;overflow:hidden;margin:0 auto;}
.f2Con dt,.f2Con dt img{width:6.3rem;height:5.4rem;}
.f2Con dd{text-align:center;line-height:.62rem;font-size:.24rem;color:#fff;background-color:#fe6790;padding-bottom:.35rem;}
.f2Con a.btn{width: 2.1rem; height: .7rem; margin: 0 auto;background: linear-gradient(#ff9519, #fd7226); color: #fff; font-size: .32rem; font-weight: bold; text-align: center;display: flex;display: -webkit-flex;justify-content: center;align-items: center; border-radius: .35rem;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);}
/*f3Box*/
.f3Con{padding:.08rem;border:#fe6790 solid .02rem;border-radius:.1rem;margin:.25rem auto .72rem;}
.f3Con,.f3Con img{width:6.1rem;height:3.79rem;}

/*f4Box*/
.f4Box{padding-bottom:.4rem;}
.f4Info{background:linear-gradient(90deg,#fe6790,#ff5080);display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;border-radius:.1rem;padding:0 .1rem;margin:.25rem .3rem .15rem;}
.f4Info dl{width:1.95rem;position:relative;padding:.35rem 0;}
.f4Info dt{text-align:center;}
.f4Info dt span{line-height:.6rem;font-size:.3rem;font-weight:bold;color:#fff;position:relative;padding:0 .4rem;}
.f4Info dt span i{width:.35rem;height:.56rem;position:absolute;top:50%;transform:translateY(-50%);}
.f4Info dt span i.ioc1{background:url(/style/images/ioc_01.png) no-repeat;background-size:100% auto;left:0;}
.f4Info dt span i.ioc2{background:url(/style/images/ioc_02.png) no-repeat;background-size:100% auto;right:0;}
.f4Info dd{text-align:center;line-height:.3rem;font-size:.22rem;color:#fff;}
.f4Info dd i{width:1px;height:1.21rem;background-color:#fff;box-shadow:rgba(0,0,0,.5) 0 0 .05rem;display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.f4Box .imgBox{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;padding:0 .3rem;overflow:hidden;}
.f4Box .imgBox li{float:left;margin-bottom:.15rem;}
.f4Box .imgBox li,.f4Box .imgBox li img{width:2rem;height:1.38rem;}

@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)}
}