pay-status.scss 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. page {
  2. background-color: #EFF5F8;
  3. }
  4. .zaiui-status-view {
  5. position: relative;
  6. text-align: center;
  7. margin: 90.9upx 0 54.54upx;
  8. display: flex;
  9. height: 116.36upx;
  10. align-items: center;
  11. justify-content: center;
  12. .status-img {
  13. position: absolute;
  14. width: 127.27upx;
  15. }
  16. .status-bg-view {
  17. position: relative;
  18. border-radius: 50%;
  19. border: 6upx solid #fff;
  20. width: 54.54upx;
  21. height: 54.54upx;
  22. top: -63.63upx;
  23. left: 69.09upx;
  24. display: flex;
  25. justify-content: center;
  26. align-items: center;
  27. .icon {
  28. font-size: 32.72upx;
  29. }
  30. }
  31. }
  32. .zaiui-padding {
  33. position: relative;
  34. padding: 18.18upx 63.63upx;
  35. }
  36. .zaiui-btn-view {
  37. position: relative;
  38. display: flex;
  39. align-items: center;
  40. justify-content: center;
  41. .cu-btn {
  42. background: #FFFFFF;
  43. }
  44. }
  45. .zaiui-ad-view {
  46. margin-top: 72.72upx;
  47. .qrcode-img-view {
  48. display: flex;
  49. justify-content: center;
  50. align-items: center;
  51. margin-top: 18.18upx;
  52. .qrcode-img {
  53. width: 327.27upx;
  54. border-radius: 3%;
  55. }
  56. }
  57. }