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.

474 lines
8.1 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. .edit-right{
  17. float: right;
  18. width: 268rpx;
  19. height: 96rpx;
  20. line-height: 46rpx;
  21. background:linear-gradient(90deg,rgba(40,179,255,1) 0%,rgba(48,103,255,1) 100%);
  22. border-radius:32rpx;
  23. }
  24. .content{
  25. position: relative;
  26. width: 100%;
  27. height: auto;
  28. background: #fff;
  29. overflow: hidden;
  30. padding-bottom: 130rpx;
  31. }
  32. .text{
  33. padding: 0 30rpx;
  34. }
  35. .title{
  36. position: relative;
  37. background-color: #fff;
  38. z-index: 100;
  39. width: 750rpx;
  40. padding-top: 30rpx;
  41. padding-left: 30rpx;
  42. line-height: 50rpx;
  43. border-radius:20rpx 20rpx 0px 0px;
  44. margin-top: -25rpx;
  45. opacity: 1;
  46. font-size:32rpx;
  47. font-family:PingFang-SC-Bold;
  48. font-weight:bold;
  49. color:rgba(51,51,51,1);
  50. box-sizing: border-box;
  51. }
  52. .remark{
  53. font-size:24rpx;
  54. font-family:PingFang-SC-Medium;
  55. font-weight:500;
  56. color:rgba(134,134,134,1);
  57. line-height: 48rpx;
  58. }
  59. .des{
  60. width: 100%;
  61. height: auto;
  62. padding-top: 6rpx;
  63. background: #FFF;
  64. padding: 0 30rpx 0 0;
  65. color: #FD782D
  66. }
  67. .status{
  68. width: 100%;
  69. border-radius: 15rpx;
  70. background:rgba(255,235,229,1);
  71. margin: 30rpx 0;
  72. overflow: hidden;
  73. }
  74. .status01{
  75. float: left;
  76. width: 130rpx;
  77. height: 130rpx;
  78. }
  79. .status01 image{
  80. width: 90rpx;
  81. height: 90rpx;
  82. border-radius: 45rpx;
  83. margin: 20rpx 0 0 20rpx;
  84. }
  85. .status02{
  86. margin-top: 20rpx;
  87. float: left;
  88. width: 140rpx;
  89. font-size:28rpx;
  90. font-family:PingFang-SC-Medium;
  91. font-weight:500;
  92. color:rgba(51,51,51,1);
  93. }
  94. .r-p-num{
  95. display: inline;
  96. color: #FF3535;
  97. }
  98. .status03{
  99. /* width: 160rpx; */
  100. float: left;
  101. padding-left: 80rpx;
  102. color: #F74812;
  103. }
  104. .hh,.mm,.ss{
  105. display: inline-block;
  106. font-size:26rpx;
  107. font-family:PingFang-SC-Medium;
  108. font-weight:500;
  109. color:rgba(255,255,255,1);
  110. height: 38rpx;
  111. width: 38rpx;
  112. background: #F74812;
  113. border-radius:10rpx;
  114. margin: 46rpx 8rpx 0 0;
  115. text-align: center;
  116. line-height: 38rpx;
  117. }
  118. .status04{
  119. float: left;
  120. width: 163rpx;
  121. }
  122. .s-button{
  123. background:#ED3D2E;
  124. width: 120rpx;
  125. height: 48rpx;
  126. font-size:28rpx;
  127. font-family:PingFang-SC-Medium;
  128. font-weight:500;
  129. color:rgba(255,255,255,1);
  130. text-align: center;
  131. line-height: 48rpx;
  132. border-radius: 24rpx;
  133. margin: 40rpx auto 0;
  134. }
  135. .p-title{
  136. font-size:32rpx;
  137. font-family:PingFang-SC-Bold;
  138. color:rgba(51,51,51,1);
  139. margin: 10rpx 0 20rpx 0;
  140. }
  141. .p-list{
  142. font-size:24rpx;
  143. font-family:PingFang-SC-Medium;
  144. font-weight:500;
  145. color:rgba(51,51,51,1);
  146. line-height:50rpx;
  147. }
  148. .edit-left-top{
  149. height: 46rpx;
  150. text-align: center;
  151. line-height:65rpx;
  152. }
  153. .price{
  154. display: inline;
  155. font-size:32rpx;
  156. line-height: 32rpx;
  157. font-family:PingFang-SC-Medium;
  158. font-weight:500;
  159. color:rgba(254,254,254,1);
  160. }
  161. .price-unit{
  162. display: inline;
  163. font-size:27rpx;
  164. line-height: 27rpx;
  165. font-family:PingFang-SC-Medium;
  166. font-weight:500;
  167. color:rgba(254,254,254,1);
  168. }
  169. .edit-left-bottom{
  170. text-align: center;
  171. font-size:30rpx;
  172. line-height: 40rpx;
  173. font-family:PingFang-SC-Medium;
  174. font-weight:500;
  175. color:rgba(254,254,254,1);
  176. }
  177. .edit-left{
  178. float: left;
  179. width: 268rpx;
  180. height: 96rpx;
  181. background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
  182. border-radius:32rpx;
  183. }
  184. .edit-right-top{
  185. line-height: 32rpx;
  186. text-align: center;
  187. margin-top: 13rpx;
  188. }
  189. .real-price{
  190. display: inline;
  191. font-size:32rpx;
  192. font-family:PingFang-SC-Medium;
  193. font-weight:500;
  194. color:rgba(254,254,254,1);
  195. }
  196. .real-price-unit{
  197. display: inline;
  198. font-size:27rpx;
  199. line-height: 27rpx;
  200. font-weight:500;
  201. color:rgba(254,254,254,1);
  202. }
  203. .edit-right-bottom{
  204. text-align: center;
  205. font-size:30rpx;
  206. line-height: 40rpx;
  207. font-weight:500;
  208. color:rgba(254,254,254,1);
  209. }
  210. .posi {
  211. position: relative;
  212. }
  213. .applyshop{
  214. font-size:32rpx;
  215. font-family:PingFang-SC-Bold;
  216. font-weight:bold;
  217. color:rgba(51,51,51,1);
  218. margin: 10rpx 0 20rpx 0;
  219. }
  220. .posi>view:nth-child(2) {
  221. width: 100%;
  222. height: 87rpx;
  223. display: flex;
  224. justify-content: space-between;
  225. line-height: 87rpx;
  226. }
  227. .posi>view:nth-child(2) text:nth-child(1) {
  228. font-size: 30rpx;
  229. color: #a9a9a9;
  230. }
  231. .posi>view:nth-child(2) text:nth-child(2) {
  232. font-size: 30rpx;
  233. color: #a9a9a9;
  234. }
  235. .posi_logo {
  236. width: 100%;
  237. display: flex;
  238. padding: 20rpx 0;
  239. background: #fff;
  240. height: 100rpx;
  241. margin-bottom: 20rpx;
  242. }
  243. .posi_logo view:nth-child(1) {
  244. width: 100rpx;
  245. height: 100rpx;
  246. border-radius: 16rpx;
  247. }
  248. .posi_logo view:nth-child(1) image {
  249. display: block;
  250. width: 100rpx;
  251. height: 100rpx;
  252. border-radius: 16rpx;
  253. border: 1px solid #e5e5e5;
  254. }
  255. .posi_logo view:nth-child(2) {
  256. display: flex;
  257. flex-direction: column;
  258. flex: 8;
  259. padding-left: 30rpx;
  260. }
  261. .posi_logo view:nth-child(2) text:nth-child(1) {
  262. font-size: 32rpx;
  263. color: #333;
  264. letter-spacing: 0;
  265. }
  266. .posi_logo view:nth-child(2) text:nth-child(2) {
  267. font-size: 24rpx;
  268. color: #b8b8b8;
  269. padding-top: 3rpx;
  270. width: 450rpx;
  271. height: 36rpx;
  272. overflow: hidden;
  273. }
  274. .tel {
  275. right: 0;
  276. top: 0;
  277. bottom: 0;
  278. margin: auto;
  279. width: 76rpx;
  280. height: 76rpx;
  281. }
  282. .j-f{
  283. font-size:28rpx;
  284. font-family:PingFang-SC-Medium;
  285. font-weight:500;
  286. color:rgba(51,51,51,1);
  287. margin-top: 20rpx;
  288. }
  289. .j-t{
  290. font-size:28rpx;
  291. font-family:PingFang-SC-Medium;
  292. font-weight:500;
  293. color:rgba(51,51,51,1);
  294. line-height: 44rpx;
  295. }
  296. button::after{ border: none; }
  297. .j-time{
  298. display: inline;
  299. font-size:26rpx;
  300. font-family:PingFang-SC-Medium;
  301. font-weight:500;
  302. color:rgba(255,53,53,1);
  303. line-height: 44rpx;
  304. }
  305. .goback {
  306. float:left;
  307. width:132rpx!important;
  308. height:96rpx;
  309. background:#fff!important;
  310. line-height:96rpx;
  311. border-radius:32rpx;
  312. margin-right:25rpx;
  313. border: 0!important;
  314. box-sizing: border-box;
  315. }
  316. .goback image{
  317. position: absolute;
  318. width:52rpx;
  319. height: 50rpx;
  320. left: 0;
  321. right: 0;
  322. top: 0;
  323. bottom:0;
  324. margin:10rpx auto;
  325. }
  326. .rest {
  327. font-size: 24rpx;
  328. color: #919191;
  329. letter-spacing: 0;
  330. height: 70rpx;
  331. line-height: 70rpx;
  332. /* border-bottom: 1px solid #eee; */
  333. border-bottom: 1px solid #f9f9f9;
  334. }
  335. .restNum {
  336. font-size: 24rpx;
  337. color: #999;
  338. letter-spacing: 1.16rpx;
  339. text-align: right;
  340. }
  341. .time {
  342. font-size: 24rpx;
  343. color: #333;
  344. letter-spacing: 0;
  345. line-height: 33rpx;
  346. display: inline-block;
  347. }
  348. .txt01 {
  349. font-size: 24rpx;
  350. color: #919191;
  351. letter-spacing: 0;
  352. }
  353. .edit{
  354. position:fixed;
  355. bottom:0;
  356. left:0;
  357. right:0;
  358. padding:20rpx 22rpx;
  359. /* background:#fff; */
  360. }
  361. .times {
  362. display: inline-block;
  363. color: #ff4949;
  364. font-weight: bold;
  365. font-size: 26rpx;
  366. text-align: center;
  367. }
  368. .times text {
  369. display: inline-block;
  370. margin: 6rpx;
  371. width: 46rpx;
  372. height: 56rpx;
  373. text-align: center;
  374. font-size: 28rpx;
  375. line-height: 60rpx;
  376. border-radius: 12rpx;
  377. color: #fff;
  378. font-weight: bold;
  379. background: #ff4949;
  380. }
  381. .al-bg{
  382. position: fixed;
  383. width: 100%;
  384. height: 100vh;
  385. top: 0;
  386. left: 0;
  387. background:rgba(0,0,0,1);
  388. opacity:0.65;
  389. z-index: 200;
  390. }
  391. .al-content{
  392. background: #fff;
  393. position: fixed;
  394. width: 545rpx;
  395. z-index: 300;
  396. top: 300rpx;
  397. left: 102rpx;
  398. border-radius: 15rpx;
  399. }
  400. .al-top{
  401. width: 100%;
  402. }
  403. .al-top image{
  404. position: relative;
  405. height: 298rpx;
  406. margin-top: -96rpx;
  407. width: 545rpx;
  408. }
  409. .al-center{
  410. padding: 80rpx 30rpx;
  411. font-size:30rpx;
  412. font-family:PingFang-SC-Regular;
  413. font-weight:400;
  414. color:rgba(51,51,51,1);
  415. }
  416. .al-bottom{
  417. width:462rpx;
  418. height:95rpx;
  419. background:linear-gradient(90deg,rgba(248,85,45,1) 0%,rgba(241,60,66,1) 0%,rgba(248,86,46,1) 100%);
  420. border-radius:47rpx;
  421. font-size:30rpx;
  422. font-family:PingFang-SC-Medium;
  423. font-weight:500;
  424. color:rgba(255,255,255,1);
  425. text-align: center;
  426. line-height: 95rpx;
  427. margin: 0 auto 43rpx;
  428. }
  429. .btnTxt{
  430. width: 50rpx;
  431. height: 30rpx;
  432. line-height: 50rpx;
  433. color: #FD782D;
  434. font-size: 20rpx;
  435. position: absolute;
  436. right:42rpx ;
  437. bottom: 15rpx;
  438. }
  439. .des-peoplenum{
  440. display: inline;
  441. font-size:24rpx;
  442. font-family:PingFang-SC-Medium;
  443. font-weight:500;
  444. line-height:44rpx;
  445. margin-right: 15rpx;
  446. }
  447. .des-saleprice{
  448. display: inline;
  449. font-size:40rpx;
  450. font-family:PingFang-SC-Medium;
  451. font-weight:500;
  452. }
  453. .quan{
  454. float: left;
  455. margin:28rpx 15rpx 0 0;
  456. width: 12rpx;
  457. height: 12rpx;
  458. background: #E1E1E1;
  459. border-radius: 50%;
  460. }