.mc{
  display: flex;
}
.head_wrapper{
  background: #3f3f3f;
  width: 100%;
  height: 1.5rem;
}
font,span{
  position: absolute;
}
span{
  font-family: '黑体';
  color: #FFF;
   font-size: .6rem;
   left: 45%;
   top: .5rem;
}
.head_logo{
  background-color: #f1f1f1;
  height: 4rem;
}
.left,.right{
  position: absolute;
}
.navbar {
  display: flex;         /* 使用Flexbox布局 */
  justify-content: center; /* 水平居中 */
  list-style-type: none;  /* 移除默认列表样式 */
  padding: 0;             /* 移除默认padding */
}
nav ul {
  list-style-type: none; /* 移除默认列表符号 */
  padding: 0; /* 移除默认内边距 */
  margin: 0; /* 移除默认外边距 */
}
nav ul li {
  display: inline; /* 列表项横向排列 */
  margin-right: 10px; /* 添加右边距以分隔列表项 */
}
 
nav ul li a {
  text-decoration: none; /* 移除下划线 */
  color: #686868; /* 设置文本颜色 */
  padding: 5px 5px; /* 添加内边距使链接看起来更好 */
}
 
nav ul li a:hover {
  color: #07a3eb; /* 鼠标悬停时的背景颜色 */
}

.logoj a {
  font-size: .8rem;
}
#myModal1 {
  display: none; /* 默认隐藏弹窗 */
  position: fixed; /* 固定弹窗位置 */
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); /* 居中显示 */
  background-color: white;
  border: 1px solid black;
  padding: 20px;
  z-index: 2; /* 确保弹窗在其他元素之上 */
}