C端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

244 lines
3.6 KiB

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