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.

374 line
5.7 KiB

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