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.

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