userbook.wxss 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
  1. .container {
  2. background-color: #fff;
  3. }
  4. .text1 {
  5. margin: 360rpx 0 0 0;
  6. font-size: 64rpx;
  7. }
  8. .text2 {
  9. margin: 10rpx 0 0 0;
  10. font-size: 28rpx;
  11. font-weight: 400;
  12. text-align: center;
  13. }
  14. .userinfo {
  15. width: 100%;
  16. height: 130rpx;
  17. background-color: #ff9f33;
  18. justify-content: space-between;
  19. }
  20. .avatar {
  21. width: 70rpx;
  22. height: 70rpx;
  23. border-radius: 50%;
  24. }
  25. .nickname {
  26. margin-left: 20rpx;
  27. font-size: 28rpx;
  28. color: #fff;
  29. }
  30. .panel1 {
  31. width: 100%;
  32. height: 134rpx;
  33. align-items: flex-start;
  34. justify-content: space-between;
  35. font-weight: 400;
  36. font-size: 28rpx;
  37. }
  38. .left {
  39. margin-left: 30rpx;
  40. margin-top: 30rpx;
  41. }
  42. .right {
  43. margin-right: 30rpx;
  44. margin-top: 30rpx;
  45. align-items: flex-end;
  46. }
  47. .panel11 {
  48. color: #787878;
  49. }
  50. .panel12 {
  51. font-weight: 500;
  52. font-size: 24rpx;
  53. }
  54. .panelTitle {
  55. width: 100%;
  56. justify-content: space-between;
  57. background-color: #f0f0f0;
  58. }
  59. .panelTitle .panelTitle1 {
  60. font-size: 32rpx;
  61. margin: 50rpx 30rpx 30rpx 30rpx;
  62. }
  63. .panelItem {
  64. width: 100%;
  65. justify-content: flex-start;
  66. font-size: 24rpx;
  67. font-weight: 400;
  68. position: relative;
  69. }
  70. .line {
  71. width:100%;
  72. height:20rpx;
  73. background-color: #f0f0f0;
  74. }
  75. .text3{
  76. width:690rpx;
  77. margin-top: 30rpx;
  78. }
  79. .btn{
  80. font-size:28rpx;
  81. width:480rpx;
  82. height:90rpx;
  83. border-radius: 10rpx;
  84. text-align: center;
  85. line-height: 90rpx;
  86. color:#0071EF;
  87. background-color: #fff;
  88. border:1rpx solid #9B9B9B;
  89. margin: 40rpx 0 10rpx 0;
  90. }
  91. .text4{
  92. width:690rpx;
  93. line-height: 42rpx;
  94. }
  95. .salesactivity_a01_usermanual_banner_header{
  96. width:100%;
  97. height:403rpx;
  98. }
  99. .salesactivity_a01_usermanual_banner_bg{
  100. width:100%;
  101. height:170rpx;
  102. position: absolute;
  103. bottom:0;
  104. z-index: 5;
  105. }
  106. .text5{
  107. margin-bottom: 60rpx;
  108. }
  109. .panelItem1{
  110. justify-content: flex-start;
  111. width: 100%;
  112. z-index: 10;
  113. }
  114. .btn2{
  115. width:300rpx;
  116. color:#1E1E1E;
  117. margin: 0 50rpx 50rpx 60rpx;
  118. }
  119. .text9{
  120. width:690rpx;
  121. margin-bottom: 20rpx;
  122. text-align: center;
  123. font-size:24rpx;
  124. }
  125. .btn3{
  126. width:480rpx;
  127. margin: 0 0 60rpx 0;
  128. }
  129. .text6{
  130. font-size:28rpx;
  131. color:#0071EF;
  132. text-decoration: underline;
  133. margin-bottom: 50rpx;
  134. }
  135. .news_lesson_a01{
  136. width:690rpx;
  137. height:240rpx;
  138. border-radius: 10rpx;
  139. margin: 40rpx 0 30rpx 0;
  140. }
  141. .text7{
  142. width:690rpx;
  143. text-align: left;
  144. font-weight: 400;
  145. }
  146. .text8{
  147. width:690rpx;
  148. text-align: left;
  149. font-size:32rpx;
  150. margin: 10rpx 0 20rpx 0;
  151. }
  152. .text10{
  153. width:690rpx;
  154. text-align: left;
  155. font-weight: 400;
  156. margin-bottom: 20rpx;
  157. }
  158. .news_mustread{
  159. width:690rpx;
  160. height:240rpx;
  161. border-radius: 10rpx;
  162. margin: 40rpx 0 30rpx 0;
  163. }
  164. .salesactivity_a02_usermanual_banner_header{
  165. width:100%;
  166. height:458rpx;
  167. }