﻿.autowrap {
  width: 100%; /* 文字自动换行定义容器宽度 */
  border: 1px solid #f0f1f1; /* 为了清楚地展示效果，加上边框 */
  word-wrap: break-word; /* 允许在长单词内部换行 */
  word-break: break-all; /* 允许在任意位置换行 */
  text-overflow: hidden; /* 隐藏超出容器的文本 */
}
.container {
	width: 100%; /* 设置容器宽度 */
	border: 1px solid #000; /* 设置边框，便于观察效果 */
	word-wrap: break-word; /* 允许在边界处自动换行 */
	overflow-wrap: break-word; /* 确保长单词能断开 */
	white-space: normal; /* 允许空白字符，自动换行 */
}
.outer-box {
	width: 47%px;/* 外面盒子定义宽度 */
	/*height: 300px;*/
	border: 1px solid #f0f1f1; /* 可选：为盒子添加边框 */
}
.inner-box {
	width: 47%;/* 内部两个盒子定义宽度 */
	/*height: 300px;*/
	border: 1px solid #f0f1f1; /* 可选：为盒子添加边框 */
	float: left; /* 让两个盒子并排显示 */
	margin: 5px; /* 可选：添加外边距 */
}
.inner-boxdy {
	width: 99%;/* 内部一个盒子定义宽度 */
	/*height: 300px;*/
	border: 1px solid #f0f1f1; /* 可选：为盒子添加边框 */
	float: left; /* 让两个盒子并排显示 */
	margin: 5px; /* 可选：添加外边距 */
}
.inner-boxdy img{
	width: 99%;	
}
.inner-box img{
	width: 100%;
}
.inner-boxdy p{
	font-size: 16px;
	text-align: left;
}
.inner-boxdy ul{
	font-size: 16px;
	text-align: left;
	list-style-type: none;
}
.box1 {
	background-color: red; /* 设置盒子1的背景颜色 */
}
.box2 {
	background-color: blue; /* 设置盒子2的背景颜色 */
}
.center-text{
  text-align: center;
}
.custom-hr {
border: 6px solid #797872; /* 边框宽度、样式和颜色 */
margin: 10px 0; /* 上下外边距 */
}
.fixed-top {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #f3f3f3;
z-index: 10000; /* 确保元素在其他内容之上 */
}
.fixed-bottom {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #f3f3f3;
z-index: 10000; /* 确保元素在其他内容之上 */
}
.headercenter {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 8px;
margin: 5px auto;
width: 100%;
padding: 5px;
text-align: center;
font-size: 14px;
line-height: 20px;
height: 22px;
  }