/* packageA//pages/hongBao/hongBao.wxss */ page { background: url('https://mshopimg.yolipai.net/miniapp/images/redmoney/hongbao_bg.jpg') center top; background-size: 100% auto; } .hongBao-container { padding: 20rpx; } .btn-container { padding-top: 60rpx; padding-bottom: 60rpx; -webkit-animation: free_download 600ms linear alternate infinite; animation: free_download 600ms linear alternate infinite; } @-webkit-keyframes free_download{ 0% {-webkit-transform:scale(0.9);} 100% {-webkit-transform:scale(1.1);} } @keyframes free_download{ 0% {transform:scale(0.9);} 100% {transform:scale(1.1);} } .countdown-container { position: fixed; left: 0; bottom: 0; width: 100%; height: 688rpx; background: url('https://mshopimg.yolipai.net/miniapp/images/redmoney/indexbot.png') no-repeat left bottom; background-size: 100% auto; text-align: center; } .countdown { display: flex; justify-content: space-around; padding: 200rpx 160rpx 0; } .countdown-item { background: url('https://mshopimg.yolipai.net/miniapp/images/redmoney/timebox.png') no-repeat; background-size: 100% 100%; width: 90rpx; height: 100rpx; line-height: 120rpx; color: white; } .btn { width: 100%; height: 400rpx; } .countdown-txt { color: #ff6768; text-align: center; padding-top: 120rpx; font-size: 36rpx; font-weight: bold; } .popup-container { position: fixed; width: 100%; height: 100%; top: 0; background-color: rgba(0,0,0,.7); } .popup { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } .btn-img { width: 200rpx; height: 50rpx; } .amount-container { position: absolute; left: 50%; top: 50%; transform: translateX(-55%); } .amount { color: #fff005; font-size: 68rpx; text-align: center; padding-top: 10rpx; padding-bottom: 20rpx; } .none, .see { position: absolute; font-size: 26rpx; color: white; left: 50%; transform: translateX(-60%); } .none { font-size: 20rpx; top: 36%; margin-left: 55rpx; } .see { top: 82%; left: 50%; transform: translateX(-58%); } .late { font-size: 38; color: #fff005; padding-top: 40rpx; }