integral.wxss 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. .population.data-v-e024216e {
  12. display: flex;
  13. }
  14. .integral-left.data-v-e024216e {
  15. margin: 27rpx;
  16. flex: 1;
  17. height: 423rpx;
  18. position: relative;
  19. }
  20. .integral-right.data-v-e024216e {
  21. flex: 1;
  22. height: 423rpx;
  23. margin: 27rpx;
  24. margin-left: 0;
  25. display: grid;
  26. }
  27. .integral-right image.data-v-e024216e {
  28. float: left;
  29. margin: 55rpx 5rpx 0 45rpx;
  30. }
  31. .integral-right .one.data-v-e024216e {
  32. text-align: center;
  33. margin: 55rpx 10rpx 0 0;
  34. }
  35. .integral-right .one text.data-v-e024216e {
  36. color: #989B9F;
  37. font-size: 22rpx;
  38. margin-top: 4rpx;
  39. }
  40. .integral-right .one ._b.data-v-e024216e {
  41. color: #333333;
  42. font-family: PingFang-SC-Bold;
  43. font-size: 39rpx;
  44. }
  45. .integral-right .own.data-v-e024216e {
  46. margin-bottom: 14rpx;
  47. }
  48. .integral-right .own image.data-v-e024216e {
  49. width: 75rpx;
  50. height: 83rpx;
  51. }
  52. .integral-right .takeaway.data-v-e024216e {
  53. margin-top: 14rpx;
  54. }
  55. .integral-right .takeaway image.data-v-e024216e {
  56. width: 83rpx;
  57. height: 75rpx;
  58. }
  59. .integral-title.data-v-e024216e {
  60. margin-top: 30rpx;
  61. text-align: center;
  62. height: 100rpx;
  63. color: #901B21;
  64. font-family: PingFang-SC-Bold;
  65. }
  66. .integral-content.data-v-e024216e {
  67. width: 264rpx;
  68. height: 264rpx;
  69. background-color: #ecd49e;
  70. position: absolute;
  71. bottom: 34rpx;
  72. left: 0;
  73. right: 0;
  74. margin: auto;
  75. display: flex;
  76. justify-content: space-between;
  77. flex-wrap: wrap;
  78. }
  79. .integral-content .int-item.data-v-e024216e {
  80. width: 49.6%;
  81. height: 49.6%;
  82. background-color: #fff;
  83. text-align: center;
  84. display: flex;
  85. flex-direction: column;
  86. justify-content: space-around;
  87. }
  88. .integral-content .int-item .tit.data-v-e024216e {
  89. font-size: 30rpx;
  90. font-family: PingFang SC;
  91. font-weight: 500;
  92. color: #333333;
  93. }
  94. .integral-content .int-item .val.data-v-e024216e {
  95. font-size: 36rpx;
  96. font-family: PingFang SC;
  97. font-weight: bold;
  98. color: #333333;
  99. }
  100. .integral-content .int-item .look-more.data-v-e024216e {
  101. font-size: 20rpx;
  102. font-family: PingFang SC;
  103. font-weight: 500;
  104. color: #989B9F;
  105. }
  106. .integral-content .item-bt.data-v-e024216e {
  107. align-self: flex-end;
  108. }
  109. .integral-content .mark.data-v-e024216e {
  110. width: 24rpx;
  111. height: 38rpx;
  112. position: absolute;
  113. top: 0;
  114. right: 0;
  115. left: 0;
  116. bottom: 0;
  117. margin: auto;
  118. background-color: #fff;
  119. }