.basic-block {
  opacity: 0;
  box-sizing: border-box;
  color: var(--white-light-10);
  animation: mymove 1s;
  animation-fill-mode: forwards;
}
.basic-block .box {
  position: relative;
  box-sizing: border-box;
  padding: 15px;
  width: 100%;
  height: 100%;
  transition: all 1s;
  background-size: cover;
}
.basic-block .box:hover {
  transform: rotateY(360deg);
}
.basic-block a {
  color: var(--white-light-10);
}
.basic-block span {
  display: block;
  font-size: 16px;
}
.basic-block p {
  width: 80%;
  font-size: 10px;
  color: var(--app-text-disabled);
  line-height: 22px;
}
.basic-block i {
  position: absolute;
  bottom: 15px;
  right: 15px;
  font-size: 50px !important;
}
@keyframes mymove {
from {
    opacity: 0;
    transform: scale(0);
}
to {
    opacity: 1;
    transform: scale(1);
}
}