paiming.wxss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. page {
  2. background-color: #f2f2f2;
  3. }
  4. .flex-box {
  5. width: 80%;
  6. margin: 0 auto;
  7. position: absolute;
  8. top: 50rpx;
  9. left: 75rpx;
  10. display: flex;
  11. flex-direction: column;
  12. align-items: center;
  13. justify-content: center;
  14. color: white;
  15. }
  16. .jifen {
  17. /* color: #2087F7; */
  18. color: white;
  19. height: 100rpx;
  20. font-size: 38rpx;
  21. display: flex;
  22. }
  23. .fen {
  24. position: absolute;
  25. top: 10rpx;
  26. left: 40rpx;
  27. color: #2188f7;
  28. font-size: 70rpx;
  29. }
  30. .wenzi {
  31. margin-top: 40rpx;
  32. font-size: 38rpx;
  33. }
  34. .btn {
  35. width: 100%;
  36. background: linear-gradient(0deg, rgba(255, 160, 53, 1) 0%, rgba(255, 226, 63, 1) 100%);
  37. border-radius: 39px;
  38. color: #333333;
  39. text-align: center;
  40. padding: 20rpx 0;
  41. margin-top: 50rpx;
  42. }
  43. .shuzi {
  44. font-weight: bold;
  45. margin: 0 20rpx;
  46. }
  47. .white-box {
  48. width: 90%;
  49. padding-bottom: 40rpx;
  50. background: rgba(255, 255, 255, 1);
  51. box-shadow: 0px 0px 21px 0px rgba(13, 109, 195, 0.2);
  52. border-top-left-radius: 20rpx;
  53. border-top-right-radius: 20rpx;
  54. border: 5rpx solid white;
  55. margin: 0 auto;
  56. position: absolute;
  57. top: 430rpx;
  58. left: 5%;
  59. }
  60. .flex-shu {
  61. display: flex;
  62. justify-content: space-between;
  63. padding: 20rpx 40rpx;
  64. border-bottom: 1rpx solid rgba(227, 229, 235, 1);
  65. }
  66. .addfive {
  67. color: #FD1200;
  68. font-size: 40rpx;
  69. }
  70. .tabs-time {
  71. color: #878787;
  72. font-size: 26rpx;
  73. }