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.

213 lines
3.5 KiB

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