body {
  background-color: #F5F5F5;
}
.event {
  padding: 0.3125rem 0;
}
.title {
  font-size: 0.2083rem;
  margin-bottom: 0.2604rem;
}
.search-form .input-item {
  width: 3.0208rem;
}
.search-form select {
  width: 100%;
}
.list-head {
  display: flex;
  align-items: flex-end;
  font-size: 0.0729rem;
  color: #00C5DD;
  margin-bottom: 0.1042rem;
}
.list-head .num {
  font-size: 0.125rem;
  font-weight: bold;
}
.list-head .icon-wrap {
  display: flex;
  padding: 0.0156rem 0.0521rem;
  align-items: center;
  margin-left: auto;
  background: #00C5DD;
  border-radius: 15px;
  color: #fff;
}
.list-head .icon {
  width: 0.125rem;
  height: 0.125rem;
}
.list .title {
  margin-bottom: 0.1563rem;
}
@media (max-width: 1024px) {
  .event {
    padding: 0.5333rem;
  }
  .title {
    font-size: 0.64rem;
    margin-top: 0;
    margin-bottom: 0.8rem;
  }
  .search-form .input-item {
    width: 100%;
  }
  .list-head {
    margin-bottom: 0.5333rem;
    font-size: 0.32rem;
  }
  .list-head .num {
    font-size: 0.5333rem;
  }
  .list-head .icon-wrap {
    padding: 0.1333rem 0.2667rem;
  }
  .list-head .icon {
    width: 0.4rem;
    height: 0.4rem;
  }
}