C端小程序
25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.

270 satır
4.0 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. white-space: nowrap;
  76. text-overflow: ellipsis;
  77. overflow: hidden;
  78. width: 320rpx;
  79. margin: 0 auto;
  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. flex: 2;
  132. }
  133. .buycardbtn button{
  134. flex: 1;
  135. font-size: 28rpx;
  136. color:#FF3535!important;
  137. background: none;
  138. border-top:1px solid #eee;
  139. border-radius: 0!important;
  140. }
  141. button::after{ border: none; }
  142. .buycardbtn button text{
  143. margin-left: 10rpx;
  144. }
  145. .active {
  146. color: #fff;
  147. background: #02c0ff;
  148. }
  149. .txt1 {
  150. font-size: 34rpx;
  151. color: #666;
  152. letter-spacing: 0;
  153. }
  154. .nocoupon image {
  155. width: 300rpx;
  156. display: block;
  157. margin: 3% auto 0;
  158. }
  159. .txt001 {
  160. display: block;
  161. line-height: 48rpx;
  162. font-size: 34rpx;
  163. color: #333;
  164. letter-spacing: 0;
  165. text-align: center;
  166. }
  167. .txt002 {
  168. display: block;
  169. margin-top: 1%;
  170. font-size: 28rpx;
  171. color: #999;
  172. letter-spacing: 0;
  173. line-height: 40rpx;
  174. text-align: center;
  175. }
  176. .nocoupon button {
  177. background: #00c0ff;
  178. color: #fff;
  179. font-style: 30rpx;
  180. width: 100%;
  181. border-radius: 60rpx;
  182. }
  183. .loading {
  184. text-align: center;
  185. height: 80rpx;
  186. line-height: 80rpx;
  187. font-size: 26rpx;
  188. color: #999;
  189. }
  190. .loading image {
  191. width: 60rpx;
  192. height: 60rpx;
  193. vertical-align: middle;
  194. margin-right: 10rpx;
  195. }
  196. .active {
  197. opacity: 0.6;
  198. }
  199. .nav {
  200. position: absolute;
  201. bottom: 3.3%;
  202. left: 0;
  203. right: 0;
  204. margin: auto;
  205. width: 670rpx;
  206. border-radius: 60rpx;
  207. background: #02c0ff;
  208. font-size: 32px;
  209. color: #fff;
  210. text-align: center;
  211. line-height: 32px;
  212. }
  213. .cards{
  214. margin-top: 30rpx;
  215. padding: 0 40rpx;
  216. }
  217. .cantransferred{
  218. position: absolute;
  219. right: 0;
  220. top: 0;
  221. width: 60rpx;
  222. height: 60rpx;
  223. }
  224. .tabss{
  225. padding: 0 30rpx;
  226. }
  227. button::after{ border: none; }
  228. .goback{
  229. position: fixed;
  230. right: 50rpx;
  231. bottom: 60rpx;
  232. width:100rpx!important;
  233. height:100rpx;
  234. z-index: 100;
  235. background:rgba(255,255,255,1);
  236. line-height: 95rpx;
  237. border:1rpx solid rgba(227,227,227,1);
  238. border-radius:50%;
  239. }
  240. .goback image{
  241. position: absolute;
  242. width: 60rpx;
  243. left: 0;
  244. right: 0;
  245. top: 0;
  246. bottom: 0;
  247. margin: auto;
  248. }