/***********人员列表 ***********/
.people-list .span {
  width: 10rem !important;
  margin: 10px 5px 0px 5px;
  font-size: 1.2em;
}

.people-list .span:hover{
  background-color: #023e7f;
  color: white;
}
.people-list span:hover a{
  color: white;
  text-decoration:none
}

@media only screen and (max-width: 1200px) {}

@media only screen and (max-width: 1200px) and (max-width: 800px) {}

@media only screen and (max-width: 800px) and (max-width: 500px) {}



/*********人员信息******/
.people-info {
  color: #333;
  background-color: #f8f8f8;
  border: 1px solid #d8d8d8;
  flex-wrap: nowrap;
}

@media screen and (max-width: 768px) {
  .people-info {
    flex-wrap: wrap;
  }
}

.people-info .avatar {
  padding: 20px;
}

.people-info .avatar img {
  height: 300px;
}

.people-info .info {
  padding: 20px;
  font-size: 18px;
}

.people-info .info .info-head {
  padding: 20px 20px 20px 0px;
  border-bottom: 1px solid #d8d8d8;
}

.people-info .info .name {
  font-size: 36px;
}

.people-detail {
  background-color: #f8f8f8;
  border: 1px solid #d8d8d8;
  ol li{
    list-style-type: decimal !important;
  }
}

#goTop {
  display: none;
  /* 默认隐藏 */
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #023e7f;
  /* 设置背景颜色，你可以设置自己想要的颜色或图片 */
  color: white;
  /* 文本颜色 */
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
  opacity: 0.5;
  /* 圆角 */
}

#goTop:hover {
  background-color: #555;
}

/****sidebar****/
.sidebar .offcanvas-start {
  width: 220px;
}

.sidebar .offcanvas {
  background: #051d37 !important;
  opacity: 0.95;
}


.sidebar .navbar-nav .nav-link {
  font-size: 16px;
  width: 130px;
  display: inline-block;
}