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.

index.wxss 6.3 KiB

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