recommend.wxss 1.5 KB

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