@charset "utf-8";
/*
Theme Name: 女性健康信息网
Theme URI: https://aiwangxue.com/
Description: WP模板阁开发主题，更多主题请访问：<a href="https://aiwangxue.com/" target="_blank">WP模板阁</a>，获得技术支持QQ：1730401718
Author: WP模板阁
Author URI: https://aiwangxue.com/
Version: 1.5
Tags: Wordpress,Wordpress主题,网站主题,WP模板阁
Time: 
*/
.icon {
	display: inline-block;
	background-color: transparent;
	background-repeat: no-repeat;
}
.VAM:after {
	content: "";
	display: inline-block;
	overflow: hidden;
	height: 100%;
	width: 0;
	font-size: 0;
	vertical-align: middle;
}
.wbwr {
	word-break: break-all;
	word-wrap: break-word;
}
.clr:after, .clr:before {
	content: "";
	display: table;
}
.clr:after {
	clear: both;
}
.clr {
	zoom: 1;
}
.fll {
	float: left;
}
.flr {
	float: right;
}
.vam {
	vertical-align: middle;
}
.db {
	display: block;
}
.dib {
	display: inline-block;
}
.tar {
	text-align: right;
}
.tac {
	text-align: center;
}
.ovh {
	overflow: hidden;
}
.vat {
	vertical-align: top;
}
.vam {
	vertical-align: middle;
}
.posr {
	position: relative;
}
.auto {
	margin-left: auto;
	margin-right: auto;
}
/* reset.css -----------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, header, footer, section, article, aside, nav, figure, figcaption {
	margin: 0;
	padding: 0;
}
html, body {
	width: 100%;
	font-family: "Microsoft Yahei", "Helvetica";
	color: #333333;
}
img {
	max-width: 100%;
	border: 0; /*-webkit-touch-callout: none;*/
}
a {
	color: #333333;
	text-decoration: none;
}
ul, ol {
	list-style: none;
}
/* form-reset.css -----------------------------------------------------------------*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}
button {
	background: none;
}
input, textarea, button {
	border: none;
}
input, button, textarea, select, optgroup, option {
	font: 1rem "Microsoft Yahei", "Helvetica";
}
input[type="button"], input[type="text"], input[type="submit"], input[type="search"], input[type="tel"], input[type="number"], select, option, .appNone {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.6);
}
 input:-moz-placeholder, textarea:-moz-placeholder, input::-moz-placeholder, textarea::-moz-placeholder {
color: rgba(255, 255, 255, 0.6);
}
/*常用类名*/
.fl {
	float: left;
}
.fr {
	float: right;
}
.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: '';
	display: block;
	clear: both;
}
.wrap-b {
	width: 100%;
	min-width: 1200px;
}
.wrap {
	width: 1200px;
	margin: 0 auto;
}
.a-img {
	width: 100%;
	vertical-align: top;
}
.a-hover:hover {
	color: #4bc061;
}
h1, h2, h3, h4, h5 {
	font-weight: normal;
}
em, i {
	font-style: normal;
}
* {
	outline: none;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mb30 {
	margin-bottom: 30px;
}
.header-b {
	background: #eeeeee;
}
.header {
	height: 40px;
}
.header .header-left {
	font-size: 14px;
	line-height: 16px;
}
.header .header-left-ls {
	padding-top: 13px;
	height: 27px;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	margin-left: -1px;
}
.header .header-left-ls .header-left-list {
	position: relative;
	padding: 0 18px;
	border-left: 1px solid #d3d3d3;
	margin-left: -1px;
	cursor: pointer;
}
.header .header-left-ls:first-child .header-left-list {
	border-left: none;
}
.header .header-left-ls .a-hover {
	color: #666;
}
.header .header-left-ls .a-hover:hover {
	color: #4bc061;
}
.header .header-left-ls-wap-title {
	display: inline-block;
	color: #666;
	cursor: pointer;
}
.header .header-left-ls-wap {
	z-index: 3;
	position: relative;
}
.header .header-left-ls-wap:before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	background: #fff;
	left: 0;
	bottom: -1px;
	z-index: 2;
}
.header .header-left-ls-wap:hover .header-left-ls-wap-show {
	display: block;
}
.header .header-left-ls-wap:hover .icon-header-arrow {
	position: absolute;
	right: 4px;
	top: 3px;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-bottom: 4px solid #999;
}
.header .header-left-ls-wap:hover .header-left-ls-wap-title {
	color: #4bc061;
}
.header .icon-header-arrow {
	position: absolute;
	right: 4px;
	top: 8px;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-top: 4px solid #999;
}
.header .header-left-ls-wap-show {
	display: none;
	position: absolute;
	width: 150px;
	height: 150px;
	background: #fff;
	border: 1px solid #ddd;
	top: 26px;
	left: 30px;
	z-index: 2;
}
.header .header-left-ls-wap-show:before, .header .header-left-ls-wap-show:after {
	content: '';
	position: absolute;
	top: -10px;
	left: 34px;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-bottom: 6px solid #fff;
}
.header .header-left-ls-wap-show:before {
	border-bottom-color: #000;
	left: 34px;
}
.header .header-left-wap {
	width: 150px;
}

