.yi-loading-wrap{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:2020}.yi-loading{width:45rpx;position:relative}.yi-loading view{display:block;position:absolute;bottom:0rpx;width:10rpx;height:10rpx;background:var(--bg-color);-webkit-animation:yi-loading 1.5s infinite ease-in-out;animation:yi-loading 1.5s infinite ease-in-out}.yi-loading view:nth-child(2){left:15rpx;-webkit-animation-delay:.2s;animation-delay:.2s}.yi-loading view:nth-child(3){left:30rpx;-webkit-animation-delay:.4s;animation-delay:.4s}.yi-loading view:nth-child(4){left:45rpx;-webkit-animation-delay:.6s;animation-delay:.6s}.yi-loading view:nth-child(5){left:60rpx;-webkit-animation-delay:.8s;animation-delay:.8s}@-webkit-keyframes yi-loading{0%{height:5rpx;-webkit-transform:translateY(0rpx);transform:translateY(0rpx)}25%{height:36rpx;-webkit-transform:translateY(15rpx);transform:translateY(15rpx)}50%{height:5rpx;-webkit-transform:translateY(0rpx);transform:translateY(0rpx)}100%{height:5rpx;-webkit-transform:translateY(0rpx);transform:translateY(0rpx)}}@keyframes yi-loading{0%{height:5rpx;-webkit-transform:translateY(0rpx);transform:translateY(0rpx)}25%{height:36rpx;-webkit-transform:translateY(15rpx);transform:translateY(15rpx)}50%{height:5rpx;-webkit-transform:translateY(0rpx);transform:translateY(0rpx)}100%{height:5rpx;-webkit-transform:translateY(0rpx);transform:translateY(0rpx)}}