@charset "UTF-8";

/** 媒体查询 */

/** 布局 */

.faqs {
  padding: 3.75rem 0 10rem;
}

.faqs .title {
  font-weight: 800;
  font-size: 1.875rem;
  color: #000000;
  text-align: center;
  font-family: AcuminProSemibold;
}

.faqs .list {
  margin-top: 0.625rem;
}

.faqs .list .item {
  padding: 0 2.1875rem 0 1.875rem;
  box-sizing: border-box;
  border-bottom: 0.0625rem solid #BEBEBE;
}

.faqs .list .item .name {
  font-family: AcuminProSemibold;
  font-weight: bold;
  font-size: 1.625rem;
  padding: 5rem 0 2.5rem;
  cursor: pointer;
}

.faqs .list .item .child {
  font-family: AcuminProSemibold;
  display: grid;
  gap: 1.75rem;
  height: 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}

.faqs .list .item .child .t {
  display: grid;
  gap: 0.9375rem;
}

.faqs .list .item .child .t1 {
  font-weight: bold;
  font-size: 1.5rem;
  color: #000000;
}

.faqs .list .item .child .t2 {
  font-size: 1.25rem;
  color: #343434;
}

.faqs .list .item .child .tabel {
  margin-top: 2.5rem;
  display: grid;
  gap: 3.125rem;
}

.faqs .list .item .child .tabel .thead {
  display: grid;
  gap: 2.5rem 1.875rem;
  grid-template-columns: 1.5fr 1fr 1fr 1fr 1.1fr;
  font-weight: bold;
  font-size: 1.125rem;
  color: #000000;
}

.faqs .list .item .child .tabel .tbody {
  display: grid;
  gap: 2.5rem 1.875rem;
  grid-template-columns: 1.5fr 1fr 1fr 1fr 1.1fr;
  font-weight: 500;
  font-size: 0.9375rem;
  color: #000000;
}

.faqs .list .item.active .child {
  padding-bottom: 1.875rem;
  height: 100%;
}

@media (max-width: 800px) {
  .faqs {
    padding: 1.875rem 0 5rem;
  }

  .faqs .title {
    font-size: 1.25rem;
  }

  .faqs .list .item {
    padding: 0 1.0625rem 0 0.9375rem;
  }

  .faqs .list .item .name {
    font-size: 1.0625rem;
    padding: 2.5rem 0 1.25rem;
  }

  .faqs .list .item .name .icon {
    width: 1.125rem;
  }

  .faqs .list .item .child {
    gap: 0.9375rem;
  }

  .faqs .list .item .child .t {
    gap: 0.625rem;
  }

  .faqs .list .item .child .t1 {
    font-size: 0.9375rem;
  }

  .faqs .list .item .child .t2 {
    font-size: 0.8125rem;
  }

  .faqs .list .item .child .tabel {
    margin-top: 1.25rem;
    gap: 1.875rem;
    overflow-wrap: break-word;
    word-break: break-all;
  }

  .faqs .list .item .child .tabel .thead {
    gap: 0.625rem;
    grid-template-columns: repeat(5, 1fr);
    overflow-x: scroll;
    font-size: 0.875rem;
  }

  .faqs .list .item .child .tabel .tbody {
    gap: 0.625rem;
    overflow-x: scroll;
    grid-template-columns: repeat(5, 1fr);
    font-size: 0.75rem;
  }
}