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

244 lines
3.7 KiB

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