﻿/*二级栏目分类*/
.class_tab{ text-align:center; background:#f6f6f6; float:left; width:100%; }
.class_tab a{ font-size:18px; line-height:60px; color:#494949; display:inline-block; text-align:center; padding:0 40px;}
.class_tab a.cur{ color:#fff; background:#2cbeed;}
@media (max-width:991px) {
.class_tab a{ display:block;margin-bottom:5px;background:#eee;}
}

/*item页面*/
.item_list {
	float:left;width:46%; margin:2%;min-height:220px;border-radius:10px;overflow:hidden;
    display: flex;              /* 使用 Flexbox 布局 */
    align-items: flex-start;    /* 垂直顶部对齐 */
    gap: 16px;                  /* 图片和文字之间的间距 */
    padding: 16px;              /* 内边距 */
    border: 1px solid #e5e7eb;  /* 边框 */
    border-radius: 8px;         /* 圆角 */
    background-color: #fff;     /* 背景色 */
    box-shadow: 0 2px 4px rgba(0,0,0,0.05); /* 阴影 */
    transition: transform 0.2s; /* 过渡效果 */
}

.item_list:hover {
    transform: translateY(-5px); /* 悬停时轻微上浮 */
}

.item_list img {
    width: 40%;               /* 图片宽度 */
    height: 200px;              /* 图片高度 */
    object-fit: cover;          /* 图片填充方式 */
    border-radius: 4px;         /* 图片圆角 */
}

.item_list > div { 				/* >表示只作用于下一级，更深层级的 <div> 不会被选中；如果换成空格，表示选择全部的层级 */
    flex: 1;                    /* 文字部分占据剩余空间 */
    display: flex;              /* 内部使用 Flexbox 布局 */
    flex-direction: column;     /* 垂直排列 */
    gap: 8px;                   /* 标题和摘要之间的间距 */
}

.item_list > div > div:first-child {
    font-size: 2rem;         /* 标题字体大小 */
    font-weight: 500;           /* 标题字体粗细 */
    color: #1f2937;             /* 标题文字颜色 */
    line-height: 1.2;           /* 标题行高 */
}

.item_list > div > div:last-child {
    font-size: 1.5rem;            /* 摘要字体大小 */
    color: #4b5563;             /* 摘要文字颜色 */
    line-height: 1.5;           /* 摘要行高 */
}
@media (max-width:991px) {
.item_list{width:95%;}
}

/*list_img页面*/
.image-title {
width:90%;margin:0 auto;
color:#666;font-size:24px; 
line-height:80px; font-weight:500;
border-bottom:1px dashed #ccc;
text-align:center;
}
.image-main {
width:90%;
margin:0 auto;
display:grid;
grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
gap: 20px;
}
.image-container {
	position: relative;
	width:100%; 
	margin:2%;
	height:250px;
	border-radius:10px;
	overflow:hidden;
}

.image-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	opacity: 0;
	transition: opacity 0.5s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}

.overlay-text {
	color: white;
	font-family: Arial, sans-serif;
	font-size: 18px;
	text-align: center;
	transform: translateY(20px);
	transition: transform 0.5s ease;
	opacity: 0;
}

.image-container:hover .overlay {
	opacity: 1;
}

.image-container:hover .overlay-text {
	transform: translateY(0);
	opacity: 1;
}

.image-container:hover img {
	transform: scale(1.1);
}
@media (max-width:991px) {
.image-main {
grid-template-columns: repeat(auto-fill, minmax(90%, 1fr));
}
}
/*分页*/
.page {margin:0 auto;width:90%;font-size:1.125em; margin-top:20px;margin-bottom:20px;text-align:center; }
.page a{ border:1px solid #bfbfbf; color:#888888; text-decoration:none; padding:5px 12px; margin:0 3px; text-align:center; line-height:24px; border-radius:2px; }
.page a:hover,.page a.now{border:1px solid #0eb468; color:#fff; background:#0eb468;}

/*新闻列表*/
.news-list{
	margin:0 auto;
	width:90%;
	overflow: hidden;
}
.news-list ul{
  list-style: none; /* 移除项目符号 */
  padding-left: 0; /* 移除左侧内边距 */
  margin: 0; /* 可选：移除默认外边距 */
}
.news-list ul li{
	display: block;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #bfbfbf;
}
.news-list .news-time{
	width: 12%;
    float: left;
    height: 105px;
    background-color: #bcbcbc;
    color: #fff;
}
.news-list .time-day{
	font-size: 56px;
    display: block;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-weight: 600;
}
.news-list .time-month{
    line-height: 35px;
    text-align: center;
    display: block;
    font-size: 20px;
}
.news-list .news-infor{
	width: 88%;
    float: left;
    padding-left: 40px;
}
.news-list .news-infor .news-title a{
	font-size: 22px;
    font-weight: 550;
    color: #333;
    text-decoration: none;
}
.news-list .news-abstract{
	font-size: 18px;
    color: #333;
}
.news-list .news-infor .news-title a:hover{
	color: #85B200;
}
.news-list .active{
    background-color: #85B200;
}
@media (max-width:991px) {
.news-list .news-time{
	width: 18%;
}
.news-list .news-infor{
	width: 82%;
    padding-left:10px;
}
.news-list .time-day{
	font-size: 35px;
}
.news-list .time-month{
    font-size: 14px;
}
}
/** 阿姨list */
.main-member{margin:0 auto;width:90%;padding: 20px 0 20px 0;}
.main-member select{height:35px;border: 1px solid #dddd; padding:5px;margin-right:10px;margin-top:10px;position: relative;}
.main-member .content > div{border: 1px solid #eaeaea; padding:10px;position: relative;}
.main-member .content .top{border-bottom: 1px solid #eaeaea;width:100%;line-height:35px;}
.main-member .content .top .name{color: #666;font-weight:600; font-size: 17px;}
/**.main-member .content .top .name:before {content: '•';margin-left:5px;margin-right:5px;} */
.main-member .content .member-img{display: inline-block; width: 45%;vertical-align: top;margin-top:15px;text-align:center;}
.main-member .content .member-img img{width:70%;height:350px;object-fit:cover;}/** object-fit:cover 保证尺寸优先 */
.main-member .content .member-panel{display: inline-block; width: 53%; vertical-align: top; padding-left: 5px; box-sizing: border-box;}
.main-member .content .member-panel .detail{color: #777;font-size: 15px;display:inline-block;margin-top:0px;}
.main-member .content .member-panel .yuyue{color: #fff;background-color:#85B200;font-size: 13px;text-align:center;padding:8px;display:block;width:80%;}
.main-member .content .member-panel .yuyue:hover{color: #fff;background-color:#536F00;font-size: 13px;text-align:center;padding:8px;display:block;width:80%;}
.main-member .content .bottom{border-top: 1px solid #eaeaea;width:100%;margin-top:5px;}
.main-member .content .bottom .manager{color: #777;font-size: 12px;display:inline-block;padding:3px;margin-top:10px; border: 1px solid #eaeaea;width:50px;}
.main-member .content .bottom .managername{color: #666;font-size: 12px;display:inline-block;margin-top:10px; margin-left:3px;}
.main-member .sort-list { list-style: none; padding-left:0px; margin-bottom: 10px; font-size:15px;}
.main-member .sort-list li { display: inline-block; text-align: center; cursor: pointer; padding-left: 0; padding-right:15px; color: #999; }
.main-member .sort-list li.active { color: #85B200; }
.main-member .sort-list li i {font-size:15px;}
.main-member .accordion{color: #ddd;font-size: 12px;display:inline-block;margin-bottom:10px;border: 1px solid #eaeaea; padding:9px;}
.main-member .div-search{display: inline-block;font-size:15px;margin-bottom:10px;border: 1px solid #999;}
.main-member .search{width:70px;height:35px;background-color:#eaeaea;border:none;}
/*阿姨详情页*/
.main-member-detail{display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;width:95%;}
.main-member-detail .panel{width:60%;display:flex;flex-direction:row;justify-content:space-between;}
.main-member-detail img{width:35%;height:330px;object-fit:cover;margin:0 auto;}
.main-member-detail span{font-size:16px;}

@media (max-width:991px) {
.main-member .content .member-img{width: 55%;}
.main-member .content .member-img img{width:100%;height:300px;object-fit:cover;}
.main-member .content .member-panel{width: 43%;}
.main-member-detail {
	display: block; /* 或恢复为其他适合的display值 */
	flex-direction: initial; /* 重置为默认值 */
	justify-content: initial; /* 重置为默认值 */
}
.main-member-detail .panel{margin:0 auto;width:95%;}
.main-member-detail img{display: block;margin:0 auto;width:95%;height:auto;object-fit:cover;}
}
/*阿姨详情页内的评论*/
.member-detail-comment img{width:20%;height:150px;vertical-align:middle;margin:5px;}
@media (max-width:991px) {
.member-detail-comment img{width:45%;}
}