C端小程序
No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.

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