.preload-item{width:100%;height:320rpx;background:#fff;overflow:hidden;box-sizing:border-box;padding:0 20rpx}.preload-item .grid-name{height:30rpx;margin-top:25rpx;width:100%}.preload-item .grid-name,.preload-item .time{background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);animation:a 1.4s ease infinite;background-size:400% 100%;border-radius:6rpx}.preload-item .time{height:20rpx;margin:10rpx 0 15rpx;width:30%}.preload-item .content{width:100%;height:140rpx;display:flex}.preload-item .content .left{width:190rpx;height:140rpx;margin-right:10rpx;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);animation:a 1.4s ease infinite;background-size:400% 100%;border-radius:6rpx}.preload-item .content .right{width:calc(100% - 200rpx);height:140rpx;display:flex;flex-direction:column;justify-content:space-between}.preload-item .content .right .top .state{margin-bottom:10rpx}.preload-item .content .right .top .state,.preload-item .content .right .top .title{width:100%;height:30rpx}.preload-item .content .right .duration,.preload-item .content .right .top .state,.preload-item .content .right .top .title{background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);animation:a 1.4s ease infinite;background-size:400% 100%;border-radius:6rpx}.preload-item .content .right .duration{width:40%;height:20rpx}.preload-item .category{width:100%;height:70rpx;display:flex;align-items:center}.preload-item .category .name{width:100%;height:30rpx;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);animation:a 1.4s ease infinite;background-size:400% 100%;border-radius:6rpx}@keyframes a{0%{background-position:100% 50%}to{background-position:0 50%}}