prize.wxss 745 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. .prize-page{
  2. width: 100%;
  3. /* height: 100%; */
  4. /* overflow: hidden; */
  5. background: #FC8A3C;
  6. min-height:1334rpx;
  7. max-height: 100%;
  8. overflow: hidden;
  9. }
  10. .prize-icon{
  11. width: 750rpx;
  12. height: 1334rpx;
  13. margin: 0 auto;
  14. }
  15. .price-roll-wrapper{
  16. width: 650rpx;
  17. height: 240rpx;
  18. position: relative;
  19. top: -335rpx;
  20. left: 48rpx;
  21. overflow: hidden;
  22. }
  23. .price-line{
  24. width: 100%;
  25. font-size: 27rpx;
  26. color: #eee;
  27. display: flex;
  28. justify-content: space-between;
  29. }
  30. .price-roll{
  31. width: 100%;
  32. position: relative;
  33. animation: roll 15s linear .3s infinite
  34. }
  35. @keyframes roll{
  36. from{
  37. transform: translateY(0);
  38. }
  39. to{
  40. transform: translateY(-100%);
  41. }
  42. }