C端小程序
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

283 rader
4.3 KiB

  1. .market {
  2. width: 100%;
  3. height: 100%;
  4. }
  5. .tabs {
  6. position: fixed;
  7. width: 100% !important;
  8. height: 88rpx;
  9. top: 0;
  10. left: 0;
  11. right: 0;
  12. text-align: center;
  13. z-index: 10000000;
  14. }
  15. .i-tab {
  16. width: 30% !important;
  17. display: inline-block;
  18. }
  19. .detail_msg {
  20. position: relative;
  21. background: #fff;
  22. margin: 0 30rpx;
  23. border-radius: 16rpx;
  24. overflow: hidden;
  25. }
  26. .sendImg{
  27. position: absolute;
  28. width: 100rpx;
  29. top: 100rpx;
  30. right: 6rpx;
  31. }
  32. .logo {
  33. display: block;
  34. width: 100%;
  35. border-radius: 16rpx;
  36. }
  37. .logo image {
  38. display: block;
  39. width: 100%;
  40. height: 260rpx;
  41. border-radius: 16rpx;
  42. }
  43. .section{
  44. margin-bottom: 25rpx;
  45. }
  46. .info view:nth-child(1) {
  47. font-size: 32rpx;
  48. margin-top: 40rpx;
  49. justify-content: space-between;
  50. padding: 0 0 0 4%;
  51. }
  52. .info text,view{
  53. font-size: 26rpx;
  54. text-align: center;
  55. display: block;
  56. color: #efefef;
  57. }
  58. .info {
  59. width: 100%;
  60. position: absolute;
  61. left: 0;
  62. right: 0;
  63. top: 0;
  64. bottom: 0;
  65. margin: auto;
  66. text-align: center;
  67. color: #fff;
  68. background: rgba(0, 0, 0, 0.5)
  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: 66rpx;
  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. .info .sucess {
  99. display: inline-block;
  100. width: 123rpx !important;
  101. /* overflow: hidden; */
  102. font-size: 26rpx;
  103. color: #02c0ff;
  104. letter-spacing: 0;
  105. text-align: right;
  106. line-height: 26px;
  107. }
  108. .wait {
  109. display: inline-block;
  110. width: 123rpx !important;
  111. overflow: visible!important;
  112. font-size: 28rpx;
  113. color: #ff4949;
  114. letter-spacing: 0;
  115. text-align: right;
  116. line-height: 28rpx!important;
  117. }
  118. .close {
  119. display: inline-block;
  120. width: 123rpx !important;
  121. overflow: hidden;
  122. font-size: 28rpx;
  123. color: #999;
  124. letter-spacing: 0;
  125. text-align: right;
  126. line-height: 28rpx;
  127. }
  128. /*
  129. .info view:nth-child(2),
  130. .info view:nth-child(3),
  131. .info view:nth-child(4) {
  132. color: #333;
  133. font-size: 24rpx;
  134. } */
  135. .value {
  136. font-size: 24rpx;
  137. color: #999;
  138. letter-spacing: 0;
  139. padding-left: 4%;
  140. line-height: 33rpx;
  141. }
  142. .value text {
  143. font-size: 24rpx;
  144. color: #333;
  145. letter-spacing: 0;
  146. line-height: 33rpx;
  147. }
  148. /* .info view:nth-child(2) text, .info view:nth-child(3) text {
  149. font-size: 22rpx;
  150. } */
  151. .info view:nth-child(3) {
  152. margin-top: 20rpx;
  153. }
  154. .payment {
  155. position: relative;
  156. width: 92%;
  157. height: 88rpx;
  158. line-height: 88rpx;
  159. padding: 0 4%;
  160. display: flex;
  161. justify-content: space-between;
  162. }
  163. .payment view:nth-child(1) text:nth-child(1) {
  164. font-size: 24rpx;
  165. color: #1f2d3d;
  166. letter-spacing: 0;
  167. }
  168. .payment view:nth-child(1) text:nth-child(2) {
  169. font-size: 28rpx;
  170. color: #ff4949;
  171. letter-spacing: 0;
  172. margin-left: 10rpx;
  173. }
  174. .payment view:nth-child(1) text:nth-child(3) {
  175. font-size: 24rpx;
  176. color: #b4b4b4;
  177. padding-left: 18rpx;
  178. text-decoration: line-through;
  179. }
  180. .btn {
  181. position: absolute;
  182. top: 0;
  183. bottom: 0;
  184. margin: auto;
  185. right: 20rpx;
  186. width: 160rpx;
  187. height: 52rpx;
  188. line-height: 52rpx;
  189. text-align: center;
  190. color: #fff;
  191. float: right;
  192. font-size: 28rpx;
  193. border: 2rpx solid #02c0ff;
  194. border-radius: 10rpx;
  195. }
  196. .payment view:nth-child(2) text {
  197. font-size: 30rpx;
  198. color: #02c0ff;
  199. }
  200. .dingdan {
  201. margin-top: 33rpx;
  202. }
  203. .dingdan text:nth-of-type(1) {
  204. display: block;
  205. font-size: 34rpx;
  206. color: #333;
  207. letter-spacing: 0;
  208. text-align: center;
  209. }
  210. .dingdan text:nth-of-type(2) {
  211. display: block;
  212. font-size: 28rpx;
  213. color: #999;
  214. letter-spacing: 0;
  215. text-align: center;
  216. }
  217. .dingdan image {
  218. display: block;
  219. width: 300rpx;
  220. height: 300rpx;
  221. margin: 0 auto 16rpx;
  222. }
  223. .loading {
  224. text-align: center;
  225. height: 80rpx;
  226. line-height: 80rpx;
  227. font-size: 26rpx;
  228. color: #999;
  229. }
  230. .loading image {
  231. width: 60rpx;
  232. height: 60rpx;
  233. vertical-align: middle;
  234. margin-right: 10rpx;
  235. }
  236. button::after{ border: none; }
  237. .goback{
  238. width:400rpx!important;
  239. height:80rpx;
  240. line-height: 80rpx;
  241. border-radius:10rpx;
  242. background: orange;
  243. color: #fff;
  244. font-size: 32rpx;
  245. margin-top: 20rpx;
  246. }
  247. .goback image{
  248. position: absolute;
  249. width: 60rpx;
  250. left: 0;
  251. right: 0;
  252. top: 0;
  253. bottom: 0;
  254. margin: auto;
  255. }