C端小程序
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

165 lignes
2.4 KiB

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