C端小程序
No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.

284 líneas
4.4 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. margin-bottom: 23rpx;
  50. justify-content: space-between;
  51. padding: 0 0 0 4%;
  52. }
  53. .info text,view{
  54. font-size: 26rpx;
  55. text-align: center;
  56. display: block;
  57. color: #efefef;
  58. }
  59. .info {
  60. width: 100%;
  61. position: absolute;
  62. left: 0;
  63. right: 0;
  64. top: 0;
  65. bottom: 0;
  66. margin: auto;
  67. text-align: center;
  68. color: #fff;
  69. background: rgba(0, 0, 0, 0.5)
  70. }
  71. .sub {
  72. font-size: 24rpx !important;
  73. color: #919191 !important;
  74. letter-spacing: 0;
  75. line-height: 33rpx;
  76. padding-left: 4%;
  77. height: 66rpx;
  78. overflow: hidden;
  79. white-space: wrap;
  80. text-overflow: ellipsis;
  81. }
  82. .info view:nth-child(1) text {
  83. display: inline-block;
  84. width: 300rpx;
  85. font-size: 30rpx;
  86. letter-spacing: 0;
  87. height: 42rpx;
  88. overflow: hidden;
  89. line-height: 42rpx;
  90. white-space: nowrap;
  91. text-overflow: ellipsis;
  92. }
  93. .discount{
  94. position: absolute;
  95. width: 100rpx;
  96. top:86rpx;
  97. right:2rpx;
  98. }
  99. .info .sucess {
  100. display: inline-block;
  101. width: 123rpx !important;
  102. /* overflow: hidden; */
  103. font-size: 26rpx;
  104. color: #02c0ff;
  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: #ff4949;
  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(2) text, .info view:nth-child(3) text {
  150. font-size: 22rpx;
  151. } */
  152. .info view:nth-child(3) {
  153. margin-top: 20rpx;
  154. }
  155. .payment {
  156. position: relative;
  157. width: 92%;
  158. height: 88rpx;
  159. line-height: 88rpx;
  160. padding: 0 4%;
  161. display: flex;
  162. justify-content: space-between;
  163. }
  164. .payment view:nth-child(1) text:nth-child(1) {
  165. font-size: 24rpx;
  166. color: #1f2d3d;
  167. letter-spacing: 0;
  168. }
  169. .payment view:nth-child(1) text:nth-child(2) {
  170. font-size: 28rpx;
  171. color: #ff4949;
  172. letter-spacing: 0;
  173. margin-left: 10rpx;
  174. }
  175. .payment view:nth-child(1) text:nth-child(3) {
  176. font-size: 24rpx;
  177. color: #b4b4b4;
  178. padding-left: 18rpx;
  179. text-decoration: line-through;
  180. }
  181. .btn {
  182. position: absolute;
  183. top: 0;
  184. bottom: 0;
  185. margin: auto;
  186. right: 20rpx;
  187. width: 160rpx;
  188. height: 52rpx;
  189. line-height: 52rpx;
  190. text-align: center;
  191. color: #fff;
  192. float: right;
  193. font-size: 28rpx;
  194. border: 2rpx solid #02c0ff;
  195. border-radius: 10rpx;
  196. }
  197. .payment view:nth-child(2) text {
  198. font-size: 30rpx;
  199. color: #02c0ff;
  200. }
  201. .dingdan {
  202. margin-top: 33rpx;
  203. }
  204. .dingdan text:nth-of-type(1) {
  205. display: block;
  206. font-size: 34rpx;
  207. color: #333;
  208. letter-spacing: 0;
  209. text-align: center;
  210. }
  211. .dingdan text:nth-of-type(2) {
  212. display: block;
  213. font-size: 28rpx;
  214. color: #999;
  215. letter-spacing: 0;
  216. text-align: center;
  217. }
  218. .dingdan image {
  219. display: block;
  220. width: 300rpx;
  221. height: 300rpx;
  222. margin: 0 auto 16rpx;
  223. }
  224. .loading {
  225. text-align: center;
  226. height: 80rpx;
  227. line-height: 80rpx;
  228. font-size: 26rpx;
  229. color: #999;
  230. }
  231. .loading image {
  232. width: 60rpx;
  233. height: 60rpx;
  234. vertical-align: middle;
  235. margin-right: 10rpx;
  236. }
  237. button::after{ border: none; }
  238. .goback{
  239. width:400rpx!important;
  240. height:80rpx;
  241. line-height: 80rpx;
  242. border-radius:10rpx;
  243. background: orange;
  244. color: #fff;
  245. font-size: 32rpx;
  246. margin-top: 20rpx;
  247. }
  248. .goback image{
  249. position: absolute;
  250. width: 60rpx;
  251. left: 0;
  252. right: 0;
  253. top: 0;
  254. bottom: 0;
  255. margin: auto;
  256. }