C端小程序
25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

266 lines
3.9 KiB

  1. button::after {
  2. border: none;
  3. }
  4. .notes {
  5. padding-bottom: 60rpx;
  6. }
  7. .record text:nth-of-type(2n+1) {
  8. float: left;
  9. }
  10. .record text:nth-of-type(2n) {
  11. float: right;
  12. }
  13. .record text {
  14. font-size: 28rpx;
  15. color: #333;
  16. }
  17. .record1 text:nth-of-type(2) {
  18. color: #ff3535;
  19. }
  20. .record1 text:nth-of-type(1) {
  21. font-size: 30rpx;
  22. font-family: PingFang-SC-Bold;
  23. color: rgba(51, 51, 51, 1);
  24. }
  25. .list {
  26. padding: 18rpx 0;
  27. }
  28. .orderId {
  29. margin-top: 15rpx;
  30. color: #999999;
  31. }
  32. .title {
  33. display: block;
  34. padding: 0 32rpx;
  35. font-weight: bold;
  36. font-size: 32rpx;
  37. color: rgba(51, 51, 51, 1);
  38. margin-top: 16rpx;
  39. }
  40. .record2 {
  41. margin-top: 16rpx;
  42. color: rgba(153, 153, 153, 1) !important;
  43. }
  44. .record2 text {
  45. font-size: 30rpx;
  46. }
  47. .posi {
  48. position: relative;
  49. padding: 0 32rpx;
  50. margin: 0 auto;
  51. }
  52. .posi>view:nth-child(2) {
  53. width: 100%;
  54. height: 87rpx;
  55. display: flex;
  56. justify-content: space-between;
  57. line-height: 87rpx;
  58. }
  59. .posi>view:nth-child(2) text:nth-child(1) {
  60. font-size: 30rpx;
  61. color: #a9a9a9;
  62. }
  63. .posi>view:nth-child(2) text:nth-child(2) {
  64. font-size: 30rpx;
  65. color: #a9a9a9;
  66. }
  67. .posi_logo {
  68. width: 100%;
  69. display: flex;
  70. padding: 20rpx 0;
  71. background: #fff;
  72. height: 100rpx;
  73. }
  74. .posi_logo view:nth-child(1) {
  75. width: 100rpx;
  76. height: 100rpx;
  77. border-radius: 16rpx;
  78. }
  79. .posi_logo view:nth-child(1) image {
  80. display: block;
  81. width: 100rpx;
  82. height: 100rpx;
  83. border-radius: 16rpx;
  84. border: 1px solid #e5e5e5;
  85. }
  86. .posi_logo view:nth-child(2) {
  87. display: flex;
  88. flex-direction: column;
  89. flex: 8;
  90. padding-left: 30rpx;
  91. }
  92. .posi_logo view:nth-child(2) text:nth-child(1) {
  93. font-size: 32rpx;
  94. color: #333;
  95. letter-spacing: 0;
  96. }
  97. .posi_logo view:nth-child(2) text:nth-child(2) {
  98. font-size: 24rpx;
  99. color: #b8b8b8;
  100. padding-top: 3rpx;
  101. width: 450rpx;
  102. height: 36rpx;
  103. overflow: hidden;
  104. }
  105. .titles {
  106. font-size: 30rpx;
  107. color: #333;
  108. height: 60rpx;
  109. line-height: 60rpx;
  110. overflow: hidden;
  111. white-space: nowrap;
  112. text-overflow: ellipsis;
  113. }
  114. .titles .fr {
  115. color: red;
  116. }
  117. .titles .fr text {
  118. font-size: 42rpx;
  119. }
  120. .notess view:nth-child(1) {
  121. width: 92%;
  122. height: 87rpx;
  123. line-height: 87rpx;
  124. background: #fff;
  125. }
  126. .notess view:nth-child(2) {
  127. width: 92%;
  128. background: #fff;
  129. display: flex;
  130. flex-direction: column;
  131. }
  132. .notess view:nth-child(2)>text {
  133. font-size: 28rpx;
  134. color: #919191;
  135. letter-spacing: 0;
  136. line-height: 42rpx;
  137. }
  138. .tel {
  139. right: 0;
  140. top: 0;
  141. bottom: 0;
  142. margin: auto;
  143. width: 50rpx;
  144. height: 50rpx;
  145. }
  146. .list {
  147. padding: 20rpx 32rpx;
  148. border-bottom: 1px solid #EAEAEA;
  149. }
  150. .notess {
  151. padding: 0 32rpx;
  152. }
  153. .dingdan {
  154. margin-top: 33rpx;
  155. }
  156. .dingdan text:nth-of-type(1) {
  157. display: block;
  158. font-size: 34rpx;
  159. color: #333;
  160. letter-spacing: 0;
  161. text-align: center;
  162. padding: 30rpx 0;
  163. }
  164. .dingdan text:nth-of-type(2) {
  165. display: block;
  166. font-size: 28rpx;
  167. color: #999;
  168. letter-spacing: 0;
  169. text-align: center;
  170. }
  171. .dingdan image {
  172. display: block;
  173. width: 300rpx;
  174. height: 300rpx;
  175. margin: 0 auto 16rpx;
  176. }
  177. .head {
  178. padding: 32rpx 32rpx 0;
  179. }
  180. .bottom {
  181. text-align: center;
  182. height: 70rpx;
  183. line-height: 70rpx;
  184. color: #999;
  185. font-size: 32rpx;
  186. }
  187. .support-tansfer {
  188. display: block;
  189. width: 540rpx;
  190. margin: 4rpx auto;
  191. border-radius: 50rpx;
  192. /* background: #02C0FF!important; */
  193. background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%);
  194. }
  195. .share {
  196. width: 40rpx;
  197. height: 40rpx;
  198. margin-right: 20rpx;
  199. }
  200. .share-bottom {
  201. width: 100%;
  202. /* overflow:hidden; */
  203. margin-top: 66rpx;
  204. }
  205. .goback {
  206. float: left;
  207. width: 122rpx !important;
  208. height: 95rpx;
  209. background: rgba(255, 255, 255, 1);
  210. line-height: 95rpx;
  211. border: 1rpx solid rgba(227, 227, 227, 1);
  212. box-shadow: 0px 8px 8px 1px rgba(189, 189, 189, 0.32);
  213. border-radius: 48rpx;
  214. margin-left: 25rpx;
  215. }
  216. .goback image {
  217. position: absolute;
  218. width: 60rpx;
  219. left: 0;
  220. right: 0;
  221. top: 0;
  222. bottom: 0;
  223. margin: auto;
  224. height: 80rpx;
  225. }