home.wxss 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
  1. .content {
  2. padding: 0 28rpx;
  3. }
  4. .border-radius {
  5. background: #FFFFFF;
  6. border-radius: 24rpx;
  7. margin: 20rpx 0;
  8. }
  9. .top-text {
  10. padding: 18rpx 0 48rpx;
  11. padding-left: 8rpx;
  12. }
  13. .top-text .text-1 {
  14. font-size: 36rpx;
  15. font-family: PingFangSC-Semibold, PingFang SC;
  16. font-weight: 600;
  17. color: #FF77B0;
  18. }
  19. .top-text image {
  20. width: 28rpx;
  21. height: 28rpx;
  22. background-color: #ccc;
  23. margin-right: 8rpx;
  24. }
  25. .tabs-wrap {
  26. height: 72rpx;
  27. padding: 0 54rpx;
  28. /* background: #fff; */
  29. justify-content: space-between;
  30. }
  31. .tabs-wrap .item {
  32. /* width: 33.33%; */
  33. height: 100%;
  34. font-size: 28rpx;
  35. color: #999999;
  36. position: relative;
  37. }
  38. .tabs-wrap .item.active {
  39. font-family: PingFangSC-Medium, PingFang SC;
  40. font-size: 28rpx;
  41. color: #333;
  42. /* color: #85DBD8; */
  43. border-bottom: 4rpx solid #FF77B0;
  44. }
  45. .change-time {
  46. height: 116rpx;
  47. }
  48. .change-time .time {
  49. height: 60rpx;
  50. width: 202rpx;
  51. border-radius: 8rpx;
  52. box-sizing: border-box;
  53. padding: 0 14rpx;
  54. background-color: #F5F5F5;
  55. }
  56. .change-time .time text {
  57. font-size: 24rpx;
  58. }
  59. .change-time .triangle {
  60. font-size: 0;
  61. line-height: 0;
  62. border-style: solid;
  63. border-width: 16rpx 10rpx 0rpx 10rpx;
  64. border-color: #666666 transparent;
  65. width: 20rpx;
  66. height: 16rpx;
  67. box-sizing: border-box;
  68. border-radius: 4rpx;
  69. margin-left: 14rpx;
  70. /* border-top-left-radius: 6rpx; */
  71. /* border-top-right-radius: 6rpx; */
  72. }
  73. .change-time .search {
  74. width: 116rpx;
  75. height: 60rpx;
  76. box-sizing: border-box;
  77. font-size: 28rpx;
  78. border: 2rpx solid #333;
  79. border-radius: 36rpx;
  80. box-sizing: border-box;
  81. }
  82. .tabs-content .item {
  83. padding: 0 28rpx;
  84. }
  85. .tabs-content .item-top {
  86. height: 102rpx;
  87. }
  88. .tabs-content .item-top text {
  89. font-family: PingFangSC-Medium, PingFang SC;
  90. font-weight: 500;
  91. }
  92. .tabs-content .item-text {
  93. padding: 30rpx 26rpx;
  94. background: #FFF7FA;
  95. border-radius: 16rpx;
  96. }
  97. .tabs-content .item-text text {
  98. font-size: 28rpx;
  99. font-family: PingFangSC-Regular, PingFang SC;
  100. font-weight: 400;
  101. color: #666666;
  102. line-height: 48rpx;
  103. }
  104. .tabs-content .price {
  105. height: 84rpx;
  106. justify-content: flex-end;
  107. border-bottom: 2rpx solid #F9F9F9;
  108. }
  109. .tabs-content .price text {
  110. font-family: PingFangSC-Medium, PingFang SC;
  111. font-weight: 500;
  112. }
  113. .tabs-content .item-btn {
  114. height: 132rpx;
  115. }
  116. .tabs-content .item-btn .btn {
  117. width: 192rpx;
  118. height: 72rpx;
  119. border-radius: 36rpx;
  120. border: 2rpx solid #333333;
  121. box-sizing: border-box;
  122. }