.Prodleft{width:750px; float:left; border-right:#EEE 1px solid}
.Prodright{width:calc(100% - 791px ); float:left ; padding:20px; height:860px;}
.prodImages{height:900px; position:relative;}
.slide {
	height: 900px;
}
.Imgesbtn {
	position:absolute; bottom:30px;
	width:100%;
	display:flex;
	justify-content:center;
}
.prev {
	top: 410px;
}
.next {
	top: 410px;
}
.linebot15{ border-bottom:#E6E6E6 1px solid; height:15px; overflow:hidden}

.GrassInfo {
	margin-top:15px;
	font-size: 14px;
	height:700px;
	overflow:auto;
/*	scrollbar-width: thin;
	scrollbar-color: #f1f1f1 #ffffff;
*/	scrollbar-width: none; /* Firefox 64+ */
    -ms-overflow-style: none; /* IE 10+ */
  }
.GrassInfo::-webkit-scrollbar {
  width: 0;
  height: 0;
  background: transparent; /* Chrome/Safari/Webkit */
}
.Addr{font-size:12px; position:absolute; bottom:70px; width:calc(100% - 60px ); color:#FFF; background-color:#36F; height:auto; overflow:hidden; border-radius:10px; padding:10px 20px ;line-height:25px}
.Addr h4{ padding:0px; font-size:14px; margin:0px}
.Addr a{ color:#FFF}
#CommentText dl{ width:100%; margin:10px 0px 8px 0px; }
#CommentText dl dt img{ margin-right:10px}
.workLikeCom{ font-size:12px; background-color:#F5F5F5; color:#666; border-radius:8px; line-height:22px; margin-top:2px; padding:0px 15px 0px 15px}

.WshowImg {
	z-index: 100;
	position: absolute;
	top: 10px;
	right: 10px
}
.WshowImg span {
	float: right;
	cursor: pointer;
	width: 34px;
	height: 32px
}
.space100 {
	clear: both;
	height: 100px;
	line-height: 0;
	font-size: 0
}
.ClassBJimg{ height:280px}
.ClassBJ{ top:-120px}
.GrassrigTit a{ color:#FFF; margin-left:20px;}
.prod_city{ width:100%; position:absolute; left:20px; bottom:20px}

.C_Title{ font-size:15px}
.ClassCity {
  display: inline-block; /* 使容器宽度自适应内容 */
  border: 1px solid #a19c9c; /* 灰色边框 */
  border-radius: 4px; /* 圆角 */
  padding: 5px 8px; /* 内边距 */
  font-size:14px;
  line-height:21px;
}
.ClassCity a{ color: #7c7a7a}
#Cid {
  font-size:16px;
  border: none; /* 无边框 */
  outline: none; /* 移除点击时的外边框 */
  appearance: none; /* 移除默认下拉箭头样式 */
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent; /* 背景透明 */
  color: red; /* 选中项为红色字体 */
  padding-right: 25px; /* 为下拉箭头留出空间 */
  cursor: pointer; /* 鼠标指针变为手型 */
  font-size: 16px; /* 设置字体大小 */
  min-width: 60px; /* 设置最小宽度，确保内容显示完整 */
}
#Cid {
  background-image: url('/img/select.png'); /* 自定义下拉箭头背景图片 */
  background-repeat: no-repeat;
  background-position: right center; /* 箭头在右侧居中 */
  background-size: 16px; /* 箭头大小 */
}
/* 兼容IE10+ 隐藏默认箭头 */
#Cid::-ms-expand {  display: none;}

/* 设置下拉列表中的选项样式 */
#Cid option {
	text-align:center;
  color: #333; /* 下拉选项默认黑色 */
  background-color: #fff; /* 下拉选项背景白色 */
}
/* 下拉列表中选中的选项样式 */
#Cid option:checked {
  color: red; /* 选中项为红色 */
}
.SubClassCity{ float:left}
.SubClassCity li{ float:left; padding:0px 6px}
.SubClassCity li.active a {  color: red; /* 红色字体 */ }
.FXTwoClasses{ overflow: hidden; height:auto; position:relative; padding-top:5px}
.FXTwoClasses li{ font-size:16px; margin-right:20px; line-height:32px}
.FXTwoClasses li.active a {
  text-decoration: underline solid currentColor;
  /* 关键：设置下划线与文字下边的间距为3像素 */
  text-underline-offset: 6px;  
  text-decoration-thickness: 2px; /* 下划线粗细 */
/*  text-decoration-color: #333;  下划线颜色，默认与文本颜色一致 	
*/	}
.more-categories{ position:absolute; right:4px; top:2px; border-radius:50% ; 
 box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
 border: 1px solid #f1f1f1; background-color:#FFF; height:28px; width:30px; overflow:hidden;
 display:none;
  justify-content: center;
  align-items: center;
 }


/* 容器：Flex布局实现元素横向排列 */
.comment-input-container {
  display: flex;
  align-items: center;
  padding: 2px;
  border: 1px solid #f0eeee;
  border-radius: 20px; /* 圆角，和示例一致 */
  width: 248px; /* 可根据需求调整宽度 */
  background-color:#f0eeee;
  float:left;
  margin-right:20px
}

/* 头像 */
.comment-avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%; /* 圆形头像 */
  margin-right: 8px;
  object-fit: cover; /* 保证图片比例 */
}

/* 输入框：占满剩余空间 */
.comment-input {
  flex: 1; /* 自动填充容器剩余宽度 */
  border: none; /* 去掉默认边框 */
  outline: none; /* 去掉聚焦时的外框 */
  padding: 0 8px ;
  font-size: 14px;
  background-color:#f0eeee;
}

/* 发送按钮 */
.comment-send-btn {
  padding: 4px 10px;
  border: none;
  border-radius: 15px;
  background-color: #C4C4C4; /* 浅灰色按钮，和示例风格一致 */
  color: #FFF;
  font-size: 12px;
  cursor: pointer;
  margin-left: 8px;
  }

/* 按钮 hover 效果（可选） */
.comment-send-btn:hover {
  background-color: #e0e0e0;
}

.comment-input::placeholder { /* 标准写法 */
  color: #666; /* 浅灰色，常用的placeholder颜色 */
  opacity: 1; /* 确保颜色不透明 */
}
.comment-input:-ms-input-placeholder {   color: #666;}
.comment-input::-ms-input-placeholder {   color: #666;}

.comment-input:focus::placeholder {  opacity: 0; /* 将透明度设为0，placeholder消失 */}
.comment-input:focus:-ms-input-placeholder {  opacity: 0;}
.comment-input:focus::-ms-input-placeholder {  opacity: 0;}

.mapico{ line-height:28px; height:28px; position:absolute; right:10px; bottom:15px; background:url(/img/map.png) 10px 5px no-repeat;border:#FFF 1px solid; border-radius:10px; padding-left:35px; padding-right:15px}