/* components/template/loadAnimation/loadAnimation.wxss */ .t20 { margin-top: 20rpx; } .t36 { margin-top: 36rpx; } .t50 { margin-top: 50rpx; } .t60 { margin-top: 60rpx; } .bacf7f8fa { background: #f7f8fa; } .load-container { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; background: #fff; } .big-img { height: 500rpx; } .content-wrap { padding: 0 30rpx; margin-top: 50rpx; } .full-line { height: 70rpx; } .normal-line { height: 70rpx; margin-right: 130rpx; } .short-line { height: 30rpx; } .large-line { height: 120rpx; } .animation_line { animation-duration: 1s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: #f7f7f7; background: -webkit-gradient(linear, left top, right top, color-stop(8%, #f7f7f7), color-stop(18%, #DEE3E5), color-stop(33%, #f7f7f7)); background: linear-gradient(to right, #f7f7f7 8%, #DEE3E5 18%, #f7f7f7 33%); background-size: 900px 4px; position: relative; overflow: hidden; } @keyframes placeHolderShimmer { 0% { background-position: -468px 0; } 100% { background-position: 468px 0; } } .animation_shopcart { display: flex; height: 160rpx; padding: 20rpx 30rpx; } .left_shopcart { width: 160rpx; height: 160rpx; margin-right: 30rpx; } .right_shopcart { flex: 1; }