/* color */
/* font */
/* transition */
.faqItem {
  margin-bottom: 20px; }
  .faqItem.open .faqHead {
    background-color: #b4ddf0;
    color: #4d8eae; }
    .faqItem.open .faqHead:before {
      content: "";
      position: absolute;
      background-image: url("../assets/images/faqIcon2.png"); }
  .faqItem.ins .faqHead {
    background-color: #b4ddf0;
    color: #4d8eae;
    cursor: default; }
    .faqItem.ins .faqHead:before {
      content: "";
      position: absolute;
      background-image: url("../assets/images/faqIcon2.png"); }
  .faqItem.ins .faqBody {
    display: block; }

.faqHead {
  background-color: #b0b0b0;
  color: #fff;
  cursor: pointer;
  padding: 10px 60px;
  position: relative; }
  .faqHead:before {
    content: "";
    position: absolute;
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    background-image: url("../assets/images/faqIcon.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    left: -20px;
    top: -10px; }
  .faqHead h2 {
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 2.88px; }

.faqBody {
  background-color: #f4f4f4;
  color: #999999;
  font-size: 15px;
  display: none;
  line-height: calc(25 / 15);
  padding: 30px 60px;
  letter-spacing: 1.5px; }
  @media (max-width: 640px) {
    .faqBody {
      padding: 15px 20px; } }
  .faqBody .btnBox {
    margin-top: 25px;
    text-align: right; }