C端小程序
Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

286 linhas
4.4 KiB

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