C端小程序
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.

241 rinda
3.6 KiB

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