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.

387 regels
6.0 KiB

  1. .under_line{
  2. width: 100%;
  3. }
  4. .scrollY {
  5. width: 134rpx;
  6. position: fixed;
  7. left: 0;
  8. top: 0;
  9. background:#F4F5F9;
  10. }
  11. .text-style {
  12. position: relative;
  13. width: 139rpx;
  14. height: 100rpx;
  15. line-height: 100rpx;
  16. text-align: center;
  17. font-size: 30rpx;
  18. font-family: PingFangSC-Semibold;
  19. color: #3C3C3C;
  20. background: #FFFFFF;
  21. font-weight:500;
  22. }
  23. .text-styleHover{
  24. position: relative;
  25. width: 139rpx;
  26. height: 100rpx;
  27. line-height: 100rpx;
  28. text-align: center;
  29. font-size: 26rpx;
  30. font-family: PingFangSC-Semibold;
  31. color: #A6A6A6;
  32. }
  33. .text-style text{
  34. font-size: 26rpx;
  35. }
  36. .active1 {
  37. font-size: 30rpx!important;
  38. }
  39. .active {
  40. position: absolute;
  41. left: 20rpx;
  42. bottom: 0rpx;
  43. top:0;
  44. margin: auto;
  45. width:12rpx;
  46. height:24rpx;
  47. background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
  48. border-radius:7rpx;
  49. }
  50. .posi {
  51. position: relative;
  52. width: 616rpx;
  53. float: right;
  54. }
  55. .posi>view:nth-child(2) {
  56. width: 100%;
  57. display: flex;
  58. justify-content: space-between;
  59. box-sizing: border-box;
  60. }
  61. .posi>view:nth-child(2) text:nth-child(1) {
  62. font-size: 30rpx;
  63. color: #a9a9a9;
  64. }
  65. .posi>view:nth-child(2) text:nth-child(2) {
  66. font-size: 30rpx;
  67. color: #a9a9a9;
  68. }
  69. .posi_logo {
  70. position: relative;
  71. width:576rpx!important;
  72. height:176rpx;
  73. background:rgba(255,255,255,1);
  74. box-shadow:0px 4rpx 8rpx 0px rgba(0,0,0,0.04);
  75. border-radius:16rpx;
  76. margin: 20rpx;
  77. overflow: hidden;
  78. }
  79. .tel {
  80. position: absolute;
  81. right: 3%;
  82. top: 0;
  83. bottom: 0;
  84. margin: auto;
  85. width: 50rpx;
  86. height: 50rpx;
  87. }
  88. .merchants{
  89. width: 90%;
  90. display: flex;
  91. background: #fff;
  92. padding-right:5%;
  93. overflow: hidden;
  94. }
  95. .position{
  96. text-align: center;
  97. margin-top: 100rpx;
  98. color: #999;
  99. }
  100. .merchants view:nth-child(1) {
  101. border-radius: 16rpx;
  102. }
  103. .merchants view:nth-child(1) image {
  104. display: block;
  105. width: 120rpx;
  106. height: 120rpx;
  107. border-radius: 16rpx;
  108. }
  109. .merchants view:nth-child(2) {
  110. padding-left: 30rpx;
  111. }
  112. .shopVo{
  113. /* display: flex; */
  114. padding-left: 0!important;
  115. }
  116. .merchants view:nth-child(2) text:nth-child(1) {
  117. display: block;
  118. font-size:32rpx;
  119. color:rgba(60,60,60,1);
  120. line-height:44rpx;
  121. width:260rpx;
  122. overflow: hidden;
  123. text-overflow:ellipsis;
  124. white-space: nowrap;
  125. }
  126. .merchants view:nth-child(2) text:nth-child(2) {
  127. font-size: 24rpx;
  128. color: #b8b8b8;
  129. padding-top: 3rpx;
  130. height: 36rpx;
  131. line-height: 56rpx;
  132. overflow: hidden;
  133. }
  134. .merchantName{
  135. margin-top:30rpx;
  136. }
  137. page {
  138. padding: 0 0 30rpx;
  139. }
  140. .tabTit {
  141. height: 90rpx;
  142. line-height: 82rpx;
  143. position: fixed;
  144. top: 0;
  145. width: 750rpx;
  146. z-index: 1;
  147. }
  148. .tabTit > view:nth-of-type(1) {
  149. border-left: 0;
  150. }
  151. .tabTit > view:nth-of-type(4) {
  152. border-right: 0;
  153. }
  154. .tabTit .active image {
  155. transform: rotate(180deg);
  156. background: none;
  157. }
  158. .tabTit image {
  159. width: 18rpx;
  160. height: 9rpx;
  161. vertical-align: middle;
  162. margin-left: 5px;
  163. }
  164. .tabLayer {
  165. width: 750rpx;
  166. overflow: hidden;
  167. position: fixed;
  168. top: 90rpx;
  169. z-index: 1;
  170. background: #fff;
  171. padding-bottom: 26rpx;
  172. box-shadow:2px 9px 10px rgba(0, 0, 0, 0.05);
  173. bottom: 0;
  174. border-top:1px solid #eee;
  175. }
  176. .tabLayer a {
  177. float: left;
  178. width: 210rpx;
  179. height: 80rpx;
  180. line-height: 80rpx;
  181. margin: 30rpx 0 0 26rpx;
  182. text-align: center;
  183. color: #888;
  184. font-size: 30rpx;
  185. background: rgba(255, 255, 255, 1);
  186. border: 1px solid rgba(234, 234, 234, 1);
  187. border-radius: 10rpx;
  188. }
  189. .tabLayer .active {
  190. text-align: center;
  191. height: 80rpx;
  192. background: rgba(255, 255, 255, 1);
  193. border: 1px solid rgba(101, 158, 246, 1);
  194. border-radius: 10rpx;
  195. color: #659ef6;
  196. }
  197. .tabTit .active {
  198. background: #fff;
  199. font-size: 32prx;
  200. font-weight: 500;
  201. color: rgba(101, 158, 246, 1);
  202. }
  203. /*弹性盒模型*/
  204. .box {
  205. background: #fff;
  206. border-bottom:1px solid #eee;
  207. }
  208. .flex1 {
  209. overflow: hidden;
  210. width: 25%;
  211. display: block;
  212. text-align: center;
  213. }
  214. .flex1 text,.text {
  215. font-size: 30rpx;
  216. }
  217. .text{
  218. display: block;
  219. width: 25%;
  220. text-align: center;
  221. }
  222. /* 日期选择 */
  223. .picker_group {
  224. height: 85rpx;
  225. line-height: 85rpx;
  226. justify-content: center;
  227. display: flex;
  228. align-items: center;
  229. font-size: 30rpx;
  230. color: #888;
  231. }
  232. .picker_group picker {
  233. height: 55rpx;
  234. line-height: 55rpx;
  235. margin: 0 2%;
  236. padding: 2% 5%;
  237. border-bottom: 1px solid #eee;
  238. }
  239. .view view:nth-of-type(1) {
  240. font-size: 28rpx;
  241. color: #888;
  242. }
  243. .list {
  244. width: 644rpx;
  245. border-radius: 16rpx;
  246. padding: 32rpx;
  247. margin: 40rpx auto;
  248. box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
  249. }
  250. .list >view {
  251. height: 60rpx;
  252. line-height: 60rpx;
  253. font-size: 30rpx;
  254. }
  255. .txt1 {
  256. font-size: 32rpx;
  257. font-weight: 500;
  258. color: rgba(85, 85, 85, 1);
  259. }
  260. .txt2 {
  261. font-size: 28rpx;
  262. font-weight: 500;
  263. color: rgba(255, 106, 106, 1);
  264. }
  265. .money {
  266. font-weight: 500;
  267. color: rgba(85, 85, 85, 1);
  268. font-size: 26rpx;
  269. /* width: 123rpx; */
  270. padding-right: 20rpx;
  271. }
  272. .time {
  273. font-size: 28rpx;
  274. font-weight: 500;
  275. color: rgba(125, 125, 125, 1);
  276. }
  277. .status1 {
  278. color: #659ef6;
  279. }
  280. .status2 {
  281. color: #eea959;
  282. }
  283. .status3 {
  284. color: #ff6a6a;
  285. }
  286. .status4 {
  287. color: #8aaa6b;
  288. }
  289. .btn {
  290. float: right;
  291. height: 52rpx;
  292. line-height: 52rpx;
  293. background: rgba(101, 158, 246, 1);
  294. border-radius: 10rpx;
  295. font-size: 28rpx;
  296. font-weight: 500;
  297. padding: 0 25rpx;
  298. color: rgba(255, 255, 255, 1);
  299. }
  300. /* .active1 {
  301. opacity: 0.6;
  302. } */
  303. .btns {
  304. width:137rpx;
  305. margin-top: 21rpx;
  306. background: #52a0fd;
  307. border-radius: 8rpx;
  308. color: #fff;
  309. font-size: 26rpx;
  310. height: 64rpx;
  311. line-height: 64rpx;
  312. }
  313. .active2{
  314. border: 1px solid #52a0fd!important;
  315. color: #52a0fd!important;
  316. }
  317. .recond{
  318. text-align: center;
  319. font-size: 30rpx;
  320. margin-top: 60rpx;
  321. }
  322. .active3{
  323. color: #659ef6;
  324. }
  325. .loading{
  326. text-align: center;
  327. font-size: 28rpx;
  328. color: #999;
  329. /* padding: 20rpx 0 40rpx; */
  330. }
  331. .mr{
  332. margin-top: 200rpx!important;
  333. }
  334. .all{
  335. /* background: #F4F5F9; */
  336. }
  337. .shopVoList{
  338. display: flex!important;
  339. padding-left: 0!important;
  340. flex-direction:row!important;
  341. }
  342. .shopVoList text{
  343. font-size: 20rpx!important;
  344. display: inline-block!important;
  345. white-space: nowrap;
  346. text-overflow: ellipsis;
  347. overflow: hidden;
  348. color: #b8b8b8!important;
  349. }