@charset "utf-8";
/*
* Author:luochou
* Date:2024.9.10
*/
body{background-color:#f9f9f9;}
.container{min-width:320px;width:100%;max-width:750px;margin:0 auto;background-color:#fff;}
.item{padding:0 .6rem;}
.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:#f7bf24;}

.itemTie{text-align:center;position:relative;z-index:1;overflow:hidden;margin-top:.1rem;}
.itemTie span{line-height:.78rem;font-size:.42rem;color:#1a1a1a;position:relative;display:inline-block;padding:0 .1rem;}
.itemTie span em{width:5rem;height:1px;background-color:#f5f0f1;display:block;position:absolute;top:50%;}
.itemTie span em i{width:.09rem;height:.09rem;background-color:#fd4f70;border-radius:50%;display:block;position:absolute;top:50%;transform: translateY(-50%);}
.itemTie span em.ioc1{right:100%;}
.itemTie span em.ioc1 i{right:0;}
.itemTie span em.ioc2{left:100%;}
.itemTie span em.ioc2 i{left:0;}
.itemTie small{display:block;margin-bottom:.3rem;}
.itemTie small em{line-height:.4rem;font-size:.24rem;color:#fff;background-color:#fd4f70;padding:0 .2rem;border-radius:.5rem;display:inline-block;}

.itemTie b{width:3.84rem;height:.42rem;background:url(../images/tie_01.png) no-repeat;background-size:100% 100%;display:block;position:absolute;left:50%;transform:translateX(-50%);top:0;z-index:-1;}
.f1Bg{padding:.6rem 0 1.15rem;}
.f1BoxList{display:flex;display:-webkit-flex;justify-content:space-between;flex-wrap:wrap;overflow:hidden;}
.f1BoxList dt{border:#13a0a2 solid .02rem;position:relative}
.f1BoxList dt span{font-size:.18rem;color:#fd4f70;text-shadow:#fff .1rem .1rem .1rem;position:absolute;left:.1rem;top:.15rem;}
.f1BoxList dt,.f1BoxList dt img{width:1.47rem;height:1.47rem;border-radius:50%;}
.f1BoxList dd{text-align:center;line-height:.5rem;font-size:.24rem;color:#1a1a1a;}
.f1BoxDl{position:relative;}
.f1BoxDl dt,.f1BoxDl dt img{width:6.3rem;height:3.84rem;}
.f1BoxDl dd a.btn{width:2.1rem;height:.7rem;text-align:center;line-height:.7rem;font-size:.32rem;color:#fff;font-weight:bold;background:linear-gradient(#ff9519,#fd7226);border-radius:.5rem;display:block;position:absolute;left:50%;bottom:0;transform: translate(-50%,50%);}

.f2Box{padding-bottom:.7rem;overflow:hidden;}
.f2Box dl{float:left;width:2rem;border-radius:.1rem;overflow:hidden;margin-bottom:.15rem;margin-right:.15rem;}
.f2Box dt{position:relative;}
.f2Box dt,.f2Box dt img{width:2rem;height:1.42rem;}
.f2Box dt span{line-height:.34rem;font-size:.24rem;color:#fff;background-color:#fe6790;display:inline-block;padding:0 .1rem;border-radius:.1rem .2rem .2rem 0;position:absolute;left:0;top:1.25rem;}
.f2Box dd{text-align:center;line-height:.32rem;font-size:.24rem;color:#fff;background-color:#13a0a2;padding:.25rem 0 .15rem;}
.f2Box dl:nth-child(4){margin-left:1.08rem;}
.f2Box dl:nth-child(3n){margin-right:0;}

.f3Box{padding-bottom:.8rem;}
.f3Box dl{padding-bottom:8.4rem;position:relative;z-index:1;}
.f3Box dt{position:absolute;left:0;bottom:0;z-index:-1;}
.f3Box dt,.f3Box dt img{width:6.31rem;height:8.77rem;}
.f3Box dd{line-height:.44rem;font-size:.24rem;color:#1a1a1a;}