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.

240 line
3.4 KiB

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