.banner {
  position: relative;
}

.banner img {
  display: block;
}

.summary-wrapper {
  margin: .5rem auto;
  width: 65%;
  min-width: 1000px;
}

.summary-wrapper .language-box {
  margin-bottom: .2rem;
  text-align: right;
  font-size: .16rem;
}

.summary-wrapper .language-box .active {
  display: block;
}

.summary-wrapper .language-box span {
  display: none;
  cursor: pointer;
  -webkit-user-select: none;
}

.content {
  position: relative;
  display: none;
  padding-left: .3rem;
  flex: 1;
  word-break: break-all;
  text-align: justify;
}

.content:before {
  content: "";
  position: absolute;
  top: 0;
  left: .1rem;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background-color: #fff;
  z-index: 2;
}

.content:after {
  content: "";
  position: absolute;
  top: 0;
  left: .15rem;
  width: 1px;
  height: 100%;
  background-color: #ccc;
  z-index: 1;
}

.content p {
  margin-top: 0;
}

.content p:last-child {
  margin-bottom: 0;
}

.content-zn {
  display: block;
}