.case {
  padding: 30px 0;
}

.case .title {
  margin-bottom: 20px;
}

.case .list-tag {
  margin-bottom: 30px;
}

.case .list-tag i {
  margin-right: 5px;
}

.case .tab-list li a {
  display: block;
  padding: 5px 15px;
  color: var(--style-color);
  border: 1px solid var(--style-color);
}

.case .row {
  margin-bottom: -30px;
}

.case .row>div {
  margin-bottom: 30px;
}

.case .tit {
  margin: 10px 0 5px;
}

.case .info {
  line-height: 1.8;
}

@media (min-width: 768px) {
  .case .tab-list {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: -10px;
  }

  .case .tab-list li {
    min-width: 120px;
    margin-bottom: 10px;
  }

  .case .tab-list li:not(:last-child) {
    margin-right: 20px;
  }
}

@media (min-width: 1200px) {
  .case {
    padding: 59px 0 70px;
  }

  .case .tab-list li a:hover {
    color: #fff;
    background: var(--style-color);
  }

  .case .row {
    margin-bottom: -52px;
  }

  .case .row>div {
    margin-bottom: 52px;
  }

  .case .tit {
    margin: 18px 0 16px;
  }
}

@media (min-width: 1440px) {
  .case .row {
    margin-left: -33px;
    margin-right: -33px;
  }

  .case .row>div {
    padding: 0 33px;
  }
}