* {
  margin: 0; padding: 0;
}
.accordion {
  width: 100%;
  margin: 20px auto;
}
.accordion h1, h2,  {
  cursor: pointer;
}
.accordion h1 {
  padding: 8px 10px;
  background-color: #e7e7e7;
  font-family: Lobster;
  font-size: 1rem;
  font-weight: normal;
  color: #000;
}
.accordion h1:hover {
  color: #2292e9;
}
/*
第一个  和 最后一个圆角
.accordion h1:first-child {
  border-radius: 10px 10px 0 0;
}
.accordion h1:last-of-type {
  border-radius: 0 0 10px 10px;
}
.accordion h1:not(:last-of-type) {
  border-bottom: 1px dotted #1abc9c;
}*/
.accordion div, .accordion p {
  display: none;
}
.accordion h2 {
  padding: 5px 25px;
  background-color: #1abc9c;
  font-size: 1.1rem;
  color: #fff;
}
.accordion h2:hover {
  background-color: #09ab8b;
}

.accordion p {
  padding: 5px 8px;
  background-color: #fff;
  font-family: "Georgia";
  font-size: .8rem;
  color: #000;
  line-height: 1.3rem;
}