C端小程序
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

320 строки
5.5 KiB

  1. .market {
  2. width: 100%;
  3. height: 100%;
  4. background: #F4F5F9;
  5. margin-top: 20rpx;
  6. }
  7. .tabs {
  8. position: fixed;
  9. width: 100% !important;
  10. height: 96rpx;
  11. top: 0;
  12. left: 0;
  13. right: 0;
  14. text-align: center;
  15. z-index: 10000000;
  16. font-size: 26rpx;
  17. background: #FFF;
  18. }
  19. .i-tab {
  20. width: 30% !important;
  21. display: inline-block;
  22. }
  23. .section{
  24. background: #FFFFFF;
  25. }
  26. .detail_msg {
  27. position: relative;
  28. width: 92%;
  29. background: #fff;
  30. display: flex;
  31. margin: 0 30rpx;
  32. padding-bottom: 20rpx;
  33. padding-top: 20rpx;
  34. border-bottom: 1rpx solid #eee;
  35. }
  36. .sendImg{
  37. position: absolute;
  38. width: 100rpx;
  39. top: 100rpx;
  40. right: 6rpx;
  41. }
  42. .logo {
  43. display: block;
  44. width: 120rpx;
  45. height: 120rpx;
  46. border: 1px solid #f8f8f8;
  47. border-radius: 20rpx;
  48. }
  49. .logo image {
  50. display: block;
  51. width: 120rpx;
  52. height: 120rpx;
  53. border-radius: 20rpx;
  54. }
  55. .detail_top{
  56. width: 100%;
  57. height: 40rpx;
  58. line-height: 40rpx;
  59. font-size: 30rpx;
  60. padding-top: 30rpx;
  61. }
  62. .detail_top view:nth-child(1) {
  63. display: flex;
  64. justify-content: space-between;
  65. padding: 0 4% 0 4%;
  66. }
  67. .info {
  68. width: 100%;
  69. }
  70. .sub {
  71. font-size: 24rpx !important;
  72. color: #919191 !important;
  73. letter-spacing: 0;
  74. line-height: 33rpx;
  75. padding-left: 4%;
  76. height: 33rpx;
  77. overflow: hidden;
  78. white-space: wrap;
  79. text-overflow: ellipsis;
  80. }
  81. .info view:nth-child(1) text {
  82. display: inline-block;
  83. width: 300rpx;
  84. font-size: 30rpx;
  85. letter-spacing: 0;
  86. height: 42rpx;
  87. overflow: hidden;
  88. line-height: 42rpx;
  89. white-space: nowrap;
  90. text-overflow: ellipsis;
  91. }
  92. .discount{
  93. position: absolute;
  94. width: 100rpx;
  95. top:86rpx;
  96. right:2rpx;
  97. }
  98. .detail_top .sucess {
  99. display: inline-block;
  100. width: 123rpx !important;
  101. /* overflow: hidden; */
  102. font-family:PingFangSC-Regular;
  103. font-size: 28rpx;
  104. font-weight:400;
  105. color: #2C8DFF;
  106. letter-spacing: 0;
  107. text-align: right;
  108. line-height: 26px;
  109. }
  110. .wait {
  111. display: inline-block;
  112. width: 123rpx !important;
  113. overflow: visible!important;
  114. font-size: 28rpx;
  115. color: #FD832D;
  116. letter-spacing: 0;
  117. text-align: right;
  118. line-height: 28rpx!important;
  119. }
  120. .close {
  121. display: inline-block;
  122. width: 123rpx !important;
  123. overflow: hidden;
  124. font-size: 28rpx;
  125. color: #999;
  126. letter-spacing: 0;
  127. text-align: right;
  128. line-height: 28rpx;
  129. }
  130. /*
  131. .info view:nth-child(2),
  132. .info view:nth-child(3),
  133. .info view:nth-child(4) {
  134. color: #333;
  135. font-size: 24rpx;
  136. } */
  137. .value {
  138. font-size: 24rpx;
  139. color: #999;
  140. letter-spacing: 0;
  141. padding-left: 4%;
  142. line-height: 33rpx;
  143. }
  144. .value text {
  145. font-size: 24rpx;
  146. color: #333;
  147. letter-spacing: 0;
  148. line-height: 33rpx;
  149. }
  150. .info view:nth-child(3) {
  151. margin-top: 16rpx;
  152. }
  153. .info view:nth-child(2) {
  154. margin-top: 16rpx;
  155. }
  156. .payment {
  157. position: relative;
  158. width: 92%;
  159. height: 80rpx;
  160. line-height: 88rpx;
  161. padding: 0 4%;
  162. display: flex;
  163. justify-content: space-between;
  164. border-bottom: 8rpx solid #eee;
  165. }
  166. .payment view:nth-child(1) text:nth-child(1) {
  167. font-size: 24rpx;
  168. color: #1f2d3d;
  169. letter-spacing: 0;
  170. }
  171. .payment view:nth-child(1) text:nth-child(2) {
  172. font-size: 28rpx;
  173. color: #ff4949;
  174. letter-spacing: 0;
  175. margin-left: 10rpx;
  176. }
  177. .payment view:nth-child(1) text:nth-child(3) {
  178. font-size: 24rpx;
  179. color: #b4b4b4;
  180. padding-left: 18rpx;
  181. text-decoration: line-through;
  182. }
  183. .btn {
  184. position: absolute;
  185. top: 0;
  186. bottom: 0;
  187. margin: auto;
  188. right: 20rpx;
  189. width: 118rpx;
  190. height: 52rpx;
  191. line-height: 52rpx;
  192. text-align: center;
  193. color: #fff;
  194. float: right;
  195. font-size: 26rpx;
  196. border-radius: 20rpx;
  197. background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
  198. }
  199. .btnZf{
  200. position: absolute;
  201. top: 0;
  202. bottom: 0;
  203. margin: auto;
  204. right: 20rpx;
  205. width: 118rpx;
  206. height: 52rpx;
  207. line-height: 52rpx;
  208. text-align: center;
  209. color: #fff;
  210. float: right;
  211. font-size: 26rpx;
  212. border-radius: 20rpx;
  213. background:linear-gradient(130deg,rgba(50,177,252,1) 0%,rgba(47,108,255,1) 100%);
  214. }
  215. .btnGm{
  216. position: absolute;
  217. top: 0;
  218. bottom: 0;
  219. margin: auto;
  220. right: 20rpx;
  221. width: 140rpx;
  222. height: 52rpx;
  223. line-height: 52rpx;
  224. text-align: center;
  225. color: #fff;
  226. float: right;
  227. font-size: 28rpx;
  228. border: 2rpx solid #02c0ff;
  229. border-radius: 30rpx;
  230. }
  231. .payment view:nth-child(2) text {
  232. font-size: 30rpx;
  233. color: #FFFFFF;
  234. }
  235. .txGm{
  236. font-size: 24rpx;
  237. color: #2C8DFF!important;
  238. }
  239. .dingdan {
  240. margin-top: 33rpx;
  241. }
  242. .dingdan text:nth-of-type(1) {
  243. display: block;
  244. font-size: 34rpx;
  245. color: #333;
  246. letter-spacing: 0;
  247. text-align: center;
  248. }
  249. .dingdan text:nth-of-type(2) {
  250. display: block;
  251. font-size: 28rpx;
  252. color: #999;
  253. letter-spacing: 0;
  254. text-align: center;
  255. }
  256. .dingdan image {
  257. display: block;
  258. width: 300rpx;
  259. height: 300rpx;
  260. margin: 0 auto 16rpx;
  261. }
  262. .loading {
  263. text-align: center;
  264. height: 80rpx;
  265. line-height: 80rpx;
  266. font-size: 26rpx;
  267. color: #999;
  268. }
  269. .loading image {
  270. width: 60rpx;
  271. height: 60rpx;
  272. vertical-align: middle;
  273. margin-right: 10rpx;
  274. }
  275. button::after{ border: none; }
  276. .goback{
  277. position: fixed;
  278. right: 50rpx;
  279. bottom: 60rpx;
  280. width:100rpx!important;
  281. height:100rpx;
  282. z-index: 100;
  283. background:rgba(255,255,255,1);
  284. line-height: 95rpx;
  285. border:1rpx solid rgba(227,227,227,1);
  286. border-radius:50%;
  287. }
  288. .goback image{
  289. position: absolute;
  290. width: 60rpx;
  291. left: 0;
  292. right: 0;
  293. top: 0;
  294. bottom: 0;
  295. margin: auto;
  296. }