@charset "utf-8";
/*
* Site:博爱曙光美容科首页仿站WAP-首页
* Author:luochou
* Date:2021.8.19
*/
.container{min-width:320px;width:100%;max-width:750px;margin:0 auto;background-color:#f4f5f7 !important;}
.container img{max-width:100%;display:block;}
.item{padding:0 .24rem;}
.container .tit{position:relative;margin:.4rem 0 .25rem;padding-left:.28rem;color:#333;font-size:.36rem;line-height:.4rem;}
.container .tit i{position:absolute;left:0;top:50%;margin-top:-.15rem;width:.06rem;height:.3rem;background-color:#1589ec;border-radius:.03rem;}
/* banner */
.banner{height: 3.94rem; overflow:hidden;position:relative;}
.banner li,.banner li img{width: 100%; height: 3.94rem;}
.banner .bajs-easy-slider-pagination{width:7.5rem;text-align:center;line-height:0;position:absolute;left:0;bottom:.24rem;}
.banner .bajs-easy-slider-pagination a{width:.15rem;height:.15rem;font-size:0;background-color:#fff;border-radius:50%;display:inline-block;margin:0 .1rem;}
.banner .bajs-easy-slider-pagination a.active{background-color:#ff0;}
/* subMenu */
.subMenu{position:relative;padding:.48rem .24rem 0;margin-top:-.2rem;background-color:#fff;border-radius:.2rem .2rem 0 0;}
.subMenu-top{padding-bottom:.16rem;display:flex;display:-webkit-flex;justify-content:space-between;}
.subMenu-top a{width:3.4rem;height:1.9rem;padding-left:1.3rem;display:flex;display:-webkit-flex;flex-direction:column;justify-content:center;background:url(/m/style/images/index/subMenu_bg_01.jpg) no-repeat;background-size:100% 100%;box-sizing:border-box;border-radius:.24rem;box-shadow:0 .06rem .16rem rgba(0,0,0,.2);overflow:hidden;}
.subMenu-top a:last-child{background:url(/m/style/images/index/subMenu_bg_02.jpg) no-repeat;background-size:100% 100%;}
.subMenu-top a span{color:#fff;font-size:.36rem;font-weight:bold;line-height:1.8;}
.subMenu-top a em{color:#dff4f7;font-size:.24rem;}
.subMenu-group{padding:.2rem 0 .25rem;display:flex;display:-webkit-flex;}
.subMenu-group a{width:25%;display:flex;display:-webkit-flex;flex-direction:column;align-items:center;justify-content:center;color:#666;font-size:.28rem;}
.subMenu-group a img{width:.64rem;height:.64rem;display:block;}
/* f1Box */
.f1Box{}
.f1Box .list{padding:.3rem .24rem;margin-bottom:.24rem;background-color:#fff;border-radius:.2rem;display:flex;display:-webkit-flex;justify-content:space-between;}
.f1Box .list li{width:2.04rem;height:1.8rem;background-color:#f2f9ff;border-radius:.1rem;overflow:hidden;}
.f1Box .list li a{width:100%;height:1.8rem;overflow:hidden;display:flex;display:-webkit-flex;flex-direction:column;justify-content:center;align-items:center;}
.f1Box .list li img{width:.75rem;height:.75rem;margin:0 auto .06rem;display:block;}
.f1Box .list li span{color:#555;font-size:.28rem;line-height:1.5;}
.f1Box .list li em{color:#999;font-size:.16rem;font-weight:normal;white-space:nowrap;display:none;}
.f1Slide{border-radius:.2rem;overflow:hidden;}
/* f2Box */
.f2Swiper{ overflow:hidden;position:relative}
.f2Swiper ul{padding:.36rem .1rem .16rem;background-color:#fff;display:flex;display:-webkit-flex;flex-wrap:wrap;border-radius:.2rem;}
.f2Swiper li{width:33.33%;height:.7rem;margin-bottom:.2rem;}
.f2Swiper li a{width:2rem;height:.7rem;margin:0 auto;display:flex;display:-webkit-flex;align-items:center;justify-content:center;border:1px solid #e0e0e0;border-radius:.1rem;color:#666;font-size:.3rem;text-align:center;}
.f2Swiper .button-next{position:absolute;bottom:.36rem;right:.1rem;z-index:10;width:33.33%;color:#1589ec;font-size:.3rem;line-height:.7rem;text-align:center;}
.f2Swiper .button-next i{width:.31rem;height:.28rem;margin-right:.06rem;display:inline-block;background:url(/m/style/images/index/icon_refresh.png) no-repeat;background-size:100% 100%;}
/* f3Box */
.f3Slide{padding:.35rem .24rem .6rem;background-color:#fff;border-radius:.2rem;overflow:hidden;}
.f3Slide dl{overflow:hidden;}
.f3Slide dl dt,.f3Slide dl dt img{width:1.8rem;height:2.16rem;border-radius:0.06rem;}
.f3Slide dl dt{float:left;overflow:hidden;}
.f3Slide dl dd{font-size:0.32rem;color:#4e4e4e;padding:0.4rem 0 0 2.3rem;line-height:0.6rem;}
.f3Slide dl dd a{display:block;font-size:0.42rem;color:#1589ec;}
.f3Slide dl dd b{color:#bdbdbd;margin:0 0.1rem;}
.f3Slide p{font-size:0.28rem;color:#747474;line-height:0.44rem;height:1.76rem;background-color:#f3f9f8;border:1px solid #e9eeed;border-radius:0.1rem;padding:0.03rem 0.3rem;position:relative;margin:0.25rem 0;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4;text-overflow:ellipsis;}
.f3Slide p b{font-weight:bold;}
.f3Slide p i{width:.15rem;height:.15rem;border-top:#eaefee solid 1px;border-right:#eaefee solid 1px;background-color:#f3f9f8;display:block;position:absolute;left:.76rem;top:-.09rem;transform:rotate(-45deg);}
.f3Slide .btns{text-align:center;}
.f3Slide .btns a{display:inline-block;width:1.64rem;height:0.62rem;border:1px solid #d3d3d3;font-size:0.28rem;color:#0f82d2;line-height:0.62rem;border-radius:0.1rem;margin:0 0.1rem;}
.f3Slide .btns a:nth-child(1){background-color:#1589ec;border-color:#1589ec;color:#fff;}
.f3Slide .bajs-easy-slider-pagination{width:100%;text-align:center;line-height:0;position:absolute;left:0;bottom:.2rem;}
.f3Slide .bajs-easy-slider-pagination a{width:.16rem;height:.16rem;font-size:0;background-color:#dbdbdb;border-radius:50%;display:inline-block;margin:0 .06rem;}
.f3Slide .bajs-easy-slider-pagination a.active{background-color:#1589ec;}
/* f4Box */
.f4Box{overflow:hidden;}
.f4Con{padding:0 .24rem;background-color:#fff;border-radius:.2rem;overflow:hidden;}
.f4Con dl{padding:.36rem 0 .26rem;border-bottom:1px solid #dce0df;}
.f4Con dt{color:#333;font-size:.32rem;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.f4Con dt a{color:#333;}
.f4Con dd{padding-top:.2rem;color:#a8a8a8;font-size:.28rem;line-height:.44rem;}
.f4Con li{position:relative;height:1rem;padding-left:.4rem;border-bottom:1px solid #dce0df;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.f4Con li:last-child{border-bottom:none;}
.f4Con li i{position:absolute;left:0;top:50%;margin-top:-.16rem;width:.32rem;height:.32rem;background-color:#1589ec;border-radius:.03rem;color:#fff;font-size:.24rem;line-height:.32rem;text-align:center;}
.f4Con li a{color:#555;font-size:.28rem;line-height:1rem;}

.pulse1{-webkit-animation:pulse1 1.5s ease-in-out infinite alternate;animation:pulse1 1.5s ease-in-out infinite alternate;}
@-webkit-keyframes pulse1{
	0%{-webkit-transform:scale(1)}
	50%{-webkit-transform:scale(.96)}
	100%{-webkit-transform:scale(1)}
}