@charset "UTF-8";

/** 媒体查询 */

/** 布局 */

.faq-container {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.faq-container .item {
  box-shadow: 0 0.1875rem 0.375rem 0.0625rem rgba(0, 0, 0, 0.16);
  border-radius: 0.625rem 0.625rem 0.625rem 0.625rem;
  overflow: hidden;
}

.faq-container .item .q {
  padding: 1.25rem 3.75rem 1.25rem 2.75rem;
  font-size: 1.125rem;
  color: #000000;
  position: relative;
  cursor: pointer;
}

.faq-container .item .q::before {
  content: "";
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  width: 0.25rem;
  height: 1.5rem;
  background: #000000;
}

.faq-container .item .q::after {
  content: "";
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  width: 1.875rem;
  height: 1.875rem;
  background-image: url(../assets/icons/jian.png);
  background-size: contain;
}

.faq-container .item .a {
  background: #FAFAFA;
  padding: 1.5625rem 1.25rem 1.25rem 2.75rem;
  font-size: 1.125rem;
}

.faq-container .item:not(.active) .q::after {
  background-image: url(../assets/icons/jia.png);
}

.faq-container .item:not(.active) .a {
  display: none;
}

@media (max-width: 800px) {
  .faq-container .item .q {
    padding: 0.9375rem 3.125rem 0.9375rem 2.1875rem;
    font-size: 0.875rem;
  }

  .faq-container .item .q::before {
    top: 0.9375rem;
    left: 0.9375rem;
    width: 0.1875rem;
    height: 1.25rem;
  }

  .faq-container .item .q::after {
    top: 0.9375rem;
    right: 0.9375rem;
    width: 1.25rem;
    height: 1.25rem;
  }

  .faq-container .item .a {
    padding: 0.9375rem 0.625rem 0.9375rem 2.1875rem;
    font-size: 0.875rem;
  }
}