.section-guests {
  width: 100%;
  margin-bottom: 80px;
}
.guests-cont {
  width: 100%;
}

.guests-box {
  width: 100%;
  margin-bottom: 30px;
}
.guests-title {
  width: 100%;
  font-size: 28px;
  margin-bottom: 20px;
}
.guest-tips {
  position: absolute;
  font-size: 14px;
  opacity: .8;
  right: 0;
  bottom: 0;
}
.guests-cont-item {
  position: relative;
  display: inline-block;
  width: 23.75%;
  height: auto;
  background: linear-gradient(90deg, #0A1B2F 0%, #0C2B4B 100%);
  border-radius: 6px;
  overflow: hidden;
  transition: transform .4s, box-shadow .4s;
  margin-right: 1.66666666%;
  margin-bottom: 30px;
}
.guests-cont-item-img {
  width: 100%;
  height: 100%;
}
.guests-cont-item-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 42%;
  background: linear-gradient(0deg, #0C2A4B 0%, rgba(12, 42, 75, 0) 100%);
  padding: 20px 40px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.guests-cont-item-text .name {
  position: relative;
  font-size: 20px;
}
.guests-cont-item-text .name:before {
  content: '';
  position: absolute;
  width: 20px;
  height: 3px;
  background: #1BFDFF;
  left: 0;
  top: -8px;
}
.guests-cont-item-text .position {
  font-size: 14px;
  margin-top: 5px;
}
.guests-cont-item:hover {
  z-index: 2;
  box-shadow: -20px 0px 30px 0px rgba(12, 41, 71, 0.4), 20px 0px 30px 0px rgba(12, 41, 71, 0.3);
  transform: scale(1.175);
}
.guests-cont-item-img.default,
.guests-cont-item:hover .guests-cont-item-img.active {
  display: inline;
}
.guests-cont-item-img.active,
.guests-cont-item:hover .guests-cont-item-img.default {
  display: none;
}



@media screen and (min-width:769px) {
  .guests-cont-item:nth-child(4n+0) {
    margin-right: 0;
  }
}

@media screen and (max-width:768px) {
  .section-guests {
    margin-bottom: .8rem;
  }
  .guests-box {
    margin-bottom: .35rem;
  }
  .guests-title {
    font-size: .32rem;
    margin-bottom: .3rem;
  }
  .guests-cont-item {
    position: relative;
    display: inline-block;
    width: 48.46%;
    margin-right: 3.08%;
    margin-bottom: .2rem;
  }
  .guests-cont-item-text {
    height: 42%;
    padding: .2rem .4rem;
  }
  .guests-cont-item:nth-child(2n+0) {
    margin-right: 0;
  }
  .guests-cont-item-text .name {
    font-size: .28rem;
  }
  .guests-cont-item-text .name:before {
    content: '';
    position: absolute;
    width: .24rem;
    height: 2px;
    background: #1BFDFF;
    left: 0;
    top: -.08rem;
  }
  .guests-cont-item-text .position {
    font-size: .24rem;
    margin-top: .05rem;
  }
  .guest-tips {
    font-size: .18rem;
  }
}