@charset "utf-8";
/*
* title:远东香港竞价谷歌妇科-早孕计划
* Author:luochou
* Date:2024.8.27
*/
body{background-color:#f9f9f9;}
.item{background-color: #fff; margin-bottom: .4rem;}
.container{min-width: 320px; width: 100%; max-width: 7.5rem; margin: 0 auto; background-color: #f1f9f7; overflow: hidden;}
.container img{max-width: 100%; display: block;}
.container .title{position: relative; height: .44rem; padding-left: .32rem; color: #333; font-size: .36rem; font-weight: 400; line-height: .44rem;}
.container .title::after{position: absolute; left: .05rem; top:50%; margin-top: -.18rem; content: ''; width: .06rem; height: .36rem; background-color: #007659; border-radius: .03rem;}
/*keshi*/
.keshi{padding:.48rem .15rem .44rem;box-shadow: 0 .02rem .05rem rgba(191,215,209,.64);}
.keshi .title{margin: 0 .1rem;}
.keshiSwiper{padding: .48rem 0 .38rem;}
.keshiSwiper .swiper-slide{width: 100%;}
.keshiSwiper .swiper-slide img{width: 2.2rem; margin: 0 auto;}
.keshiSwiper .pagination{width:100%;line-height:0;position:absolute;left:0;bottom:0;z-index:1; text-align: center;}
.keshiSwiper .pagination span{width:.12rem;height:.12rem;font-size:0;background-color:#e7f5f1;border-radius:50%;opacity:1;margin:0 .07rem;display:inline-block;vertical-align:top;}
.keshiSwiper .pagination .swiper-pagination-bullet-active{background-color:#007659;}
/*department*/
.department{padding:.48rem .25rem;box-shadow: 0 .02rem .05rem rgba(191,215,209,.64);}
.department ul{padding:.32rem 0 .4rem; display: flex; display: -webkit-flex;flex-wrap: wrap;justify-content: space-between; gap:.2rem 0;}
.department li{width: 2.2rem; height: .8rem; background-color: #f4f4f4;}
.department li:nth-child(4),.department li:nth-child(5){width: 3.4rem;}
.department li a{width: 100%; height: .8rem;display: flex; display: -webkit-flex; justify-content: center;align-items: center; color: #007659; font-size: .32rem; font-weight: bold;}
.department li.active a{background-color: #007659; color: #fff;}
/*symptom*/
.symptom{padding:.48rem .25rem .42rem;box-shadow: 0 .02rem .05rem rgba(191,215,209,.64);}
.symptom ul{padding-top:.46rem; display: flex; display: -webkit-flex;flex-wrap: wrap;justify-content: space-between; gap:.2rem 0;}
.symptom li{width: 2.2rem; display: flex; display: -webkit-flex;flex-direction: column;}
.symptom li p{height: .6rem; background-color: #f4f4f4; color: #007659; font-size: .28rem;display: flex; display: -webkit-flex; justify-content: center;align-items: center;}
/*prominence*/
.prominence{padding:.48rem .25rem .54rem;box-shadow: 0 .02rem .05rem rgba(191,215,209,.64);}
.prominence-list{padding-top: .46rem;display: flex; display: -webkit-flex;flex-direction: column; gap:.3rem 0;}
.prominence-list dl{background-color: #f4f4f4;display: flex; display: -webkit-flex;justify-content: space-between;align-items: center;}
.prominence-list dl:nth-child(2){flex-direction: row-reverse;}
.prominence-list dt{width: 2.2rem;}
.prominence-list dd{flex:1; padding:0 .3rem 0 .18rem;}
.prominence-list dd h3{color: #007659; font-size: .28rem; line-height: .44rem;}
.prominence-list dd p{color: #4a4b4b; font-size: .24rem; line-height:.4rem; text-align: justify;}