becomeMember.wxss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. .become-member-page{
  2. background: #1B1B1B;
  3. height: 100vh;
  4. padding:188rpx 0 0;
  5. }
  6. .become-member{
  7. background: url('https://jzmall.lifejingzhi.com/file/jzmall/weixin/new/become-member-bg.png') no-repeat center top;
  8. background-size: 100%;
  9. width:662rpx;
  10. height: 532rpx;
  11. margin:0 auto;
  12. display: flex;
  13. flex-direction: column;
  14. align-items: center;
  15. padding:60rpx 0 0;
  16. }
  17. .success-title{
  18. color: #5D3A11;
  19. font-size: 60rpx;
  20. height: 60rpx;
  21. line-height: 60rpx;
  22. font-weight:bold;
  23. background: linear-gradient(180deg, #F1E3C8 0%, #e6cc8c 100%);
  24. -webkit-background-clip: text;
  25. -webkit-text-fill-color: transparent;
  26. margin:0 0 16rpx 0;
  27. }
  28. .member-title{
  29. color: #5D3A11;
  30. font-size: 60rpx;
  31. height: 60rpx;
  32. line-height: 60rpx;
  33. font-weight:bold;
  34. background: linear-gradient(180deg, #ebd09c 0%, #e6bd57 100%);
  35. -webkit-background-clip: text;
  36. -webkit-text-fill-color: transparent;
  37. }
  38. .valid-date{
  39. height: 26rpx;
  40. line-height: 26rpx;
  41. font-size: 26rpx;
  42. color: #5D3A11;
  43. background: linear-gradient(181deg, #ebd09c 0%, #E6C162 100%);
  44. -webkit-background-clip: text;
  45. -webkit-text-fill-color: transparent;
  46. margin:36rpx 0 120rpx;
  47. }
  48. .benefit-btn{
  49. width: 384rpx;
  50. height: 76rpx;
  51. line-height: 76rpx;
  52. background: linear-gradient(181deg, #F1E3C8, #E6C162);
  53. border-radius: 38rpx;
  54. font-size: 32rpx;
  55. color:#5D3A11;
  56. font-weight: bold;
  57. text-align: center;
  58. }