.host-topic-page .team-wrap
{
  display: inline-block;
  position: relative;
  width: 100%
}

.host-topic-page .team-wrap > div
{
  position: relative;
  z-index: 1
}

.host-topic-page .team-header
{
  padding-bottom: 30px;
  text-align: center
}

.host-topic-page .team-header h2
{
  color: #fff
}

.host-topic-page .team-list
{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px
}

.host-topic-page .team-item
{
  margin: 0 10px 30px;
  position: relative;
  width: 23.3%
}

.host-topic-page .team-img img
{
  border-radius: 0 0 80px 0
}

.host-topic-page .team-img
{
  margin-bottom: 20px
}

.host-topic-page .team-name h4
{
  color: #fff
}

.host-topic-page .team-jtle p
{
  color: #fff;
  font-size: 13px;
  letter-spacing: .02em;
  line-height: 150%;
  opacity: .9
}

@media (max-width:1080px)
{
  .host-topic-page .team-item
  {
    width: 47%
  }
}

@media (max-width:479px)
{
  .host-topic-page .team-item
  {
    width: 100%
  }

  .host-topic-page .team-img img
  {
    border-radius: 0 0 80px 0;
    width: 100%
  }

  .host-topic-page .team-item-inr
  {
    margin: 0 auto;
    max-width: 320px
  }
}