东风启辰小程序端
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.

mountings.wxss 3.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231
  1. /* pages/mountings/mountings.wxss */
  2. page{
  3. background-color: #EDEDED;
  4. }
  5. image{
  6. display: block;
  7. }
  8. view{
  9. -webkit-overflow-scrolling: touch;
  10. }
  11. .main{
  12. height: calc(100vh - 120rpx);
  13. overflow: auto;
  14. }
  15. .newImages9-1{
  16. width: 750rpx;
  17. height: 556rpx;
  18. }
  19. .newImages9-2{
  20. position: absolute;
  21. top: 165rpx;
  22. right: 3rpx;
  23. width: 87rpx;
  24. height: 88rpx;
  25. }
  26. .newImages9-3{
  27. width: 308rpx;
  28. height: 24rpx;
  29. margin: 34rpx auto 13rpx;
  30. }
  31. .newImages9-4{
  32. width: 540rpx;
  33. height: 57rpx;
  34. margin: 0 auto;
  35. }
  36. .activity-phases{
  37. width: 750rpx;
  38. height: 84rpx;
  39. background-color: white;
  40. margin-top: 52rpx;
  41. padding-left: 27rpx;
  42. box-sizing: border-box;
  43. display: flex;
  44. align-items: center;
  45. overflow-y: hidden;
  46. white-space: nowrap;
  47. }
  48. .activity-phases::-webkit-scrollbar{
  49. display: none;
  50. }
  51. .newImages9-5{
  52. width: 65rpx;
  53. height: 55rpx;
  54. }
  55. .phases-group{
  56. margin-right: 80rpx;
  57. }
  58. .phases-group:last-of-type{
  59. margin-right: 0;
  60. padding-right: 27rpx;
  61. }
  62. .date-text{
  63. font-size:24rpx;
  64. font-family:NissanBrand;
  65. font-weight:400;
  66. color:rgba(89,87,87,1);
  67. }
  68. .date-choose{
  69. font-weight:bold;
  70. color:rgba(236,39,13,1);
  71. }
  72. .newImages9-11{
  73. width:74rpx;
  74. height:27rpx;
  75. margin: 0 auto;
  76. }
  77. .phases-state{
  78. text-align: center;
  79. font-size:18rpx;
  80. font-family:MHeiPRC;
  81. font-weight:500;
  82. color:rgba(89,87,87,1);
  83. }
  84. .goods-frame{
  85. padding: 59rpx 21rpx 38rpx;
  86. }
  87. .goods-group{
  88. margin-bottom: 31rpx;
  89. width: 100%;
  90. height: 261rpx;
  91. background-color: white;
  92. border-radius: 20rpx;
  93. display: flex;
  94. padding-top: 19rpx;
  95. padding-left: 19rpx;
  96. box-sizing: border-box;
  97. }
  98. .goods-img{
  99. width: 220rpx;
  100. height: 220rpx;
  101. border: 1rpx solid #D3D3D3;
  102. border-radius: 20rpx;
  103. overflow: hidden;
  104. }
  105. .goods-detail{
  106. padding-top: 14rpx;
  107. margin-left: 20rpx;
  108. }
  109. .goods-title{
  110. width: 400rpx;
  111. font-size: 28rpx;
  112. font-weight: bold;
  113. color: black;
  114. overflow: hidden;
  115. white-space: nowrap;
  116. text-overflow: ellipsis;
  117. }
  118. .goods-detail-data{
  119. margin-top: 48rpx;
  120. display: flex;
  121. }
  122. .goods-price{
  123. font-size:22rpx;
  124. font-family:MHeiPRC;
  125. font-weight:bold;
  126. color:rgba(125,125,125,1);
  127. }
  128. .bar-group{
  129. position: relative;
  130. width:190rpx;
  131. height:23rpx;
  132. background-color: #EDEDED;
  133. margin-top: 7rpx;
  134. margin-bottom: 22rpx;
  135. border-radius: 20rpx;
  136. overflow: hidden;
  137. }
  138. .bar-num{
  139. position: absolute;
  140. left: 0;
  141. top: 0;
  142. height: 100%;
  143. width: 100%;
  144. background-color: #EE3212;
  145. }
  146. .away-text{
  147. position: absolute;
  148. width: 100%;
  149. top: 50%;
  150. transform: translateY(-50%);
  151. left: 10rpx;
  152. font-size:14rpx;
  153. font-family:MHeiPRC;
  154. font-weight:500;
  155. color:rgba(255,255,255,1);
  156. }
  157. .goods-surplus{
  158. font-size:22rpx;
  159. font-family:MHeiPRC;
  160. font-weight:bold;
  161. color:rgba(125,125,125,1);
  162. }
  163. .surplus-num{
  164. color: #EE3212;
  165. }
  166. .after-discount{
  167. font-size:22rpx;
  168. font-family:MHeiPRC;
  169. font-weight:500;
  170. color:#355483;
  171. text-align: right;
  172. }
  173. .newImages9-6{
  174. width: 161rpx;
  175. height: 58rpx;
  176. margin-top: 5rpx;
  177. }
  178. .newImages9-10{
  179. width: 710rpx;
  180. height: 70rpx;
  181. margin: 0 auto;
  182. margin-top: 70rpx;
  183. }
  184. .ruleFrame{
  185. position: absolute;
  186. left: 0;
  187. top: 0;
  188. width: 100%;
  189. height: calc(100vh - 120rpx);
  190. background-color: white;
  191. overflow: auto;
  192. padding-bottom: 130rpx;
  193. box-sizing: border-box;
  194. }
  195. .titleText{
  196. width: 682rpx;
  197. margin: 0 auto;
  198. margin-top: 78rpx;
  199. margin-bottom: 28rpx;
  200. line-height: 39rpx;
  201. font-size:39rpx;
  202. font-family:PingFangSC;
  203. font-weight:bold;
  204. color:rgba(0,77,149,1);
  205. }
  206. .lineSty{
  207. width: 682rpx;
  208. height:2rpx;
  209. background-color: #B6B6B6;
  210. margin: 0 auto;
  211. margin-bottom: 45rpx;
  212. }
  213. .closeXieyi{
  214. position: absolute;
  215. right: 48rpx;
  216. top: 38rpx;
  217. width: 42rpx;
  218. height: 42rpx;
  219. }
  220. .newImages9-12{
  221. width: 641rpx;
  222. height: 1037rpx;
  223. margin: 0 auto;
  224. margin-top: 40rpx;
  225. }
  226. .btns{
  227. position: absolute;
  228. left: 0;
  229. bottom: 0;
  230. opacity: 0;
  231. }