C端小程序
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

302 lignes
4.7 KiB

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