C端小程序
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

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