C端小程序
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.

164 рядки
2.2 KiB

  1. .market {
  2. width: 100%;
  3. height: 100%;
  4. }
  5. .tabs {
  6. width: 100% !important;
  7. height: 88rpx;
  8. text-align: center;
  9. position: fixed;
  10. top: 0;
  11. left: 0;
  12. right: 0;
  13. z-index: 100000;
  14. }
  15. .i-tab {
  16. width: 25% !important;
  17. display: inline-block;
  18. }
  19. .section {
  20. position: relative;
  21. }
  22. .detail_msg {
  23. width: 92%;
  24. height: 186rpx !important;
  25. background: #fff;
  26. display: flex;
  27. padding: 30rpx 4%;
  28. border-bottom: 1rpx solid #ededed;
  29. }
  30. .logo {
  31. width: 180rpx;
  32. height: 180rpx;
  33. border: 1px solid #f8f8f8;
  34. border-radius: 15rpx;
  35. display: block;
  36. }
  37. .logo image {
  38. width: 180rpx;
  39. height: 180rpx;
  40. border-radius: 15rpx;
  41. }
  42. .info view:nth-child(1) {
  43. display: flex;
  44. justify-content: space-between;
  45. padding: 0 4%;
  46. }
  47. .info {
  48. width: 100%;
  49. }
  50. .info view:nth-child(1) text {
  51. font-size: 30rpx;
  52. margin-top: 10rpx;
  53. color: #333;
  54. }
  55. .info view:nth-child(2) {
  56. color: #ff3434;
  57. font-size: 24rpx;
  58. padding-left: 4%;
  59. margin-top: 1%;
  60. }
  61. .info view:nth-child(3) {
  62. margin-left: 20rpx;
  63. }
  64. .btns {
  65. position: absolute;
  66. right: 30rpx;
  67. bottom: 39rpx;
  68. width: 180rpx;
  69. height: 60rpx;
  70. line-height: 60rpx;
  71. text-align: center;
  72. background: #00c0ff;
  73. color: #fff;
  74. border-radius: 15rpx;
  75. font-size: 28rpx;
  76. }
  77. .txt1 {
  78. font-size: 22rpx;
  79. color: #999;
  80. }
  81. .txt2 {
  82. font-size: 22rpx;
  83. color: #f96563;
  84. }
  85. .nocoupon image {
  86. width: 300rpx;
  87. display: block;
  88. margin: 3% auto 0;
  89. }
  90. .txt001 {
  91. display: block;
  92. line-height: 48rpx;
  93. font-size: 34rpx;
  94. color: #333;
  95. letter-spacing: 0;
  96. text-align: center;
  97. }
  98. .txt002 {
  99. display: block;
  100. margin-top: 1%;
  101. font-size: 28rpx;
  102. color: #999;
  103. letter-spacing: 0;
  104. line-height: 40rpx;
  105. text-align: center;
  106. }
  107. .nocoupon button {
  108. background: #00c0ff;
  109. color: #fff;
  110. font-style: 30rpx;
  111. width: 100%;
  112. border-radius:60rpx;
  113. }
  114. .loading {
  115. text-align: center;
  116. height: 80rpx;
  117. line-height: 80rpx;
  118. font-size: 26rpx;
  119. color: #999;
  120. }
  121. .loading image {
  122. width: 40rpx;
  123. height: 40rpx;
  124. vertical-align: middle;
  125. margin-right: 10rpx;
  126. }
  127. .active{
  128. opacity: .6;
  129. }
  130. .nav {
  131. position: absolute;
  132. bottom: 3.3%;
  133. left: 0;
  134. right: 0;
  135. margin: auto;
  136. width: 670rpx;
  137. border-radius: 60rpx;
  138. background: #02c0ff;
  139. font-size: 32px;
  140. color: #fff;
  141. text-align: center;
  142. line-height: 32px;
  143. }