.nav-box {
	font-size: 16px;
	height: 48px;
	background: #01BCD5;
	line-height: 48px;
}
.nav {
	width: 100%;
}
.nav>li {
	position: relative;
	float: left;
}
.nav>li:hover .sub-menu {
	display: inline-block;	
}
.nav>li:hover>a {
	display: inline-block;
	background: #0196AA;
}
.nav>li {
	display: inline-block;
	color: #fff;
}
.nav li .sub-menu {
	display: none;
	position: absolute;
	top: 48px;
	left: 0;
	z-index: 22;
	width: 100%;
	font-size: 14px;
	border: 1px solid #eee;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #ffffff;
}
.nav li .sub-menu a {
	display: block;
	width: 100%;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-bottom: 1px solid #eee;
}
.nav li .sub-menu a:hover {
	color:green;
}

.nav>li>a{
	padding: 0 24px;
	color:#fff
}
.img-h-100 {
	height: 100%;
	width: auto;
	max-width: initial;
}
.about-nav-ls-cur a, .about-nav-ls:hover a {
	color: #fff;
}
.right_fbox {
	width: 143px;
	height: 349px;
	position: fixed;
	float: right;
	left: 50%;
	top: 59%;
	z-index: 999;
	margin-left: 530px;
}
.ad-box {
	margin-top: 10px;
}
.ad-box .detail-head {
	margin-bottom: 10px;
}
.footer-sitemap a{font-size:15px;padding:0 10px;color:#999}
.footer-friendlink a{padding:0 10px;color:#999}
/* 浮动与清除 */
.fleft {float: left;}
.fright {float: right;}
.clearfix:after {clear: both;content: ".";display: block;height: 0;font-size: 0;visibility: hidden;}
.clearfix {*zoom:1;}
img{width:68%;}
img.aligncenter{display:block;margin-left:auto;margin-right:auto;}








/*文章页*/
.con_main_all{line-height:2.8em;}
.con_main_all img {display:block;	max-width:100%;	height:auto;margin:10px auto;}
.con_main_all video{display:block;	max-width:100%;	height:auto;}

/* 分页*/
.pagination{height:40px;text-align:center;margin-top: 20px;}
.pagination .current, .pagination a{padding:3px 8px;border:1px solid #c0c8ce;border-radius: 3px;margin-right:10px;font-size:14px;text-decoration:none;}body{display:block !important;}
.pagination a:hover,.pagination .current{color:#6e7275;background:#FFF;}
.pagination a{background:#c0c8ce;color:#FFF;}







/* =========================================
   Directorist 详情页终极修复 (V3.0)
   ========================================= */

/* --- 1. 全局容器与字体 --- */
.directorist-single.directorist-container {
    max-width: 1100px;
    margin: 40px auto;
    padding: 0 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #333;
}

/* --- 2. 顶部导航与动作栏 (修复 Share 按钮堆叠问题) --- */
.directorist-single-listing-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    border-bottom: 1px solid #eee; /* 加一条底线区分 */
    padding-bottom: 15px;
}

/* 修复 Go Back 按钮 */
.directorist-return-back {
    font-size: 14px;
    color: #666;
    background: #f5f5f5;
    padding: 8px 15px;
    border-radius: 4px;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
}

/* 修复右侧动作按钮组 (Share, Bookmark, Report) */
.directorist-single-listing-quick-action {
    display: flex;
    gap: 10px;
}

/* 按钮通用样式 */
.directorist-single-listing-action {
    background: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 20px !important; /* 胶囊圆角 */
    padding: 6px 15px !important;
    font-size: 13px !important;
    color: #555 !important;
    cursor: pointer;
    line-height: 1.5;
    display: inline-block;
    position: relative; /* 关键 */
}

.directorist-single-listing-action:hover {
    border-color: #e6002e !important;
    color: #e6002e !important;
}

/* !!! 核心修复：隐藏 Share 按钮里乱跑的社交文字 !!! */
.directorist-social-share-links {
    display: none !important; /* 暂时隐藏下拉菜单，因为它没加载CSS */
}
/* 如果你想只保留"Share"文字，隐藏里面的图标 */
.directorist-single-listing-action i {
    margin-right: 5px;
}


/* --- 3. 标题与Meta信息 (去除像输入框的边框) --- */
.directorist-listing-details__listing-title {
    font-size: 34px;
    font-weight: 800;
    color: #222;
    margin-top: 0;
    margin-bottom: 10px;
}

/* 去掉那个奇怪的白色边框盒子 */
.directorist-listing-single__info {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

/* 价格样式 */
.directorist-listing-price {
    font-size: 24px;
    color: #e6002e;
    font-weight: bold;
}

/* 评价星星 */
.directorist-rating-meta {
    color: #ffb400; /* 星星黄 */
    font-size: 14px;
}

/* --- 4. 图片区域美化 --- */
.directorist-single-listing-slider-wrap {
    margin-top: 20px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}
.directorist-single-listing-slider img {
    width: 100%;
    height: auto;
    max-height: 500px;
    object-fit: cover;
}
/* 隐藏下方多余的缩略图 */
.directorist-single-listing-slider-thumb {
    display: none !important;
}


/* --- 5. 内容卡片与标题 (Features, Description) --- */
.directorist-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.03); /* 很轻的阴影 */
    margin-bottom: 30px;
    border: 1px solid #f0f0f0;
}

.directorist-card__header {
    padding: 15px 20px;
    border-bottom: 1px solid #f5f5f5;
    background: #fff;
}

.directorist-card__header__title {
    font-size: 18px;
    margin: 0;
    border-left: 4px solid #e6002e; /* 红色竖条装饰 */
    padding-left: 12px;
    line-height: 1;
}
/* 隐藏原本的图标 */
.directorist-card__header-icon { display: none; }

.directorist-card__body {
    padding: 20px;
    color: #555;
    line-height: 1.7;
}


/* --- 6. 评论表单大修复 (解决隐形输入框) --- */

/* 修复输入框和文本域没有边框的问题 */
#directorist-review-form input[type="text"],
#directorist-review-form input[type="email"],
#directorist-review-form textarea,
#directorist-review-form select {
    width: 100%;
    border: 1px solid #ddd !important; /* 强制加上边框 */
    background: #f9f9f9 !important; /* 强制背景色 */
    padding: 12px !important;
    border-radius: 4px;
    margin-bottom: 15px;
    font-size: 14px;
    box-sizing: border-box;
}

/* 输入框聚焦变色 */
#directorist-review-form input:focus,
#directorist-review-form textarea:focus {
    border-color: #e6002e !important;
    background: #fff !important;
    outline: none;
}

/* 修复提交按钮 (Submit Your Review) */
.directorist-btn-primary,
button[type="submit"] {
    background-color: #e6002e !important; /* 红色背景 */
    color: #fff !important;
    border: none !important;
    padding: 12px 0px !important;
    border-radius: 30px !important;
    font-size: 16px !important;
    cursor: pointer;
    font-weight: bold;
    display: inline-block;
    margin-top: 0px;
    margin-left:10px;
    transition: background 0.3s;
}

button[type="submit"]:hover {
    background-color: #c40027 !important; /* 深红悬停 */
}

/* 隐藏“There are no reviews yet”上方多余的空隙 */
.directorist-review-content__header--noreviews {
    border-bottom: none;
}






/* =========================================
   相关推荐 (Related Listings) 三列网格修复
   ========================================= */

/* 1. 强制容器变为 Flex 网格布局 */
.directorist-related-listing .swiper-wrapper {
    display: flex !important;
    flex-wrap: wrap !important; /* 允许换行 */
    gap: 20px !important;       /* 卡片之间的间距 */
    transform: none !important; /* 禁用轮播图的位移 */
    width: 100% !important;
}

/* 2. 定义每一列的宽度 (3列) */
.directorist-related-listing .swiper-slide {
    /* 100% 除以 3，减去间距 */
    width: calc(33.333% - 14px) !important; 
    flex: 0 0 calc(33.333% - 14px) !important;
    margin: 0 !important;
    display: block !important;
}

/* 3. 修复文字重叠：让标题和列表垂直堆叠 */
.directorist-listing-single__info {
    display: block !important; /* 撤销之前的行内排列 */
}

.directorist-listing-title {
    display: block !important;
    width: 100% !important;
    margin-bottom: 8px !important;
}

.directorist-listing-single__info__list {
    display: block !important;
    width: 100% !important;
    margin: 5px 0 !important;
}

.directorist-listing-single__info__list li {
    display: block !important; /* 让地址、电话、日期各占一行 */
    margin-bottom: 4px !important;
    white-space: nowrap;      /* 防止文字太长换行 */
    overflow: hidden;
    text-overflow: ellipsis;  /* 文字太长显示省略号 */
}

/* 4. 响应式适配：手机上显示一列，平板显示二列 */

/* 平板 (768px - 1024px) */
@media (max-width: 1024px) {
    .directorist-related-listing .swiper-slide {
        width: calc(50% - 10px) !important;
        flex: 0 0 calc(50% - 10px) !important;
    }
}

/* 手机 (768px 以下) */
@media (max-width: 767px) {
    .directorist-related-listing .swiper-slide {
        width: 100% !important;
        flex: 0 0 100% !important;
    }
}

/* 5. 隐藏无用的浏览量数字 0 */
.directorist-view-count {
    display: none !important;
}