index.wxss 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
  1. page {
  2. background-color: #F5F5F5;
  3. }
  4. .empty {
  5. width: 100%;
  6. background: #ffffff;
  7. height: 93vh;
  8. }
  9. .u-tab-item {
  10. font-weight: 400 !important;
  11. color: #000000 !important;
  12. font-size: 24rpx !important;
  13. }
  14. .tabs_box {
  15. /* display: none; */
  16. /* position: absolute; */
  17. /* top: 144rpx; */
  18. }
  19. .dis {
  20. /* display: block; */
  21. /* width: 100%; */
  22. /* position: absolute; */
  23. /* top: 100rpx; */
  24. }
  25. .content {
  26. width: 100%;
  27. position: relative;
  28. }
  29. .complain_cont {
  30. width: 100%;
  31. position: relative;
  32. /* display: flex; */
  33. }
  34. .complain_tabs {
  35. width: 100%;
  36. }
  37. .complain_btn {
  38. width: 15%;
  39. background: #FFFFFF;
  40. box-shadow: -2rpx 1rpx 3rpx 0rpx rgba(39, 39, 39, 0.11);
  41. height: 88rpx;
  42. position: absolute;
  43. top: 0rpx;
  44. right: 0rpx;
  45. z-index: 10075;
  46. }
  47. .btn {
  48. color: #999999;
  49. font-size: 25rpx;
  50. letter-spacing: 2rpx;
  51. text-align: center;
  52. line-height: 88rpx;
  53. }
  54. .complain_none {
  55. width: 15%;
  56. background: #FFFFFF;
  57. box-shadow: -2rpx 1rpx 3rpx 0rpx rgba(39, 39, 39, 0.11);
  58. height: 88rpx;
  59. position: absolute;
  60. top: 88rpx;
  61. right: 0rpx;
  62. }
  63. .popup_list {
  64. width: 97%;
  65. margin: 0 auto;
  66. position: relative;
  67. top: 90rpx;
  68. }
  69. .list_tabs {
  70. width: 90%;
  71. height: auto;
  72. display: flex;
  73. justify-content: start;
  74. flex-wrap: wrap;
  75. }
  76. .tabs {
  77. border: 1rpx solid #cccccc;
  78. padding: 0rpx 25rpx;
  79. line-height: 50rpx;
  80. margin: 10rpx 10rpx;
  81. }
  82. /* 全部 */
  83. .complain_box {
  84. width: 90%;
  85. margin: 0 auto;
  86. /* height: 300rpx; */
  87. background: #ffffff;
  88. margin-top: 30rpx;
  89. border-radius: 17rpx;
  90. }
  91. .complain_part1 {
  92. width: 90%;
  93. margin: 0 auto;
  94. display: flex;
  95. /* padding-top: 20rpx; */
  96. }
  97. .part1_left {
  98. flex: 1;
  99. font-size: 26rpx;
  100. font-weight: bold;
  101. letter-spacing: 2rpx;
  102. height: 80rpx;
  103. justify-content: left;
  104. align-items: center;
  105. display: flex;
  106. }
  107. .part1_right {
  108. flex: 1;
  109. color: #FF1B1B;
  110. display: flex;
  111. justify-content: flex-end;
  112. align-items: center;
  113. }
  114. .complain_part2 {
  115. width: 90%;
  116. margin: 0 auto;
  117. height: 50rpx;
  118. display: flex;
  119. justify-content: left;
  120. align-items: center;
  121. }
  122. .complain_part2 image {
  123. width: 15rpx;
  124. height: 15rpx;
  125. margin-right: 20rpx;
  126. }
  127. .complain_part2 text {
  128. color: #999999;
  129. font-size: 24rpx;
  130. }
  131. .u-line {
  132. border-bottom-width: 3px !important;
  133. margin-top: 20rpx !important;
  134. }
  135. .complain_title {
  136. /* width: 90%; */
  137. margin: 0 auto;
  138. height: 80rpx;
  139. display: flex;
  140. justify-content: flex-end;
  141. align-items: center;
  142. color: #FF2727;
  143. font-size: 27rpx;
  144. font-weight: bold;
  145. letter-spacing: 2rpx;
  146. }