C端小程序
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

340 Zeilen
5.0 KiB

  1. .market {
  2. width: 100%;
  3. height: 100%;
  4. background: #F4F5F9;
  5. }
  6. .tabs {
  7. width: 100% !important;
  8. height: 96rpx;
  9. text-align: center;
  10. position: fixed;
  11. left: 0;
  12. right: 0;
  13. z-index: 100000;
  14. background: #fff;
  15. }
  16. .i-tab {
  17. width: 25% !important;
  18. display: inline-block;
  19. }
  20. .section {
  21. position: relative;
  22. width: 710rpx;
  23. height: 240rpx;
  24. margin: 0 auto 20rpx;
  25. padding: 20rpx 0;
  26. border-radius: 16rpx;
  27. background: #fff;
  28. }
  29. .mms {
  30. position: relative;
  31. width: 670rpx;
  32. background: #fff;
  33. height: 238rpx;
  34. margin: 0 auto 30rpx;
  35. box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.10);
  36. }
  37. .cover-img {
  38. position: absolute;
  39. left: 0;
  40. top: 0;
  41. width: 100%;
  42. height: 100%;
  43. z-index: 0;
  44. }
  45. .gray-bg {
  46. width: 100%;
  47. height: 100%;
  48. position: absolute;
  49. left: 0;
  50. top: 0;
  51. z-index: 10;
  52. background: rgba(0,0,0,.7);
  53. }
  54. .yu {
  55. display: inline-block !important;
  56. font-size: 30rpx!important;
  57. }
  58. .expiretime {
  59. width: 250rpx;
  60. }
  61. .expiretime text {
  62. display: block;
  63. font-size: 30rpx;
  64. font-weight: 500;
  65. white-space: nowrap;
  66. text-align: right;
  67. text-overflow: ellipsis;
  68. overflow: hidden;
  69. margin-top: 35rpx;
  70. margin-right: 10rpx;
  71. color: rgba(255, 255, 255, 1);
  72. }
  73. .money {
  74. margin-left: 10rpx;
  75. font-size: 30rpx;
  76. font-weight: bold;
  77. }
  78. .liness {
  79. display: block;
  80. width: 100%;
  81. }
  82. .logo {
  83. width: 60rpx;
  84. height: 60rpx;
  85. border: 1px solid #f8f8f8;
  86. border-radius: 50rpx;
  87. display: block;
  88. margin-left: 20rpx;
  89. }
  90. .logo image {
  91. width: 60rpx;
  92. height: 60rpx;
  93. border-radius: 50%;
  94. }
  95. .info {
  96. width: 100%;
  97. }
  98. .info .title .yue {
  99. font-size: 60rpx;
  100. line-height: 60rpx;
  101. font-weight: bold;
  102. color: #fff;
  103. letter-spacing: 0;
  104. width: 400rpx;
  105. display: inline-block;
  106. white-space: nowrap;
  107. text-overflow: ellipsis;
  108. overflow: hidden;
  109. margin-bottom: 10rpx;
  110. margin-top: 23rpx;
  111. text-align: left;
  112. }
  113. .info >view view:nth-child(2) {
  114. display: inline-block;
  115. width: 220rpx;
  116. font-size: 26rpx;
  117. color: #fff;
  118. letter-spacing: 0;
  119. margin-top: 6rpx;
  120. white-space: nowrap;
  121. text-overflow: ellipsis;
  122. overflow: hidden;
  123. margin-right: 25rpx;
  124. }
  125. .btns {
  126. position: absolute;
  127. right: 25rpx;
  128. bottom: -12rpx;
  129. text-align: center;
  130. font-size: 28rpx;
  131. width: 250rpx !important;
  132. height: 61rpx;
  133. line-height: 61rpx;
  134. background: rgba(255, 255, 255, 1);
  135. border-radius: 30rpx;
  136. z-index: 100;
  137. color: #FD832D!important;
  138. }
  139. .active {
  140. color: #fff;
  141. opacity: 0.9;
  142. }
  143. .txt1 {
  144. font-size: 24rpx;
  145. color: #fff;
  146. letter-spacing: 0;
  147. }
  148. .nocoupon image {
  149. width: 300rpx;
  150. display: block;
  151. margin: 3% auto 0;
  152. }
  153. .txt001 {
  154. display: block;
  155. line-height: 48rpx;
  156. font-size: 34rpx;
  157. color: #333;
  158. letter-spacing: 0;
  159. text-align: center;
  160. }
  161. .txt002 {
  162. display: block;
  163. margin-top: 1%;
  164. font-size: 28rpx;
  165. color: #999;
  166. letter-spacing: 0;
  167. line-height: 40rpx;
  168. text-align: center;
  169. }
  170. .nocoupon button {
  171. background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
  172. color: #fff;
  173. font-style: 30rpx;
  174. width: 100%;
  175. border-radius: 60rpx;
  176. }
  177. .loading {
  178. text-align: center;
  179. height: 80rpx;
  180. line-height: 80rpx;
  181. font-size: 26rpx;
  182. color: #999;
  183. }
  184. .loading image {
  185. width: 60rpx;
  186. height: 60rpx;
  187. vertical-align: middle;
  188. margin-right: 10rpx;
  189. }
  190. .active {
  191. /* opacity: 0.6; */
  192. }
  193. .nav {
  194. position: absolute;
  195. bottom: 3.3%;
  196. left: 0;
  197. right: 0;
  198. margin: auto;
  199. width: 670rpx;
  200. border-radius: 60rpx;
  201. background: #02c0ff;
  202. font-size: 32px;
  203. color: #fff;
  204. text-align: center;
  205. line-height: 32px;
  206. }
  207. .title {
  208. width: 50%;
  209. }
  210. .title text {
  211. display: block;
  212. color: #fff;
  213. font-size: 24rpx;
  214. margin-left: 25rpx;
  215. text-align: left;
  216. }
  217. .txt2{
  218. margin-top: 36rpx;
  219. }
  220. .imgicon {
  221. position: absolute;
  222. width: 140rpx;
  223. height: 100rpx;
  224. z-index: 100;
  225. right: 257rpx;
  226. top: 0;
  227. }
  228. .imgicon image {
  229. width: 100%;
  230. }
  231. .buyagain {
  232. width: 162rpx;
  233. height: 57rpx;
  234. background: rgba(255, 255, 255, 1);
  235. border-radius: 10rpx;
  236. font-size: 24rpx;
  237. color: rgba(51, 51, 51, 1);
  238. margin-right: 25rpx;
  239. margin-top: 11rpx;
  240. }
  241. .txtstatus {
  242. height: 80rpx;
  243. font-size: 24rpx;
  244. color: rgba(255, 53, 53, 1);
  245. margin-left: 30rpx;
  246. }
  247. .userule {
  248. text-align: center;
  249. font-size: 28rpx;
  250. font-family: PingFang-SC-Regular;
  251. font-weight: 400;
  252. color: #FD832D;
  253. margin-top: 30rpx;
  254. background: #fff;
  255. position: fixed;
  256. bottom: 0;
  257. left: 0;
  258. width: 100%;
  259. height: 80rpx;
  260. line-height: 80rpx;
  261. z-index: 100;
  262. }
  263. .yue text:nth-of-type(1){
  264. margin-right: 6rpx;
  265. }
  266. .yue text:nth-of-type(2){
  267. margin-left: 6rpx;
  268. }
  269. .cantransferred{
  270. position:absolute;
  271. right:0;
  272. top:0;
  273. width:60rpx;
  274. height:60rpx;
  275. z-index:100;
  276. }
  277. button::after{ border: none; }
  278. .goback{
  279. position: fixed;
  280. right: 50rpx;
  281. bottom: 60rpx;
  282. width:100rpx!important;
  283. height:100rpx;
  284. z-index: 100;
  285. background:rgba(255,255,255,1);
  286. line-height: 95rpx;
  287. border:1rpx solid rgba(227,227,227,1);
  288. border-radius:50%;
  289. }
  290. .goback image{
  291. position: absolute;
  292. width: 60rpx;
  293. left: 0;
  294. right: 0;
  295. top: 0;
  296. bottom: 0;
  297. margin: auto;
  298. }
  299. .detail_msg {
  300. position: absolute;
  301. left: 0;
  302. z-index: 100;
  303. }