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.

243 rivejä
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;
  81. font-size: 26rpx;
  82. margin-right: 20rpx;
  83. height:60rpx;
  84. line-height:60rpx;
  85. margin-top: 10rpx;
  86. }
  87. .liness {
  88. display: block;
  89. width: 100%;
  90. }
  91. .logo {
  92. width: 88rpx;
  93. height: 88rpx;
  94. border: 1px solid #f8f8f8;
  95. border-radius: 50rpx;
  96. display: block;
  97. margin-left: 20rpx;
  98. }
  99. .logo image {
  100. width: 88rpx;
  101. height: 88rpx;
  102. border-radius: 50%;
  103. }
  104. .info view:nth-child(1) {
  105. display: flex;
  106. justify-content: space-between;
  107. }
  108. .info {
  109. width: 100%;
  110. }
  111. .info view:nth-child(1) text {
  112. text-indent: 0.6em;
  113. font-size: 32rpx;
  114. line-height: 32rpx;
  115. height: 32rpx;
  116. color: #333;
  117. letter-spacing: 0;
  118. width: 400rpx;
  119. display: inline-block;
  120. white-space: nowrap;
  121. text-overflow: ellipsis;
  122. overflow: hidden;
  123. }
  124. .info view:nth-child(2) {
  125. font-size: 22rpx;
  126. color: #333;
  127. letter-spacing: 0;
  128. margin-top: 6rpx;
  129. display: inline-block;
  130. white-space: nowrap;
  131. text-overflow: ellipsis;
  132. overflow: hidden;
  133. /* width: 400rpx; */
  134. }
  135. .info view:nth-child(3) {
  136. margin-left: 20rpx;
  137. }
  138. .btns {
  139. background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
  140. border-radius: 16rpx;
  141. }
  142. .btnsL{
  143. background: #CECECE;
  144. border-radius: 16rpx;
  145. }
  146. .active {
  147. color: #fff;
  148. background: #02c0ff;
  149. }
  150. .txt1 {
  151. font-size: 26rpx;
  152. color: #333;
  153. letter-spacing: 0;
  154. }
  155. .nocoupon image {
  156. width: 300rpx;
  157. display: block;
  158. margin: 3% auto 0;
  159. }
  160. .txt001 {
  161. display: block;
  162. line-height: 48rpx;
  163. font-size: 34rpx;
  164. color: #333;
  165. letter-spacing: 0;
  166. text-align: center;
  167. }
  168. .txt002 {
  169. display: block;
  170. margin-top: 1%;
  171. font-size: 28rpx;
  172. color: #999;
  173. letter-spacing: 0;
  174. line-height: 40rpx;
  175. text-align: center;
  176. }
  177. .nocoupon button {
  178. background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
  179. color: #fff;
  180. font-style: 30rpx;
  181. width: 100%;
  182. border-radius: 60rpx;
  183. }
  184. .loading {
  185. text-align: center;
  186. height: 80rpx;
  187. line-height: 80rpx;
  188. font-size: 26rpx;
  189. color: #999;
  190. }
  191. .loading image {
  192. width: 60rpx;
  193. height: 60rpx;
  194. vertical-align: middle;
  195. margin-right: 10rpx;
  196. }
  197. .active {
  198. opacity: 0.6;
  199. }
  200. .nav {
  201. position: absolute;
  202. bottom: 3.3%;
  203. left: 0;
  204. right: 0;
  205. margin: auto;
  206. width: 670rpx;
  207. border-radius: 60rpx;
  208. background: #02c0ff;
  209. font-size: 32px;
  210. color: #fff;
  211. text-align: center;
  212. line-height: 32px;
  213. }
  214. .sendImg{
  215. position: absolute;
  216. width: 100rpx;
  217. top:109rpx;
  218. right:72rpx;
  219. }