#body .banner {
  width: 100vw;
}
#body .list {
  width: 100vw;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
#body .list .qa {
  width: 90%;
  margin: 0 auto;
  font-size: 0.75rem;
  position: relative;
  margin-bottom: 1rem;
}
#body .list .qa:nth-of-type(odd) .q {
  background-color: #00a0e8;
  font: 1rem "Gotham Pro Black";
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 10;
}
#body .list .qa:nth-of-type(odd) .q span {
  font: 0.75rem "SourceHanSanSC Bold";
  margin-left: 5px;
}
#body .list .qa:nth-of-type(even) .q {
  background-color: #fff;
  font: 1rem "Gotham Pro Black";
  color: #00a0e8;
  padding: 5px 10px;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 10;
}
#body .list .qa:nth-of-type(even) .q span {
  font: 0.75rem "SourceHanSanSC Bold";
  margin-left: 5px;
  color: #999;
}
#body .list .qa .a {
  padding: 5px 10px;
  background-color: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  margin: 0 auto;
  padding-top: 1.5rem;
  position: relative;
  top: -10px;
  border-radius: 0 0 5px 5px;
  display: none;
}
#body .list .qa .a span {
  color: #666;
}
#body .list .qa .a span:nth-of-type(1) {
  font: 1rem "Gotham Pro Black";
  color: #00a0e8;
}
#body .list .qa .a span:nth-of-type(2) {
  text-align: justify;
}
#body .list .qa .a span:nth-of-type(2) p:first-of-type {
  display: inline;
}
#body .list .qa .a-active {
  display: block;
}
/*# sourceMappingURL=./tips.css.map */