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.

238 line
3.3 KiB

  1. .market {
  2. width: 100%;
  3. height: 100%;
  4. /* background: #f5f5f5; */
  5. }
  6. .tabs {
  7. width: 100% !important;
  8. height: 88rpx;
  9. text-align: center;
  10. position: fixed;
  11. top: 0;
  12. left: 0;
  13. right: 0;
  14. z-index: 100000;
  15. }
  16. .i-tab {
  17. width: 25% !important;
  18. display: inline-block;
  19. }
  20. .section {
  21. position: relative;
  22. }
  23. .mms {
  24. position: relative;
  25. width: 690rpx;
  26. background: #fff;
  27. padding: 36rpx 0 0;
  28. margin: 0 auto 40rpx;
  29. border-radius: 16rpx;
  30. box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.10);
  31. }
  32. .expiretime {
  33. display: block;
  34. width: 100% !important;
  35. text-align: left;
  36. text-indent: 1em;
  37. height: 40rpx;
  38. line-height: 36rpx;
  39. font-size: 22rpx;
  40. color: #333;
  41. letter-spacing: 0;
  42. }
  43. .expiretime .fr {
  44. margin-right: 20rpx;
  45. }
  46. .money {
  47. margin-left: 10rpx;
  48. font-size: 30rpx;
  49. font-weight: bold;
  50. }
  51. .liness {
  52. display: block;
  53. width: 100%;
  54. }
  55. .logo {
  56. width: 60rpx;
  57. height: 60rpx;
  58. border: 1px solid #f8f8f8;
  59. border-radius: 50rpx;
  60. display: block;
  61. margin-left: 20rpx;
  62. }
  63. .logo image {
  64. width: 60rpx;
  65. height: 60rpx;
  66. border-radius: 50%;
  67. }
  68. .info >view view:nth-child(1) {
  69. display: flex;
  70. justify-content: space-between;
  71. padding: 0 2%;
  72. }
  73. .info {
  74. width: 100%;
  75. }
  76. .info >view view:nth-child(1) text {
  77. font-size: 32rpx;
  78. line-height: 32rpx;
  79. height: 32rpx;
  80. color: #fff;
  81. letter-spacing: 0;
  82. width: 400rpx;
  83. display: inline-block;
  84. white-space: nowrap;
  85. text-overflow: ellipsis;
  86. overflow: hidden;
  87. margin-bottom: 10rpx;
  88. }
  89. .info >view view:nth-child(2) {
  90. font-size: 26rpx;
  91. color: #fff;
  92. letter-spacing: 0;
  93. margin-top: 6rpx;
  94. display: inline-block;
  95. white-space: nowrap;
  96. text-overflow: ellipsis;
  97. overflow: hidden;
  98. width: 400rpx;
  99. }
  100. .btns {
  101. height: 80rpx;
  102. line-height: 80rpx;
  103. text-align: center;
  104. color: #fff;
  105. font-size: 28rpx;
  106. margin-top: 46rpx;
  107. border-top: 1px solid #e6e6e6;
  108. }
  109. .active {
  110. color: #fff;
  111. opacity: 0.6;
  112. }
  113. .txt1 {
  114. font-size: 24rpx;
  115. color: #fff;
  116. letter-spacing: 0;
  117. }
  118. .nocoupon image {
  119. width: 300rpx;
  120. display: block;
  121. margin: 3% auto 0;
  122. }
  123. .txt001 {
  124. display: block;
  125. line-height: 48rpx;
  126. font-size: 34rpx;
  127. color: #333;
  128. letter-spacing: 0;
  129. text-align: center;
  130. }
  131. .txt002 {
  132. display: block;
  133. margin-top: 1%;
  134. font-size: 28rpx;
  135. color: #999;
  136. letter-spacing: 0;
  137. line-height: 40rpx;
  138. text-align: center;
  139. }
  140. .nocoupon button {
  141. background: #00c0ff;
  142. color: #fff;
  143. font-style: 30rpx;
  144. width: 100%;
  145. border-radius: 60rpx;
  146. }
  147. .loading {
  148. text-align: center;
  149. height: 80rpx;
  150. line-height: 80rpx;
  151. font-size: 26rpx;
  152. color: #999;
  153. }
  154. .loading image {
  155. width: 60rpx;
  156. height: 60rpx;
  157. vertical-align: middle;
  158. margin-right: 10rpx;
  159. }
  160. .active {
  161. opacity: 0.6;
  162. }
  163. .nav {
  164. position: absolute;
  165. bottom: 3.3%;
  166. left: 0;
  167. right: 0;
  168. margin: auto;
  169. width: 670rpx;
  170. border-radius: 60rpx;
  171. background: #02c0ff;
  172. font-size: 32px;
  173. color: #fff;
  174. text-align: center;
  175. line-height: 32px;
  176. }
  177. .title .fr {
  178. width: 30rpx;
  179. margin-right: 10rpx;
  180. }
  181. .imgicon {
  182. position: absolute;
  183. width: 140rpx;
  184. height: 100rpx;
  185. z-index: 100;
  186. right: 191rpx;
  187. top: 0;
  188. }
  189. .imgicon image {
  190. width: 100%;
  191. }
  192. .buyagain {
  193. width: 162rpx;
  194. height: 57rpx;
  195. background: rgba(255, 255, 255, 1);
  196. border-radius: 10rpx;
  197. font-size: 24rpx;
  198. color: rgba(51, 51, 51, 1);
  199. margin-right: 25rpx;
  200. margin-top: 11rpx;
  201. }
  202. .txtstatus {
  203. height: 80rpx;
  204. font-size: 24rpx;
  205. color: rgba(255, 53, 53, 1);
  206. margin-left: 30rpx;
  207. }