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

587 lines
9.5KB

  1. /* pages/myCenter/myCenter.wxss */
  2. image{
  3. display: block;
  4. }
  5. view{
  6. -webkit-overflow-scrolling: touch;
  7. }
  8. .main{
  9. height: calc(100vh - 150rpx);
  10. overflow: auto;
  11. }
  12. .msgGroup{
  13. padding-top: 108rpx;
  14. margin-bottom: 111rpx;
  15. }
  16. .pageTitle{
  17. text-align: center;
  18. font-size:35rpx;
  19. margin-bottom: 28rpx;
  20. font-weight: bold;
  21. }
  22. .headGroup{
  23. display: flex;
  24. align-items: center;
  25. justify-content: center;
  26. width: 161rpx;
  27. height: 161rpx;
  28. border-radius: 50%;
  29. margin: 0 auto;
  30. margin-bottom: 27rpx;
  31. overflow: hidden;
  32. }
  33. .defaultHead{
  34. width: 100%;
  35. height: 100%;
  36. }
  37. .loginBtn{
  38. position: relative;
  39. margin: 0 auto;
  40. width:307rpx;
  41. height:49rpx;
  42. background-color: #345486;
  43. border-radius: 10rpx;
  44. text-align: center;
  45. font-size: 25rpx;
  46. color: white;
  47. line-height: 49rpx;
  48. overflow: hidden;
  49. }
  50. .funList{
  51. position: relative;
  52. width: 750rpx;
  53. height: 233rpx;
  54. padding: 0 72rpx;
  55. display: flex;
  56. align-items: center;
  57. justify-content: space-between;
  58. box-sizing: border-box;
  59. }
  60. .funBg{
  61. position: absolute;
  62. left: 0;
  63. top: 0;
  64. width: 750rpx;
  65. height: 233rpx;
  66. z-index: -1;
  67. }
  68. .selectGroup{
  69. position: relative;
  70. width:137rpx;
  71. height:137rpx;
  72. border: 1rpx solid #7A797E;
  73. border-radius: 10rpx;
  74. display: flex;
  75. align-items: center;
  76. justify-content: center;
  77. flex-direction: column;
  78. }
  79. .taskIcon{
  80. width: 42rpx;
  81. height: 38rpx;
  82. margin-bottom: 8rpx;
  83. }
  84. .recordIcon{
  85. width: 38rpx;
  86. height: 43rpx;
  87. margin-bottom: 8rpx;
  88. }
  89. .detachmentIcon{
  90. width: 44rpx;
  91. height: 40rpx;
  92. margin-bottom: 8rpx;
  93. }
  94. .appreciateIcon{
  95. width: 62rpx;
  96. height: 26rpx;
  97. margin-bottom: 8rpx;
  98. }
  99. .selectText{
  100. font-size: 20rpx;
  101. }
  102. .imgFrame{
  103. width:65rpx;
  104. height: 45rpx;
  105. display: flex;
  106. align-items: center;
  107. justify-content: center;
  108. }
  109. .myCenterBotBg{
  110. width: 750rpx;
  111. height: 589rpx;
  112. }
  113. .taskSelect{
  114. padding:0 72rpx;
  115. box-sizing: border-box;
  116. display: flex;
  117. justify-content: space-between;
  118. align-items: center;
  119. }
  120. .taskText{
  121. width:256rpx;
  122. height:41rpx;
  123. text-align: center;
  124. line-height: 41rpx;
  125. font-size:21rpx;
  126. border-radius: 10rpx;
  127. border: 1rpx solid #345486;
  128. color: black;
  129. }
  130. .taskText2{
  131. background-color: #345486;
  132. color:white;
  133. }
  134. .taskDetailGroup{
  135. padding:0 72rpx;
  136. box-sizing: border-box;
  137. padding-bottom: 40rpx;
  138. display: flex;
  139. align-items: center;
  140. justify-content: space-between;
  141. }
  142. .taskName{
  143. width: 150rpx;
  144. font-size: 20rpx;
  145. line-height: 24rpx;
  146. text-align: center;
  147. }
  148. .taskSuccessBtn{
  149. width:98rpx;
  150. height:40rpx;
  151. text-align: center;
  152. color: white;
  153. font-size: 20rpx;
  154. line-height:40rpx;
  155. background-color: #345486;
  156. border-radius: 20rpx;
  157. }
  158. .taskWaitBtn{
  159. width:98rpx;
  160. height:40rpx;
  161. text-align: center;
  162. color: #605E5C;
  163. font-size: 20rpx;
  164. line-height:40rpx;
  165. background-color:white;
  166. border-radius: 20rpx;
  167. border: 1rpx solid #425EAB;
  168. box-sizing: border-box;
  169. }
  170. .taskLineFrame{
  171. position: relative;
  172. width:325rpx;
  173. height:15rpx;
  174. box-sizing: border-box;
  175. border: 1rpx solid #CBC8CB;
  176. border-radius: 20rpx;
  177. overflow: hidden;
  178. }
  179. .taskLine{
  180. height:15rpx;
  181. width:0;
  182. background-color: #345486;
  183. border-radius: 20rpx;
  184. }
  185. .taskSignIcon{
  186. width: 12rpx;
  187. height: 12rpx;
  188. margin-left: 55.4rpx;
  189. margin-top: 5rpx;
  190. }
  191. .taskSignGroup{
  192. display: flex;
  193. }
  194. .taskDetailFrame{
  195. position: absolute;
  196. left: 0;
  197. bottom: 0;
  198. top: 104rpx;
  199. width: 750rpx;
  200. height: 485rpx;
  201. overflow-y: auto;
  202. }
  203. .recordText{
  204. width: 187rpx;
  205. }
  206. .recordPic{
  207. display: flex;
  208. align-items: center;
  209. }
  210. .recordTip{
  211. width: 41rpx;
  212. height: 41rpx;
  213. margin-right: 15rpx;
  214. }
  215. .rewardIcon,.rewardCash{
  216. width: 163rpx;
  217. height: 69rpx;
  218. }
  219. .rewardCash{
  220. position: relative;
  221. border-radius: 10rpx;
  222. background-color: #F15443;
  223. overflow: hidden;
  224. }
  225. .rewardCashText{
  226. width: 100%;
  227. background-color: #D6BF95;
  228. color: white;
  229. font-size: 16rpx;
  230. height: 22rpx;
  231. line-height: 22rpx;
  232. position: absolute;
  233. left: 0;
  234. bottom: 0;
  235. text-align: center;
  236. }
  237. .cashGroup{
  238. height: 47rpx;
  239. display: flex;
  240. align-items: center;
  241. justify-content: center;
  242. }
  243. .cashNum{
  244. color: white;
  245. font-size: 30rpx;
  246. line-height: 30rpx;
  247. }
  248. .cashCompany{
  249. color: white;
  250. font-size: 16rpx;
  251. line-height: 16rpx;
  252. margin-top: 7rpx;
  253. margin-left: 3rpx;
  254. }
  255. .recordHeadGroup{
  256. width: 90rpx;
  257. height: 90rpx;
  258. overflow: hidden;
  259. border-radius: 50%;
  260. margin-right: 25rpx;
  261. }
  262. .recordUserImg{
  263. width: 100%;
  264. height: 100%;
  265. }
  266. .recordGroup{
  267. margin: 0 auto;
  268. padding: 30rpx 0;
  269. width: 606rpx;
  270. box-sizing: border-box;
  271. display: flex;
  272. align-items: center;
  273. justify-content: space-between;
  274. border-bottom: 1rpx solid #D4D4D6;
  275. }
  276. .recordGroupLeft{
  277. display: flex;
  278. align-items: center;
  279. }
  280. .rewardName{
  281. font-size: 30rpx;
  282. font-weight: bold;
  283. }
  284. .rewardTerm{
  285. font-size: 22rpx;
  286. font-weight: bold;
  287. }
  288. .detachmentGroup{
  289. position: relative;
  290. padding: 30rpx 72rpx;
  291. box-sizing: border-box;
  292. display: flex;
  293. align-items: center;
  294. justify-content: space-between;
  295. }
  296. .detachmentGroupLeft{
  297. display: flex;
  298. align-items: center;
  299. }
  300. .detachmentTip{
  301. position: absolute;
  302. right:72rpx;
  303. bottom: 10rpx;
  304. font-size: 14rpx;
  305. color: #8B888B;
  306. }
  307. .ranksName{
  308. font-size: 20rpx;
  309. }
  310. .ranksState{
  311. width:175rpx;
  312. height:44rpx;
  313. box-sizing: border-box;
  314. border-radius: 10rpx;
  315. font-size: 25rpx;
  316. line-height: 44rpx;
  317. text-align: center;
  318. }
  319. .ranksType1{
  320. color: #FE820C;
  321. border: 1rpx solid #FE820C;
  322. }
  323. .ranksType2{
  324. color: black;
  325. border: 1rpx solid #658DE9;
  326. }
  327. .ranksType3{
  328. color: black;
  329. border: 1rpx solid black;
  330. }
  331. .userMsg{
  332. padding-top: 108rpx;
  333. position: relative;
  334. }
  335. .userNameGroup{
  336. display: flex;
  337. align-items: center;
  338. justify-content: center;
  339. height: 30rpx;
  340. margin-bottom: 44rpx;
  341. }
  342. .userName{
  343. font-weight: bold;
  344. font-size: 30rpx;
  345. color: black;
  346. }
  347. .userNameEdit{
  348. width: 27rpx;
  349. height: 27rpx;
  350. margin-left: 10rpx;
  351. }
  352. .userMsgBg{
  353. position: absolute;
  354. left: 0;
  355. top: 0;
  356. width: 750rpx;
  357. height: 421rpx;
  358. z-index: -1;
  359. }
  360. .userLevel{
  361. width: 750rpx;
  362. padding-top: 36rpx;
  363. padding-bottom: 27rpx;
  364. display: flex;
  365. flex-direction: column;
  366. align-items: center;
  367. }
  368. .userLevelIcon{
  369. width: 76rpx;
  370. height: 60rpx;
  371. }
  372. .userLevelTip{
  373. font-size: 21rpx;
  374. margin-top: 32rpx;
  375. margin-bottom: 11rpx;
  376. }
  377. .userLevelText{
  378. width: 352rpx;
  379. height: 75rpx;
  380. }
  381. .lookRule{
  382. margin-top: 27rpx;
  383. width:368rpx;
  384. height:57rpx;
  385. border-radius: 10rpx;
  386. background-color: #345486;
  387. text-align: center;
  388. line-height: 57rpx;
  389. font-size: 29rpx;
  390. color:white;
  391. }
  392. .userWaitIcon{
  393. width:48rpx;
  394. height: 59rpx;
  395. }
  396. .userWaitText{
  397. margin-top: 36rpx;
  398. font-size: 55rpx;
  399. font-weight: bold;
  400. margin-bottom: 50rpx;
  401. }
  402. .arrowIcon{
  403. border-left: 10rpx solid transparent;
  404. border-right: 10rpx solid transparent;
  405. border-top: 10rpx solid #0066F9;
  406. content: "";
  407. /* position: relative; */
  408. width: 0;
  409. position: absolute;
  410. top: 143rpx;
  411. }
  412. .inputGroup{
  413. width:652rpx;
  414. height:65rpx;
  415. margin: 0 auto;
  416. background-color: white;
  417. border-radius: 10rpx;
  418. box-sizing: border-box;
  419. line-height: 65rpx;
  420. padding: 0 25rpx;
  421. font-size: 20rpx;
  422. margin-top: 18rpx;
  423. display: flex;
  424. align-items: center;
  425. justify-content: space-between;
  426. border: 1rpx solid #B4B4B4;
  427. position: relative;
  428. overflow: hidden;
  429. }
  430. .inputCode{
  431. height: 100%;
  432. width: 100%;
  433. }
  434. .selectSiteGroup{
  435. border: 1rpx solid #B4B4B4;
  436. margin: 0 auto;
  437. width:652rpx;
  438. height:65rpx;
  439. background-color: white;
  440. border-radius: 10rpx;
  441. box-sizing: border-box;
  442. line-height: 65rpx;
  443. padding: 0 25rpx;
  444. font-size: 20rpx;
  445. margin-top: 18rpx;
  446. display: flex;
  447. align-items: center;
  448. justify-content: space-between;
  449. }
  450. .selectIcon{
  451. width: 25rpx;
  452. height: 15rpx;
  453. }
  454. .subscribeBtn{
  455. margin: 0 auto;
  456. width:652rpx;
  457. height:65rpx;
  458. line-height: 65rpx;
  459. text-align: center;
  460. background-color: #345486;
  461. color: white;
  462. font-size: 29rpx;
  463. margin-top: 18rpx;
  464. border-radius: 10rpx;
  465. }
  466. .subscribeGroup{
  467. display: flex;
  468. align-items: center;
  469. flex-direction: column;
  470. justify-content: center;
  471. }
  472. .taskGroup,.ranksGroup,.subscribeGroup{
  473. height: 589rpx;
  474. position: relative;
  475. }
  476. /* .ranksList{
  477. position: absolute;
  478. top: 0;
  479. left: 0;
  480. width: 750rpx;
  481. height: 100%;
  482. overflow: auto;
  483. } */
  484. .ranksList{
  485. position: absolute;
  486. top: 0;
  487. left: 0;
  488. right:0;
  489. bottom:0;
  490. width: 750rpx;
  491. }
  492. .taskGroup{
  493. box-sizing: border-box;
  494. padding-top:23rpx;
  495. }
  496. .recordFrame{
  497. position: absolute;
  498. top: 104rpx;
  499. left: 0;
  500. width: 750rpx;
  501. height: 485rpx;
  502. overflow: auto;
  503. }
  504. .getUserMsgBtn{
  505. position: absolute;
  506. left: 0;
  507. top: 0;
  508. width: 100%;
  509. height: 100%;
  510. opacity: 0;
  511. margin: 0;
  512. padding:0;
  513. }
  514. .prizeDesc{
  515. position: fixed;
  516. top: 0;
  517. left: 0;
  518. width: 100%;
  519. height: 100%;
  520. background-color: rgba(000, 000, 000, 0.34);
  521. display: flex;
  522. align-items: center;
  523. justify-content: center;
  524. padding-bottom: 150rpx;
  525. box-sizing: border-box;
  526. }
  527. .prizeImgGroup{
  528. width: 453rpx;
  529. position: relative;
  530. }
  531. .prizeImg{
  532. width: 100%;
  533. }
  534. .closeDescIcon{
  535. position: absolute;
  536. top: -37rpx;
  537. right: -38rpx;
  538. width: 38rpx;
  539. height: 37rpx;
  540. }
  541. .ruleImgGroup{
  542. width: 500rpx;
  543. height: 864rpx;
  544. position: relative;
  545. }
  546. .ruleImg{
  547. width: 100%;
  548. height: 100%;
  549. }
  550. .prizeCustomGroup{
  551. width:453rpx;
  552. height:503rpx;
  553. position: relative;
  554. }
  555. .prizeCustom{
  556. border-radius: 10rpx;
  557. overflow: hidden;
  558. width:100%;
  559. height:100%;
  560. background-color: white;
  561. }
  562. .prizeTitle{
  563. height: 63rpx;
  564. background-color: #005EFD;
  565. color: white;
  566. line-height: 63rpx;
  567. text-align: center;
  568. font-size: 26rpx;
  569. margin-bottom: 67rpx;
  570. }
  571. .prizeDescText{
  572. font-size: 26rpx;
  573. line-height: 26rpx;
  574. margin-bottom: 26rpx;
  575. text-align: center;
  576. }
  577. .getPhoneFrame{
  578. position: absolute;
  579. left: 0;
  580. top: 0;
  581. width: 652rpx;
  582. height: 65rpx;
  583. z-index: 2;
  584. }
  585. .getPhoneBtn{
  586. opacity: 0;
  587. }