rescuerecords.wxss 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. .container {
  12. line-height: 1;
  13. }
  14. .container .box {
  15. width: 750rpx;
  16. background: #FFFFFF;
  17. box-shadow: 0px 5rpx 5rpx 0px rgba(34, 24, 20, 0.06);
  18. border-radius: 10rpx;
  19. margin: 20rpx auto 0;
  20. padding: 30rpx;
  21. position: relative;
  22. }
  23. .container .box .box-top {
  24. font-size: 28rpx;
  25. font-weight: 500;
  26. color: #333333;
  27. }
  28. .container .box .box-time {
  29. margin-top: 20rpx;
  30. font-size: 24rpx;
  31. font-weight: 500;
  32. color: #666666;
  33. }
  34. .container .box .box-1 {
  35. display: -webkit-box;
  36. display: -webkit-flex;
  37. display: flex;
  38. -webkit-box-pack: justify;
  39. -webkit-justify-content: space-between;
  40. justify-content: space-between;
  41. }
  42. .container .box .navImg {
  43. width: 50rpx;
  44. height: 50rpx;
  45. }
  46. .container .box .navImg image {
  47. width: 50rpx;
  48. height: 50rpx;
  49. }
  50. .container .box .navImg .tip {
  51. margin-top: 6rpx;
  52. color: #7F7F7F;
  53. font-size: 21rpx;
  54. text-align: right;
  55. }
  56. .container .box .box-sub-box {
  57. margin-top: 44rpx;
  58. display: -webkit-box;
  59. display: -webkit-flex;
  60. display: flex;
  61. -webkit-box-pack: justify;
  62. -webkit-justify-content: space-between;
  63. justify-content: space-between;
  64. padding: 0 80rpx;
  65. }
  66. .container .box .box-sub-box .red-font {
  67. width: 175rpx;
  68. height: 59rpx;
  69. display: -webkit-box;
  70. display: -webkit-flex;
  71. display: flex;
  72. -webkit-box-pack: center;
  73. -webkit-justify-content: center;
  74. justify-content: center;
  75. -webkit-box-align: center;
  76. -webkit-align-items: center;
  77. align-items: center;
  78. font-size: 28rpx;
  79. font-weight: 500;
  80. color: #C90F1B;
  81. }
  82. .container .box .box-sub-box .sub-box1 {
  83. width: 175rpx;
  84. height: 59rpx;
  85. background: #C90F1B;
  86. border-radius: 29rpx;
  87. font-size: 28rpx;
  88. font-weight: 500;
  89. color: #FFFFFF;
  90. display: -webkit-box;
  91. display: -webkit-flex;
  92. display: flex;
  93. -webkit-box-pack: center;
  94. -webkit-justify-content: center;
  95. justify-content: center;
  96. -webkit-box-align: center;
  97. -webkit-align-items: center;
  98. align-items: center;
  99. }
  100. .container .box .box-sub-box .sub-box2 {
  101. width: 175rpx;
  102. height: 59rpx;
  103. background: #F3F3F3;
  104. border-radius: 29rpx;
  105. font-size: 28rpx;
  106. font-weight: 500;
  107. color: #333333;
  108. display: -webkit-box;
  109. display: -webkit-flex;
  110. display: flex;
  111. -webkit-box-pack: center;
  112. -webkit-justify-content: center;
  113. justify-content: center;
  114. -webkit-box-align: center;
  115. -webkit-align-items: center;
  116. align-items: center;
  117. }
  118. .container .box .box-sub-box .sub-box3 {
  119. width: 200rpx;
  120. height: 59rpx;
  121. background: #C90F1B;
  122. border-radius: 29rpx;
  123. font-size: 28rpx;
  124. font-weight: 500;
  125. color: #FFFFFF;
  126. display: -webkit-box;
  127. display: -webkit-flex;
  128. display: flex;
  129. -webkit-box-pack: center;
  130. -webkit-justify-content: center;
  131. justify-content: center;
  132. -webkit-box-align: center;
  133. -webkit-align-items: center;
  134. align-items: center;
  135. }
  136. .container .box .box-sub-box .sub-box3 .call {
  137. width: 28rpx;
  138. height: 40rpx;
  139. margin-right: 10rpx;
  140. }
  141. .container .popup-box {
  142. width: 522rpx;
  143. height: 605rpx;
  144. background-color: #FFFFFF;
  145. border-radius: 20rpx;
  146. }
  147. .container .popup-box .img {
  148. border-radius: 20rpx 20rpx 0 0;
  149. width: 522rpx;
  150. height: 307rpx;
  151. }
  152. .container .popup-box .img image {
  153. border-radius: 20rpx 20rpx 0 0;
  154. width: 522rpx;
  155. height: 307rpx;
  156. }
  157. .container .popup-box .mian {
  158. display: -webkit-box;
  159. display: -webkit-flex;
  160. display: flex;
  161. -webkit-box-orient: vertical;
  162. -webkit-box-direction: normal;
  163. -webkit-flex-direction: column;
  164. flex-direction: column;
  165. -webkit-box-align: center;
  166. -webkit-align-items: center;
  167. align-items: center;
  168. padding: 32rpx 32rpx;
  169. background-color: #FFFFFF;
  170. border-radius: 0 0 20rpx 20rpx;
  171. text-align: center;
  172. }
  173. .container .popup-box .mian .delivery {
  174. font-size: 36rpx;
  175. color: #333333;
  176. }
  177. .container .popup-box .mian .nocancel {
  178. font-size: 30rpx;
  179. color: #999999;
  180. margin-top: 26rpx;
  181. }
  182. .container .popup-box .mian .comfirm-box {
  183. margin-top: 52rpx;
  184. display: -webkit-box;
  185. display: -webkit-flex;
  186. display: flex;
  187. }
  188. .container .popup-box .mian .comfirm-box .cancel {
  189. display: -webkit-box;
  190. display: -webkit-flex;
  191. display: flex;
  192. -webkit-box-align: center;
  193. -webkit-align-items: center;
  194. align-items: center;
  195. -webkit-box-pack: center;
  196. -webkit-justify-content: center;
  197. justify-content: center;
  198. width: 197rpx;
  199. height: 61rpx;
  200. border: 1px solid #C90F1B;
  201. border-radius: 31rpx;
  202. font-size: 24rpx;
  203. color: #C90F1B;
  204. }
  205. .container .popup-box .mian .comfirm-box .comfirm {
  206. margin-left: 32rpx;
  207. display: -webkit-box;
  208. display: -webkit-flex;
  209. display: flex;
  210. -webkit-box-align: center;
  211. -webkit-align-items: center;
  212. align-items: center;
  213. -webkit-box-pack: center;
  214. -webkit-justify-content: center;
  215. justify-content: center;
  216. width: 197rpx;
  217. height: 61rpx;
  218. background: #C90F1B;
  219. border-radius: 31px;
  220. font-size: 24rpx;
  221. color: #FFFFFF;
  222. }
  223. .container .popup_row {
  224. width: 100%;
  225. height: 500rpx;
  226. background-color: #ffffff;
  227. border-radius: 20rpx 20rpx 0 0;
  228. display: -webkit-box;
  229. display: -webkit-flex;
  230. display: flex;
  231. -webkit-box-pack: center;
  232. -webkit-justify-content: center;
  233. justify-content: center;
  234. -webkit-box-align: center;
  235. -webkit-align-items: center;
  236. align-items: center;
  237. }
  238. .container .popup_row .rows {
  239. width: 100%;
  240. padding: 0 24rpx;
  241. }
  242. .container .popup_row .rows .rows-item {
  243. height: 80rpx;
  244. line-height: 80rpx;
  245. text-align: center;
  246. width: 100%;
  247. font-size: 32rpx;
  248. color: #303133;
  249. }
  250. .container .remove {
  251. display: -webkit-box;
  252. display: -webkit-flex;
  253. display: flex;
  254. border-radius: 0 12rpx 12rpx 0;
  255. -webkit-box-align: center;
  256. -webkit-align-items: center;
  257. align-items: center;
  258. -webkit-box-pack: center;
  259. -webkit-justify-content: center;
  260. justify-content: center;
  261. position: absolute;
  262. right: 0;
  263. top: 0;
  264. font-size: 30rpx;
  265. width: 110rpx;
  266. height: 100%;
  267. color: #FFFFFF;
  268. background-color: #C90F1B;
  269. }