applyRefund.wxss 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221
  1. /* pages/ucenter/applyRefund/applyRefund.wxss */
  2. page {
  3. height: 100%;
  4. background: #f4f4f4;
  5. }
  6. .apply-refund .add-form {
  7. background: #fff;
  8. width: 100%;
  9. height: auto;
  10. overflow: hidden;
  11. }
  12. .apply-refund .form-item {
  13. height: 116rpx;
  14. padding-left: 31.25rpx;
  15. border-bottom: 1px solid #d9d9d9;
  16. display: flex;
  17. align-items: center;
  18. padding-right: 31.25rpx;
  19. }
  20. .apply-refund .form-item .location{
  21. height: 60rpx;
  22. width: 60rpx;
  23. }
  24. .apply-refund label {
  25. width: 160rpx;
  26. font-weight: bold;
  27. }
  28. .apply-refund .input {
  29. flex: 1;
  30. height: 44rpx;
  31. line-height: 44rpx;
  32. overflow: hidden;
  33. }
  34. .apply-refund .form-default {
  35. border-bottom: 1px solid #d9d9d9;
  36. height: 96rpx;
  37. background: #fafafa;
  38. padding-top: 28rpx;
  39. font-size: 28rpx;
  40. }
  41. .default-input {
  42. margin: 0 auto;
  43. display: block;
  44. width: 240rpx;
  45. height: 40rpx;
  46. padding-left: 50rpx;
  47. line-height: 40rpx;
  48. background: url(http://120.76.26.84:80/group1/M00/00/02/rBJEdVvr3NeAQgp_AAAJkFQSrpc594.png) 1rpx -448rpx no-repeat;
  49. background-size: 38rpx 486rpx;
  50. font-size: 28rpx;
  51. }
  52. .default-input.selected {
  53. background: url(http://120.76.26.84:80/group1/M00/00/02/rBJEdVvr3NeAQgp_AAAJkFQSrpc594.png) 0 -192rpx no-repeat;
  54. background-size: 38rpx 486rpx;
  55. }
  56. .apply-refund .btns {
  57. position: fixed;
  58. bottom: 0;
  59. left: 0;
  60. overflow: hidden;
  61. display: flex;
  62. height: 100rpx;
  63. width: 100%;
  64. }
  65. .apply-refund .cannel, .apply-refund .save {
  66. flex: 1;
  67. height: 100rpx;
  68. text-align: center;
  69. line-height: 100rpx;
  70. font-size: 28rpx;
  71. color: #fff;
  72. border: none;
  73. border-radius: 0;
  74. }
  75. .apply-refund .cannel {
  76. background: #333;
  77. }
  78. .apply-refund .save {
  79. background: #b4282d;
  80. }
  81. .region-select {
  82. width: 100%;
  83. height: 600rpx;
  84. background: #fff;
  85. position: fixed;
  86. z-index: 10;
  87. left: 0;
  88. bottom: 0;
  89. }
  90. .region-select .hd {
  91. height: 108rpx;
  92. width: 100%;
  93. border-bottom: 1px solid #f4f4f4;
  94. padding: 46rpx 30rpx 0 30rpx;
  95. }
  96. .region-select .region-selected {
  97. float: left;
  98. height: 60rpx;
  99. display: flex;
  100. }
  101. .region-select .region-selected .item {
  102. max-width: 140rpx;
  103. margin-right: 30rpx;
  104. text-align: left;
  105. line-height: 60rpx;
  106. height: 100%;
  107. color: #333;
  108. font-size: 28rpx;
  109. overflow: hidden;
  110. text-overflow: ellipsis;
  111. white-space: nowrap;
  112. }
  113. .region-select .region-selected .item.disabled {
  114. color: #999;
  115. }
  116. .region-select .region-selected .item.selected {
  117. color: #b4282d;
  118. }
  119. .region-select .done {
  120. float: right;
  121. height: 60rpx;
  122. width: 60rpx;
  123. border: none;
  124. background: #fff;
  125. line-height: 60rpx;
  126. text-align: center;
  127. color: #333;
  128. font-size: 28rpx;
  129. }
  130. .region-select .done.disabled {
  131. color: #999;
  132. }
  133. .region-select .bd {
  134. height: 492rpx;
  135. width: 100%;
  136. padding: 0 30rpx;
  137. }
  138. .region-select .region-list {
  139. height: auto;
  140. overflow: scroll;
  141. }
  142. .region-select .region-list .item {
  143. width: 100%;
  144. height: 104rpx;
  145. line-height: 104rpx;
  146. text-align: left;
  147. color: #333;
  148. font-size: 28rpx;
  149. }
  150. .region-select .region-list .item.selected {
  151. color: #b4282d;
  152. }
  153. .bg-mask {
  154. height: 100%;
  155. width: 100%;
  156. background: rgba(0, 0, 0, 0.4);
  157. position: fixed;
  158. top: 0;
  159. left: 0;
  160. z-index: 8;
  161. }
  162. .id-card-txt{
  163. font-size:22rpx;
  164. margin-left: 20rpx;
  165. color: #a5a3a3;
  166. }
  167. .order-image{
  168. width: 130rpx;
  169. height:130rpx;
  170. }
  171. .name{
  172. height: 40rpx;
  173. line-height: 40rpx;
  174. font-size: 26rpx;
  175. margin-left: 20rpx;
  176. margin-bottom: 90rpx;
  177. }
  178. .name2{
  179. height: 40rpx;
  180. line-height: 40rpx;
  181. font-size: 26rpx;
  182. margin-left: 20rpx;
  183. margin-bottom: 90rpx;
  184. position: fixed;
  185. top: 70rpx;
  186. left: 160rpx;
  187. z-index: 8;
  188. }
  189. .form-item-url {
  190. height: 140rpx;
  191. padding-left: 31.25rpx;
  192. display: flex;
  193. align-items: center;
  194. padding-right: 31.25rpx;
  195. }