recommend.wxss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. .top-banner{
  2. width:100%;
  3. }
  4. .avatar-block{
  5. height: 156rpx;
  6. margin:-78rpx 0 58rpx;
  7. text-align: center;
  8. width:100%;
  9. display: flex;
  10. justify-content: center;
  11. }
  12. .recommend-btn{
  13. background:url('https://jzmall.lifejingzhi.com/file/jzmall/weixin/btn.png') no-repeat center;
  14. background-size: 100%;
  15. width:592rpx;
  16. height: 114rpx;
  17. margin:0 auto;
  18. color:#fff;
  19. font-size: 36rpx;
  20. line-height:114rpx;
  21. text-align: center;
  22. font-weight:bold;
  23. }
  24. .avatar-wrapper{
  25. padding:6rpx;
  26. width:156rpx;
  27. height:156rpx;
  28. background:#fff;border-radius:100%;
  29. }
  30. .user-avatar{
  31. width:146rpx;
  32. height:146rpx;
  33. border-radius:100%;
  34. }
  35. .user-name{
  36. color:#2A2A2A;
  37. font-size: 40rpx;
  38. font-weight: bold;
  39. text-align: center;
  40. }
  41. .jz-slogan{
  42. color:#2A2A2A;
  43. font-size: 32rpx;
  44. margin:30rpx 0 40rpx;
  45. text-align: center;
  46. height: 32rpx;
  47. }
  48. .agree-terms{
  49. margin:30rpx 0 104rpx;
  50. height: 26rpx;
  51. display: flex;
  52. justify-content: center;
  53. align-items: center;
  54. }
  55. .user-agree{
  56. color:#85868A;
  57. font-size: 24rpx;
  58. margin-left:8rpx;
  59. }
  60. .user-terms{
  61. color:#CC4226;
  62. font-size: 24rpx;
  63. }
  64. .adv-block{
  65. display:flex;
  66. padding:40rpx 24rpx 80rpx;
  67. justify-content: space-between;
  68. }
  69. .adv-item{
  70. background:url('https://jzmall.lifejingzhi.com/file/jzmall/weixin/tag-bg.png') no-repeat center;
  71. background-size: 100%;
  72. height: 126rpx;
  73. width:212rpx;
  74. padding:24rpx 0 14rpx;
  75. display: flex;
  76. flex-direction: column;
  77. align-items: center;
  78. justify-content: space-between;
  79. }
  80. .adv-word{
  81. font-size: 34rpx;
  82. line-height: 34rpx;
  83. color:white;
  84. }
  85. .adv-text{
  86. font-size: 24rpx;
  87. color:#2a2a2a;
  88. }