.divaaa{
	width: 100vw;
	height: 45vw;
}
.toph{
	margin-top: 50px;
}
		.left-div, .right-div {
			width: 48%;
		  padding: 10px 15px;
		  border-radius: 5px;
		  margin-right: 0px;
		  text-align: center;
		}
		
		.left-div {
		  background-color: #ff8000;
		  color: #fff;
		}

		.right-div {
		  background-color: #3399FF;
		  color: #fff;
		}
		.icon-B {
		  display: flex;
		  align-items: center;
		  justify-content: space-between;
		  margin: 10px;
		}
.memorial{
		background-color: #ffffff;
		min-height: 130px;
		overflow: auto;
		 
	}
.memorialaa{
		background-color: #ffffff;
		min-height: 600px;
		overflow: auto;
		 
	}	
	.top-memo1{
	background-color: #ffffff;
			margin-top: 10px;
		Padding:10px 0  0  10px;/*字上下左右距离*/
			
			display: flex;
			align-items: center;
			justify-content: space-between;

			
	}

	.top-memo1 h3{
			font-size: 16px;
			border-bottom: 2px solid #3399FF;/*底部横线大小颜色*/
			padding-bottom: 5px;/*横线与上面的距离*/
	}
		.memorial .top-memo{
			display: flex;
			align-items: center;
			justify-content: space-between;
			
		}
		.memorial .top-memo h3{
		Padding:10px 0  0  10px;/*字上下左右距离*/
			font-size: 16px;
			border-bottom: 2px solid #3399FF;/*底部横线大小颜色*/
			padding-bottom: 5px;/*横线与上面的距离*/
			
			/* font-weight: 100; */
		}
		.memorial .top-memo p,.memorial .top-memo span{
			font-size: 12px;
			color: #999;
		}
		.memorial .bottom-memo{
			display: flex;
			align-items: center;
			justify-content:center;
			margin-bottom: 10px;
		}
		.memorial .bottom-memo img{
			width: 30px;
			height: 30px;
			border-radius: 50%;
			margin-right: 10px;
		}
		.memorialaa  img{
			width: 30px;
			height: 30px;
			border-radius: 50%;
			margin-right: 10px;
		}
				.memorialaa .mui-card-header>img:first-child{
			width: 100px;
			height: 120px;
			border-radius: 10px;
			margin-right: 20px;
		}
		.memorial .mui-card-header>img:first-child{
			width: 100px;
			height: 120px;
			border-radius: 10px;
			margin-right: 20px;
		}
		.memorial .mui-card-header.mui-card-media .mui-media-body{
			font-size: 14px;
			line-height: 20px;
		}
		.memorial .mui-card-header.mui-card-media .mui-media-body p{
			padding: 16px 0;
			font-size: 15px;
		}
	
		.memorial .mui-card-header.mui-card-media .mui-media-body .hot{
			width: 20px;
			height: 20px;
			padding-right: 4px;
			margin-top: 10px;
			vertical-align: bottom;
		}
		.memorial .mui-card-header.mui-card-media{
			padding: 18px 10px 18px 10px;
		}	
		.gao{
	height: 140px;
}
.zitihui{
	color:#808080;
	margin-top: 12px;
}
.zitihhh{
	color:#000;
}
.dan-ee{
			color: #fff;
			font-size: 14px;
			background-color: #5e78cf;
			padding: 4px; /* 增加内边距 */
			border-radius: 6%; /* 使底部边框变成椭圆形 */
		}
.gaoimg{
	position: absolute;
    bottom: 0;
    right: 0;
}
	.beijing{
	background-color: #ffffff;
	}	
.divcon{
	color:#808080;
	/*overflow: hidden;  清除浮动 */
}	
.left {
    float: left; /* 靠左浮动 */
}
 
.right {
    float: right; /* 靠右浮动 */
}	


#overlay {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%; /* 根据需要调整高度 */
  background-color: rgba(0, 0, 0, 0.9); /* 半透明背景 */
  z-index: 1000; /* 确保遮罩层在其他内容之上 */
}
 
.divcontent {
      width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}





.search-container {
  display: flex;
  align-items: center;
  width: 100%; /* 根据需要调整宽度 */
}
 
.search-input {
  flex: 1; /* 让输入框占据剩余空间 */
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  outline: none;
  margin-bottom:0px;
}
 
.search-button {
  padding: 10px 20px;
  border: none;
  background-color: #3399FF;
  color: white;
  cursor: pointer;
  border-radius: 5px;
}

.aaa{
	margin-top:100px;
}
/* 为关闭按钮设置样式 */
.close-btn {
  position: absolute; /* 使用绝对定位来将按钮固定在div层的右上角 */
  top: 20px; /* 可以根据需要调整距离 */
  right: 20px; /* 可以根据需要调整距离 */
  font-size: 24px; /* 设置字体大小 */
  cursor: pointer; /* 设置鼠标悬停时的样式为手指形状，表示可点击 */
  color: #fff; /* 设置文本颜色为白色 */
  font-weight: bold; /* 设置字体加粗 */
}
 
/* 添加一个过渡效果，使div层的隐藏和显示更加平滑 */
.overlay.hidden {
  display: none;
  transition: display 0.3s ease; /* 注意：display属性本身不支持过渡效果，这里仅作为示例 */
  /* 实际上，我们可以使用opacity和visibility属性来实现过渡效果 */
}


		.jm img {
			width: 100%;
			margin: 44px 0 0px 0;
		}
.jieshao{
	margin-left: 20px;
    margin-right: 20px;
    font-size: 16px;
}