property.wxss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. page {
  2. background-color: var(--weui-FG-3);
  3. }
  4. .top{
  5. height: 750rpx;
  6. }
  7. .desc {
  8. background-color: #15D234;
  9. height: 300rpx;
  10. color: #fff;
  11. font-size: small;
  12. text-align: center;
  13. padding: 20rpx;
  14. position: relative;
  15. }
  16. .months {
  17. background-color: #fff;
  18. width: 94%;
  19. margin: auto;
  20. border-radius: 30rpx;
  21. z-index: 99;
  22. position: absolute;
  23. top: 100rpx;
  24. left: 3%;
  25. }
  26. .month {
  27. display: flex;
  28. flex-wrap: wrap;
  29. align-items: center;
  30. padding: 20rpx;
  31. margin-bottom: 20rpx;
  32. }
  33. .month_item {
  34. text-align: center;
  35. width: 40%;
  36. height: 100rpx;
  37. line-height: 100rpx;
  38. color: #7AEA76;
  39. margin: 20rpx;
  40. background-color: #F5FFF8;
  41. position: relative;
  42. }
  43. .is_checked{
  44. border: 2rpx solid #7AEA76;
  45. }
  46. .give_month{
  47. position: absolute;
  48. top: 0rpx;
  49. right: 0;
  50. width: 4rem;
  51. height: 30rpx;
  52. font-size: 24rpx;
  53. line-height: 30rpx;
  54. color: #fff;
  55. background-color: #15D234;
  56. border-bottom-left-radius: 40rpx;
  57. }
  58. .amount {
  59. padding: 40rpx;
  60. border-top: 1rpx solid var(--weui-FG-2);
  61. border-color:rgb(238, 240, 240);
  62. }
  63. .amount_item{
  64. display: flex;
  65. justify-content: space-between;
  66. }
  67. .tips{
  68. color: var(--weui-FG-2);
  69. font-size: 28rpx;
  70. padding: 10rpx 20rpx;
  71. }
  72. .payBtn{
  73. margin-top: 50rpx;
  74. }