.preload-item {
  width: 100%;
  height: 265rpx;
  background: #fff;
  box-sizing: border-box;
  padding: 30rpx 20rpx;
}
.preload-item .grid {
  width: 80%;
  height: 30rpx;
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  animation: loading 1.4s ease infinite;
  background-size: 400% 100%;
  border-radius: 6rpx;
}
.preload-item .name {
  width: 80%;
  height: 20rpx;
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  animation: loading 1.4s ease infinite;
  background-size: 400% 100%;
  border-radius: 6rpx;
  margin: 10rpx 0;
}
.preload-item .title {
  width: 80%;
  height: 30rpx;
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  animation: loading 1.4s ease infinite;
  background-size: 400% 100%;
  border-radius: 6rpx;
}
.preload-item .category {
  width: 100%;
  height: 100rpx;
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  animation: loading 1.4s ease infinite;
  background-size: 400% 100%;
  border-radius: 6rpx;
  margin-top: 10rpx;
}

@keyframes loading {
  0% {
    background-position: 100% 50%
  }
 
  100% {
    background-position: 0 50%
  }
}