@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:.7rem .3rem .6rem;}

.f1BoxCon ul{display:flex;display:-webkit-flex;flex-wrap:wrap;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;display:block;margin:.19rem auto 0;}
.f1BoxCon li i.ioc1{background:url(/style/images/ioc_01.png) no-repeat;background-size:100% auto;}
.f1BoxCon li i.ioc2{background:url(/style/images/ioc_02.png) no-repeat;background-size:100% auto;}
.f1BoxCon li i.ioc3{background:url(/style/images/ioc_03.png) no-repeat;background-size:100% auto;}
.f1BoxCon li i.ioc4{background:url(/style/images/ioc_04.png) no-repeat;background-size:100% auto;}
.f1BoxCon li i.ioc5{background:url(/style/images/ioc_05.png) no-repeat;background-size:100% auto;}
.f1BoxCon li i.ioc6{background:url(/style/images/ioc_06.png) no-repeat;background-size:100% auto;}
.f1BoxCon li span{line-height:.34rem;text-align:center;font-size:.24rem;color:#1a1a1a;display:block;padding-top:.1rem;}
/*f2Box*/
.f2Box{padding-bottom:.7rem;}
.f2Con{padding:.3rem .5rem 0;position:relative;}
.f2Con li{position:relative;padding-left:.43rem;margin-bottom:.37rem;}
.f2Con li span{height:80px;line-height:.37rem;font-size:.24rem;color:#1a1a1a;background:linear-gradient(90deg,#faf5f6,#fff);border-radius:.1rem;display:block;padding:.1rem .75rem 0;}
.f2Con li span b{font-size:30px;color:#fe6790;display:block;}
.f2Con li i{width:.89rem;height:.89rem;border:#fe6a92 solid .02rem;border-radius:50%;display:block;position:absolute;top:50%;transform:translateY(-50%);}
.f2Con li i.ioc1{background:url(/style/images/ioc_07.png) center no-repeat #fff;background-size:.75rem .66rem;left:0;}
.f2Con li i.ioc2{background:url(/style/images/ioc_08.png) center no-repeat #fff;background-size:.75rem .66rem;right:0;}
.f2Con li i.ioc3{background:url(/style/images/ioc_09.png) center no-repeat #fff;background-size:.75rem .66rem;left:0;}
.f2Con li i.ioc4{background:url(/style/images/ioc_10.png) center no-repeat #fff;background-size:.75rem .66rem;right:0;}
.f2Con li i.ioc5{background:url(/style/images/ioc_11.png) center no-repeat #fff;background-size:.75rem .66rem;left:0;}
.f2Con li:nth-child(2n){padding-left:0;padding-right:.43rem;}
.f2Con li:nth-child(2n) span{height:90px;text-align:right;background:linear-gradient(90deg,#fff,#faf5f6);border-radius:.1rem;display:block;}
.f2Con li:last-child span{padding-right:0;}


.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;margin: 0 auto;}
/*f3Box*/
.f3Con{padding:.57rem .25rem 0;}
.f3Con dl{background-color:#faf5f6;margin-bottom:.73rem;padding:0 11px;border-radius:.2rem;position:relative;}
.f3Con dt{background-color:#f2668d;border-radius:.2rem;overflow:hidden;position:relative;top:-.27rem;}
.f3Con dd{width:3.5rem;position:absolute;left:2.5rem;top:50%;transform:translateY(-50%);margin-top:-.27rem;}
.f3Con dd h3{line-height:.4rem;font-size:.3rem;font-weight:bold;color:#fff;margin-bottom: .05rem;}
.f3Con dd p{line-height:.3rem;font-size:.24rem;color:#fff;}

/*f4Box*/
.f4Box{padding:0 .2rem .4rem;}
.f4Info{padding:.28rem 0 0;border-radius:.2rem;border:#fd4c7c solid .02rem;margin-top: .3rem;}
.f4Info dl{margin:0 auto .36rem;border-radius:.1rem;overflow:hidden;position:relative;}
.f4Info dl,.f4Info dt,.f4Info dt img{width:5.98rem;height:1.94rem;}
.f4Info dd{position:absolute;left:2.85rem;;top:50%;transform:translateY(-50%);}
.f4Info dd h3{line-height:.36rem;font-size:.28rem;font-weight:bold;color:#f2648b;margin-bottom: .2rem;}
.f4Info dd p{line-height:.28rem;font-size:.24rem;color:#1a1a1a;}
.f4Info dl:nth-child(2n) dd{left:.2rem;}

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