@-webkit-keyframes acdn-tgl-in{
  100%{
    visibility: visible;
    -webkit-backface-visibility: visible;
  }
}
@keyframes acdn-tgl-in{
  100%{
    visibility: visible;
    -webkit-backface-visibility: visible;
  }
}

@-webkit-keyframes acdn-tgl-out{
  0%{
    visibility: visible;
    -webkit-backface-visibility: visible;
  }
  100%{
    visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
}

@keyframes acdn-tgl-out{
  0%{
    visibility: visible;
    -webkit-backface-visibility: visible;
  }
  100%{
    visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
}
.index{
  padding: 10px 10px 0 10px;
  margin: 0;
}
.index li{
  list-style: none;
  padding: 0;
  margin: 0;
}
/* .acdn-tgl.ctt img{
  height:300px;
} */
.acdn-tgl{
  padding: 1rem 0 0 0;
}
.acdn-tgl.ctt{
  overflow: hidden;
  height: 0;
}
.acdn-tgl.ctt.active{
  overflow: hidden;
  height: auto;
}
.acdn-tgl.ctt.active-in{
  -webkit-animation: acdn-tgl-in 3s cubic-bezier(0.415, 0.070, 0.210, 0.985) 0s both;
          animation: acdn-tgl-in 3s cubic-bezier(0.415, 0.070, 0.210, 0.985) 0s both;
          transform: translateZ(0);
}
.acdn-tgl.ctt.active-out{
  -webkit-animation: acdn-tgl-out 3s cubic-bezier(0.415, 0.070, 0.210, 0.985) 0s both;
          animation: acdn-tgl-out 3s cubic-bezier(0.415, 0.070, 0.210, 0.985) 0s both;
          transform: translateZ(0);
}

.index .acdn-tgl.btn{
  width: 40%;
  margin: 0 auto;
  display: none;
}
.acdn-tgl.btn:hover{
  cursor: pointer;
}
.acdn-tgl.btn.active{
  display: block;
}