.footer {
  position: relative!important;
}
.footer-ql {
  display: none!important;
}
/* 当屏幕高度大于1200px时应用样式 */
@media screen and (min-height: 1201px) {
  .footer {
    position: fixed!important;
    bottom: 0!important;
  }
  .footer-ql {
    height: 40px !important;
  }
}
#people-container {
  min-height: 800px;
}
#people-container .none {
  display: none;
}
section.card {
  background: #f6f6f6;
  border-radius: 24px 24px 24px 48px;
  padding: 48px 48px 48px 48px;
  margin: 84px 0;
  width: 60vw;
  max-width: 920px;
  min-width: 640px;
  min-height: 298px;
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  position: relative;
  box-shadow: 5px 0 0 0 rgba(204, 204, 204, 0.3), -5px 0 0 0 rgba(204, 204, 204, 0.3), 0 5px 0 0 rgba(204, 204, 204, 0.3);
}
section.card .text-content {
  display: flex;
  flex-direction: column;
  padding-left: 260px;
}
section.card .text-content h3 {
  margin: 0 0 10px 0;
  font-size: 1.5em;
}
section.card .text-content p {
  color: #1a1a1a;
  font-size: 17px!important;
  margin-bottom: 5px;
}
section.card .visual {
  width: 240px;
  height: 100%;
  max-height: 330px;
  position: absolute;
  top: -24px;
  left: 24px;
  overflow: hidden;
  border-radius: 24px;
  box-shadow: 1px 2px 6px rgba(255, 255, 255, 0.25), 2px 6px 12px rgba(0, 0, 0, 0.25);
}
section.card .visual img {
  width: 100%;
  height: 105%;
  object-fit: cover;
}
section.card:nth-of-type(odd) {
  margin: 0 0 0 248px;
  border-radius: 24px 24px 48px 24px;
  padding: 48px 48px 48px 60px;
}
section.card:nth-of-type(odd) .visual {
  right: 24px;
  left: auto;
}
section.card:nth-of-type(odd) .text-content {
  padding-right: 308px;
  padding-left: 0;
}
section.card:nth-of-type(odd) .text-content a {
  align-self: flex-start;
}