receiver.wxss 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294
  1. page {
  2. background: #F5F5F5;
  3. }
  4. .init {
  5. padding: 0 25rpx 20rpx;
  6. }
  7. .init > view {
  8. padding: 10rpx 25rpx;
  9. }
  10. .init_lawyer {
  11. margin-top : 20rpx;
  12. }
  13. .one_lawyer {
  14. position: relative;
  15. background: #fff;
  16. margin-bottom: 20rpx;
  17. height: 180rpx;
  18. overflow: hidden;
  19. }
  20. .one_lawyer > image {
  21. width: 40rpx;
  22. height: 40rpx;
  23. position: absolute;
  24. top: 0;
  25. right: 0;
  26. }
  27. .one_lawyer > view {
  28. display: inline-block;
  29. }
  30. .lawyer_head {
  31. padding: 40rpx;
  32. }
  33. .lawyer_head image {
  34. width: 100rpx;
  35. height: 100rpx;
  36. border-radius: 50%;
  37. }
  38. .lawyer_msg {
  39. padding: 50rpx 15rpx;
  40. }
  41. .lawyer_name {
  42. font-size: 32rpx;
  43. line-height: 40rpx;
  44. }
  45. .lawyer_address {
  46. font-size: 28rpx;
  47. color: #666;
  48. line-height: 40rpx;
  49. overflow: hidden;
  50. white-space: nowrap;
  51. text-overflow: ellipsis;
  52. }
  53. .lawyer_address image {
  54. width: 25rpx;
  55. height: 25rpx;
  56. margin-right: 15rpx;
  57. }
  58. /* .lawyer_state {
  59. padding: 60rpx 15rpx;
  60. } */
  61. .lawyer_state {
  62. width: 120rpx;
  63. background: #eee;
  64. border-radius: 15px;
  65. color:#6b223e;
  66. font-size: 26rpx;
  67. line-height: 45rpx;
  68. text-align: center;
  69. float: right;
  70. }
  71. .init_info , .init_info , .init_content , .init_img , .init_time , .init_receiver{
  72. margin-bottom: 20rpx;
  73. }
  74. .init_time > view > view {
  75. display: inline-block;
  76. font-size: 32rpx;
  77. }
  78. .init_time .time_meter {
  79. float: right;
  80. margin-right: 20rpx;
  81. color: #fd0909;
  82. margin-top: 5rpx;
  83. }
  84. .init_info > view , .init_content > view , .init_img > view , .init_time > view , .init_receiver > view {
  85. background: #fff;
  86. padding: 15rpx;
  87. }
  88. .init_info .input text:nth-child(1) {
  89. width: 30%;
  90. font-size: 32rpx;
  91. vertical-align: middle;
  92. line-height: 88rpx;
  93. }
  94. .init_info .input text:nth-child(2) {
  95. display: inline-block;
  96. width:70%;
  97. font-size: 32rpx;
  98. vertical-align: middle;
  99. padding: 0 20rpx;
  100. line-height: 88rpx;
  101. }
  102. .init_receiver .input {
  103. padding: 0 15rpx;
  104. }
  105. .init_receiver .input text {
  106. width: 30%;
  107. font-size: 32rpx;
  108. vertical-align: middle;
  109. line-height: 88rpx;
  110. }
  111. .init_receiver .input input {
  112. display: inline-block;
  113. width:70%;
  114. font-size: 32rpx;
  115. vertical-align: middle;
  116. padding: 0 20rpx;
  117. line-height: 88rpx;
  118. }
  119. .init_receiver .input .code {
  120. width:250rpx;
  121. }
  122. .init_receiver .input .oneLine {
  123. display:inline-block;
  124. margin: 0 24rpx;
  125. height: 50rpx;
  126. width: 1px;
  127. border-right: 1px solid #6b223e;
  128. vertical-align: middle;
  129. }
  130. .init_receiver .input .right {
  131. display:inline-block;
  132. text-align:right;
  133. color: #6b223e;
  134. font-size: 30rpx;
  135. border:none;
  136. vertical-align: middle;
  137. }
  138. .line {
  139. width: 95%;
  140. margin:0 auto;
  141. height: 1px;
  142. background: #eee;
  143. }
  144. .init_content > view > view.init_title , .init_img > view > view.init_title {
  145. font-size: 32rpx;
  146. padding: 15rpx 0 30rpx 0;
  147. color: #495060;
  148. border-bottom: 1px solid #eee;
  149. margin-bottom: 15rpx;
  150. }
  151. .init_content > view {
  152. overflow-wrap: break-word;
  153. }
  154. .init_content > view > view:nth-child(2) {
  155. font-size: 28rpx;
  156. white-space: pre-line;
  157. color: #666;
  158. padding: 0 10rpx;
  159. line-height: 35rpx;
  160. }
  161. .imgs > view {
  162. display: inline-block;
  163. width: 30%;
  164. height: 200rpx;
  165. margin: 1.5%;
  166. position: relative;
  167. }
  168. .init_img image:nth-child(1) {
  169. height: 100%;
  170. width: 100%;
  171. }
  172. .init_img image:nth-child(2) {
  173. width: 40rpx;
  174. height: 40rpx;
  175. position: absolute;
  176. top: 0;
  177. right: 0;
  178. }
  179. .init_time > view > picker {
  180. font-size: 32rpx;
  181. padding: 0 0 0 15rpx;
  182. position: relative;
  183. line-height: 60rpx;
  184. }
  185. .icon {
  186. position: absolute;
  187. right: 0;
  188. top: 0;
  189. }
  190. .init > view.init_remark {
  191. font-size: 26rpx;
  192. padding: 0 35rpx;
  193. margin-bottom: 20rpx;
  194. color: #fd0909;
  195. }
  196. .init_prompt {
  197. margin: 25rpx 0 25rpx;
  198. text-align: center;
  199. font-size: 22rpx;
  200. color :#999;
  201. }
  202. .init_content > view > view.prompt {
  203. color: #f00;
  204. }
  205. .prompt image {
  206. width: 32rpx;
  207. height: 32rpx;
  208. margin: 0 15rpx;
  209. vertical-align: middle;
  210. }
  211. .prompt text {
  212. vertical-align: middle;
  213. }
  214. .prompt_text {
  215. font-size: 26rpx;
  216. color: #666;
  217. }
  218. .prompt_text .a {
  219. color: #576b95;
  220. }
  221. .btn {
  222. width:80%;
  223. margin:50rpx auto 0;
  224. border: 1px solid #6b223e;
  225. }
  226. .agree {
  227. background: #6b223e;
  228. color: #fff;
  229. }
  230. .refuse {
  231. color: #6b223e;
  232. }
  233. .one_file > view {
  234. display: inline-block;
  235. height: 80rpx;
  236. line-height: 80rpx;
  237. }
  238. .one_file > view {
  239. display: block;
  240. overflow: hidden;
  241. white-space: nowrap;
  242. text-overflow: ellipsis;
  243. height: 80rpx;
  244. line-height: 80rpx;
  245. color: #3598dc;
  246. padding: 0 20rpx;
  247. }