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.

380 line
6.5 KiB

  1. /* pages/spellGroup/mySpellGroup/index.wxss */
  2. .top-img{
  3. width: 100%;
  4. height: 533rpx;
  5. z-index: 1;
  6. }
  7. .top-img image{
  8. width: 100%;
  9. height: 533rpx;
  10. }
  11. .content-box{
  12. box-sizing: content-box;
  13. height: auto;
  14. overflow: hidden;
  15. }
  16. .content{
  17. position: relative;
  18. width: 100%;
  19. height: auto;
  20. background: #fff;
  21. overflow: hidden;
  22. padding-bottom: 130rpx;
  23. }
  24. .text{
  25. padding: 0 30rpx;
  26. }
  27. .title{
  28. position: relative;
  29. background-color: #fff;
  30. z-index: 100;
  31. width: 750rpx;
  32. padding-top: 30rpx;
  33. padding-left: 30rpx;
  34. line-height: 50rpx;
  35. border-radius:20rpx 20rpx 0px 0px;
  36. margin-top: -25rpx;
  37. opacity: 1;
  38. font-size:32rpx;
  39. font-family:PingFang-SC-Bold;
  40. font-weight:bold;
  41. color:rgba(51,51,51,1);
  42. box-sizing: border-box;
  43. }
  44. .remark{
  45. font-size:24rpx;
  46. font-family:PingFang-SC-Medium;
  47. font-weight:500;
  48. color:rgba(134,134,134,1);
  49. line-height: 48rpx;
  50. }
  51. .des{
  52. width: 100%;
  53. height: auto;
  54. padding-top: 6rpx;
  55. border-top: 2rpx solid rgb(240, 238, 238);
  56. }
  57. .des-peoplenum{
  58. display: inline;
  59. font-size:24rpx;
  60. font-family:PingFang-SC-Medium;
  61. font-weight:500;
  62. color:rgba(0,0,0,1);
  63. line-height:44rpx;
  64. margin-right: 15rpx;
  65. }
  66. .des-saleprice{
  67. display: inline;
  68. font-size:40rpx;
  69. font-family:PingFang-SC-Medium;
  70. font-weight:500;
  71. color:rgba(255,53,53,1);
  72. }
  73. .status{
  74. width: 100%;
  75. border-radius: 15rpx;
  76. background:rgba(255,235,229,1);
  77. margin: 30rpx 0;
  78. overflow: hidden;
  79. }
  80. .status01{
  81. float: left;
  82. width: 130rpx;
  83. height: 130rpx;
  84. }
  85. .status01 image{
  86. width: 90rpx;
  87. height: 90rpx;
  88. border-radius: 45rpx;
  89. margin: 20rpx 0 0 20rpx;
  90. }
  91. .status02{
  92. margin-top: 20rpx;
  93. float: left;
  94. width: 140rpx;
  95. font-size:28rpx;
  96. font-family:PingFang-SC-Medium;
  97. font-weight:500;
  98. color:rgba(51,51,51,1);
  99. }
  100. .r-p-num{
  101. display: inline;
  102. color: #FF3535;
  103. }
  104. .status03{
  105. width: 264rpx;
  106. float: left;
  107. padding-left: 10rpx;
  108. color: #F74812;
  109. box-sizing: border-box;
  110. }
  111. .hh,.mm,.ss{
  112. display: inline-block;
  113. font-size:26rpx;
  114. font-family:PingFang-SC-Medium;
  115. font-weight:500;
  116. color:rgba(255,255,255,1);
  117. height: 38rpx;
  118. width: 38rpx;
  119. background: #F74812;
  120. border-radius:10rpx;
  121. margin: 46rpx 0 0 0;
  122. text-align: center;
  123. line-height: 38rpx;
  124. }
  125. .day-box{
  126. width: 40rpx;
  127. text-align: center;
  128. }
  129. .mao{
  130. display: inline-block;
  131. width: 20rpx;
  132. text-align: center;
  133. }
  134. .status04{
  135. float: left;
  136. width: 146rpx;
  137. }
  138. .s-button{
  139. background:#ED3D2E;
  140. width: 120rpx;
  141. height: 48rpx;
  142. font-size:28rpx;
  143. font-family:PingFang-SC-Medium;
  144. font-weight:500;
  145. color:rgba(255,255,255,1);
  146. text-align: center;
  147. line-height: 48rpx;
  148. border-radius: 24rpx;
  149. margin: 40rpx auto 0;
  150. }
  151. .p-title{
  152. font-size:32rpx;
  153. font-family:PingFang-SC-Bold;
  154. font-weight:bold;
  155. color:rgba(51,51,51,1);
  156. margin: 10rpx 0 20rpx 0;
  157. }
  158. .p-list{
  159. font-size:24rpx;
  160. font-family:PingFang-SC-Medium;
  161. font-weight:500;
  162. color:rgba(51,51,51,1);
  163. line-height:50rpx;
  164. }
  165. .edit{
  166. position: fixed;
  167. width: 690rpx;
  168. bottom: 20rpx;
  169. left: 30rpx;
  170. }
  171. .edit-left{
  172. float: left;
  173. width: 330rpx;
  174. height: 95rpx;
  175. background:rgba(255,169,2,1);
  176. box-shadow:0px 8rpx 8rpx 1rpx rgba(255,169,2,0.32);
  177. border-radius:48rpx;
  178. }
  179. .edit-right{
  180. float: right;
  181. width: 330rpx;
  182. height: 95rpx;
  183. line-height: 46rpx;
  184. background:linear-gradient(90deg,rgba(236,59,45,1) 0%,rgba(248,98,52,1) 100%);
  185. box-shadow:0px 8rpx 8rpx 1rpx rgba(246,93,51,0.32);
  186. border-radius:48rpx;
  187. }
  188. .edit-left-top{
  189. height: 46rpx;
  190. text-align: center;
  191. }
  192. .price{
  193. display: inline;
  194. font-size:32rpx;
  195. line-height: 32rpx;
  196. font-family:PingFang-SC-Medium;
  197. font-weight:500;
  198. color:rgba(254,254,254,1);
  199. margin-top: 6rpx;
  200. }
  201. .price-unit{
  202. display: inline;
  203. font-size:27rpx;
  204. line-height: 27rpx;
  205. margin-top: 11rpx;
  206. font-family:PingFang-SC-Medium;
  207. font-weight:500;
  208. color:rgba(254,254,254,1);
  209. }
  210. .edit-left-bottom{
  211. text-align: center;
  212. font-size:30rpx;
  213. line-height: 40rpx;
  214. font-family:PingFang-SC-Medium;
  215. font-weight:500;
  216. color:rgba(254,254,254,1);
  217. }
  218. .edit-right-top{
  219. line-height: 32rpx;
  220. text-align: center;
  221. margin-top: 13rpx;
  222. }
  223. .real-price{
  224. display: inline;
  225. font-size:32rpx;
  226. font-family:PingFang-SC-Medium;
  227. font-weight:500;
  228. color:rgba(254,254,254,1);
  229. }
  230. .real-price-unit{
  231. display: inline;
  232. font-size:27rpx;
  233. line-height: 27rpx;
  234. margin-top: 11rpx;
  235. font-family:PingFang-SC-Medium;
  236. font-weight:500;
  237. color:rgba(254,254,254,1);
  238. }
  239. .edit-right-bottom{
  240. text-align: center;
  241. font-size:30rpx;
  242. line-height: 40rpx;
  243. font-family:PingFang-SC-Medium;
  244. font-weight:500;
  245. color:rgba(254,254,254,1);
  246. }
  247. .posi {
  248. position: relative;
  249. }
  250. .applyshop{
  251. font-size:32rpx;
  252. font-family:PingFang-SC-Bold;
  253. font-weight:bold;
  254. color:rgba(51,51,51,1);
  255. margin: 10rpx 0 20rpx 0;
  256. }
  257. .posi>view:nth-child(2) {
  258. width: 100%;
  259. height: 87rpx;
  260. display: flex;
  261. justify-content: space-between;
  262. line-height: 87rpx;
  263. }
  264. .posi>view:nth-child(2) text:nth-child(1) {
  265. font-size: 30rpx;
  266. color: #a9a9a9;
  267. }
  268. .posi>view:nth-child(2) text:nth-child(2) {
  269. font-size: 30rpx;
  270. color: #a9a9a9;
  271. }
  272. .posi_logo {
  273. width: 100%;
  274. display: flex;
  275. padding: 20rpx 0;
  276. background: #fff;
  277. height: 100rpx;
  278. margin-bottom: 20rpx;
  279. }
  280. .posi_logo view:nth-child(1) {
  281. width: 100rpx;
  282. height: 100rpx;
  283. border-radius: 16rpx;
  284. }
  285. .posi_logo view:nth-child(1) image {
  286. display: block;
  287. width: 100rpx;
  288. height: 100rpx;
  289. border-radius: 16rpx;
  290. border: 1px solid #e5e5e5;
  291. }
  292. .posi_logo view:nth-child(2) {
  293. display: flex;
  294. flex-direction: column;
  295. flex: 8;
  296. padding-left: 30rpx;
  297. }
  298. .posi_logo view:nth-child(2) text:nth-child(1) {
  299. font-size: 32rpx;
  300. color: #333;
  301. letter-spacing: 0;
  302. }
  303. .posi_logo view:nth-child(2) text:nth-child(2) {
  304. font-size: 24rpx;
  305. color: #b8b8b8;
  306. padding-top: 3rpx;
  307. width: 450rpx;
  308. height: 36rpx;
  309. overflow: hidden;
  310. }
  311. .tel {
  312. right: 0;
  313. top: 0;
  314. bottom: 0;
  315. margin: auto;
  316. width: 50rpx;
  317. height: 50rpx;
  318. }
  319. .rest {
  320. font-size: 24rpx;
  321. color: #919191;
  322. letter-spacing: 0;
  323. height: 70rpx;
  324. line-height: 70rpx;
  325. /* border-bottom: 1px solid #eee; */
  326. border-bottom: 1px solid #f9f9f9;
  327. }
  328. .restNum {
  329. font-size: 24rpx;
  330. color: #999;
  331. letter-spacing: 1.16rpx;
  332. text-align: right;
  333. }
  334. .time {
  335. font-size: 24rpx;
  336. color: #333;
  337. letter-spacing: 0;
  338. line-height: 33rpx;
  339. display: inline-block;
  340. }
  341. .txt01 {
  342. font-size: 24rpx;
  343. color: #919191;
  344. letter-spacing: 0;
  345. }
  346. .times {
  347. display: inline-block;
  348. color: #ff4949;
  349. font-weight: bold;
  350. font-size: 26rpx;
  351. text-align: center;
  352. }
  353. .times text {
  354. display: inline-block;
  355. margin: 6rpx;
  356. width: 46rpx;
  357. height: 56rpx;
  358. text-align: center;
  359. font-size: 28rpx;
  360. line-height: 60rpx;
  361. border-radius: 12rpx;
  362. color: #fff;
  363. font-weight: bold;
  364. background: #ff4949;
  365. }