index.acss 956 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. .mine {
  2. width: 100%;
  3. }
  4. .mine-top {
  5. display: flex;
  6. align-items: center;
  7. flex-direction: column;
  8. }
  9. .top-area {
  10. width: 100%;
  11. height: 468rpx;
  12. border-bottom-left-radius: 4%;
  13. border-bottom-right-radius: 4%;
  14. background-color: #4065FB;
  15. }
  16. .mine-user {
  17. margin-top: -150rpx;
  18. padding-left: 32rpx;
  19. padding-right: 32rpx;
  20. width: 646rx;
  21. height: 254rpx;
  22. }
  23. .mine-user-msg {
  24. width: 646rx;
  25. height: 254rpx;
  26. background-color: #fff;
  27. border-radius: 6px;
  28. position: relative;
  29. margin-bottom: 40rpx;
  30. }
  31. .mine-head {
  32. width: 174rpx;
  33. height: 174rpx;
  34. background-color: #edeef5;
  35. border-radius: 50%;
  36. position: absolute;
  37. left: 252rpx;
  38. top: -83rpx;
  39. }
  40. .mine-name {
  41. display: block;
  42. text-align: center;
  43. height: 68rpx;
  44. font-size: 40rpx;
  45. padding-top: 150rpx;
  46. }
  47. .mine-btn button {
  48. background-color: #4065FB;
  49. color: #fff;
  50. height: 96rpx;
  51. line-height: 96rpx;
  52. }
  53. .mine-bgc button {
  54. background-color: #fff;
  55. color: #333;
  56. }