.parents{
  max-width: 1000px;
  margin: 50px auto 40px;
}
.parents ul{
  margin-top: 20px;
  width: 120px;
  float: left;
  list-style: none;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  
}
.parents ul li{
  position: relative;
  border:1px solid #ccc;
  border-right: none;
  margin: 8px -0px;
  background: #ccc;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  cursor: pointer;
}
.parents ul li:hover{
  background: #81BB4A;
}
.parents ul .active{
  background: #81BB4A;
}
.parents ul .active::after{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: -16px;
    margin-top: -5px;
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent transparent  transparent #81BB4A ;
}
.parents .parents-box{
  margin-left: 120px;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 10px;
  min-height: 400px;
}
.parents-box h2{
  line-height: 2.4;
}
.parents-box h4{
  line-height: 2;
}
.parents-box p{
  line-height: 1.5;
}
.parents-box .active{
  display: block;
}
.parents-box img{
  max-width: 100%;
  padding: 20px 0;
}
.process , .guide,.query{
  display: none;
}