.humin-page .app-page-wrap {
  margin-top: 0.75rem;
}
.humin-page .nc-tabs {
  margin: 0;
  overflow: inherit;
}
.humin-page .nc-tabs-nav {
  margin: 0.75rem;
}
.humin-page .nc-tabs-nav.large .nc-tab {
  background-color: #f3f3f3;
}
.humin-page .container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  justify-content: space-between;
  padding: 0 0.6rem;
}
.humin-page .card {
  position: relative;
  box-sizing: border-box;
  width: 7.7rem;
  height: 10.1rem;
  overflow: hidden;
  border-radius: 0.45rem;
}
.humin-page .card::after {
  position: absolute;
  bottom: 0.6rem;
  left: 0.7rem;
  width: 0.9rem;
  height: 0.9rem;
  content: "";
  background: url("../images/icon_play.png") center no-repeat;
  background-size: contain;
}
.humin-page .card img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.humin-page .video-box {
  position: fixed;
  inset: 0;
  z-index: 2028;
  box-sizing: border-box;
  visibility: hidden;
  padding: 0.75rem;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}
.humin-page .video-box.show {
  visibility: visible;
  opacity: 1;
}
.humin-page .video-box .close {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  z-index: 100;
  width: 1.25rem;
  height: 1.25rem;
  background: url("../images/video_close.png") center center no-repeat;
  background-size: contain;
}
.humin-page .video-box .player {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 0.125rem solid #fff;
  border-radius: 0.45rem;
}