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.

246 lines
3.6 KiB

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