.sp-image {
  box-sizing: border-box;
  transition: all 0.2 ease-in-out;
  opacity: 0;
  position: relative;
  &.opacity-1 {
    opacity: 1;
  }
  &-loading {
    &::before {
      content: '';
      padding-top: 100%;
      display: block;
    }
    .sp-image-img {
      opacity: 0;
      display: none;
    }
  }
  &-loadsuccess {
    .sp-image-img {
      opacity: 1;
      transition: opacity 0.15s ease-in;
    }
  }
  &-img {
    width: 100%;
    display: block;
    height: 100%;
    /*  #ifdef  h5  */
    img {
      width: 100%;
    }
    /*  #endif  */
  }
}