product.wxss 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181
  1. .container{
  2. background-color: #E1D2B4;
  3. }
  4. .panel1{
  5. width:100%;
  6. background-color: #004433;
  7. }
  8. .panel1Text{
  9. width:630rpx;
  10. font-size: 28rpx;
  11. color: #E9FFDF;
  12. margin: 30rpx 0;
  13. }
  14. .pdt_a06a{
  15. width: 54rpx;
  16. height:20rpx;
  17. position: absolute;
  18. top:135rpx;
  19. left:62rpx;
  20. z-index: 10;
  21. }
  22. .pdt_a06a_triangle{
  23. width: 0;
  24. height: 0;
  25. border-left: 18rpx solid transparent;
  26. border-right: 35rpx solid transparent;
  27. border-top: 20rpx solid #004433;
  28. position: absolute;
  29. top:135rpx;
  30. left:62rpx;
  31. z-index: 10;
  32. }
  33. .panel2{
  34. width: 100%;
  35. justify-content: flex-start;
  36. margin-top: 20rpx;
  37. }
  38. .panel21{
  39. width: 100%;
  40. justify-content: flex-start;
  41. }
  42. .pdt_a01{
  43. width:82rpx;
  44. height:51rpx;
  45. margin: 60rpx 0 40rpx 50rpx;
  46. }
  47. .panel22{
  48. width:100%;
  49. }
  50. .panel221{
  51. width:340rpx;
  52. margin: 0 10rpx;
  53. justify-content: flex-start;
  54. align-items: flex-start;
  55. color: #464044;
  56. position: relative;
  57. }
  58. .pdt_b01{
  59. width:340rpx;
  60. height:280rpx;
  61. }
  62. .panel2Text1{
  63. font-size: 36rpx;
  64. margin: 30rpx 0 10rpx 20rpx;
  65. }
  66. .panel2Text2{
  67. font-weight: 400;
  68. font-size: 24rpx;
  69. width: 300rpx;
  70. margin: 0 0 0 20rpx;
  71. }
  72. .panel2Text3{
  73. width: 100rpx;
  74. text-align: right;
  75. font-size: 20rpx;
  76. font-weight: 400;
  77. position: absolute;
  78. top: 310rpx;
  79. right:20rpx;
  80. }
  81. .pdt_a04{
  82. width: 156rpx;
  83. }
  84. .panel222{
  85. width: 700rpx;
  86. }
  87. .pdt_b07{
  88. width: 700rpx;
  89. height:280rpx;
  90. }
  91. .panel2Text5{
  92. width:660rpx;
  93. }
  94. .panel3{
  95. width:100%;
  96. margin: 100rpx 0 0 0;
  97. }
  98. .panel31{
  99. width:100%;
  100. justify-content: space-between;
  101. height:100rpx
  102. }
  103. .panel3Text1{
  104. font-size: 28rpx;
  105. color: #4D4D4D;
  106. margin-left: 45rpx;
  107. }
  108. .pdt_a07{
  109. width:16rpx;
  110. height:26rpx;
  111. margin-right: 75rpx;
  112. }
  113. .panel3Line{
  114. width: 660rpx;
  115. height:1rpx;
  116. background-color: #574E55;
  117. }
  118. .panel3Text2{
  119. width: 660rpx;
  120. font-size: 20rpx;
  121. color: #4D4D4D;
  122. margin-top: 30rpx;
  123. font-weight: 400;
  124. }
  125. .panel3Text3{
  126. font-weight: 700;
  127. }
  128. .panel3Text4{
  129. width: 660rpx;
  130. margin: 50rpx 0 0 0;
  131. font-size: 20rpx;
  132. color: #464044;
  133. }
  134. .panelFooterNav{
  135. width: 100%;
  136. background-color: #fff;
  137. color: #4D4D4D;
  138. position: fixed;
  139. bottom: 0;
  140. z-index: 100;
  141. }
  142. .panelFooterNav2{
  143. width:100%;
  144. position: relative;
  145. z-index: 100;
  146. }
  147. .panelFooterNavBtn{
  148. width: 50%;
  149. font-size: 36rpx;
  150. height: 100rpx;
  151. justify-content: flex-end;
  152. }
  153. .panelFooterNavLine{
  154. width: 72rpx;
  155. height:16rpx;
  156. margin-top: 9rpx;
  157. background-color: #fff;
  158. }
  159. .panelFooterNavLine1{
  160. width: 72rpx;
  161. height:16rpx;
  162. margin-top: 9rpx;
  163. background-color: #FFC868;
  164. }
  165. .iphone10plus{
  166. width:100%;
  167. height:30rpx;
  168. background-color: #fff;
  169. }