main-my.wxss 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. #main-my {
  2. margin: 0;
  3. padding: 0;
  4. width: 750rpx;
  5. display: flex;
  6. flex-direction: column;
  7. align-items: center;
  8. }
  9. .main-my-header-box {
  10. width: 718rpx;
  11. height: 176rpx;
  12. border: 1px solid #000;
  13. display: flex;
  14. flex-direction: column;
  15. justify-content: center;
  16. align-items: center;
  17. }
  18. .main-my-header {
  19. width: 684rpx;
  20. height: 152rpx;
  21. border: 1px solid #000;
  22. display: flex;
  23. justify-content: center;
  24. align-items: center;
  25. }
  26. .main-my-header-image {
  27. width: 138rpx;
  28. height: 120rpx;
  29. border: 1px solid #000;
  30. margin-left: 0rpx;
  31. }
  32. .main-my-header-image image{
  33. width: 138rpx;
  34. height: 120rpx;
  35. }
  36. .main-my-header-font {
  37. width: 350rpx;
  38. height: 120rpx;
  39. border: 1px solid #000;
  40. padding-left: 30rpx;
  41. }
  42. .main-my-header-font-up {
  43. margin-top: 15rpx;
  44. margin-bottom: 10rpx;
  45. }
  46. .main-my-header-font-down {
  47. color: #616161;
  48. font-size: 24rpx;
  49. }
  50. .main-my-header-right{
  51. width: 120rpx;
  52. height: 120rpx;
  53. border: 1px solid #000;
  54. }
  55. .main-my-header-right image{
  56. width: 50rpx;
  57. height: 50rpx;
  58. padding-top: 20rpx;
  59. float: right;
  60. }
  61. .main-my-body-box {
  62. width: 718rpx;
  63. height: 650rpx;
  64. border: 1px solid #000;
  65. display: flex;
  66. flex-direction: column;
  67. align-items: center;
  68. justify-content: center;
  69. }
  70. .main-my-body-box-item{
  71. width: 692rpx;
  72. height: 94rpx;
  73. border: 1px solid #000;
  74. box-sizing: border-box;
  75. padding-left: 30rpx;
  76. padding-top: 25rpx;
  77. display: flex;
  78. justify-content: space-between;
  79. }
  80. .main-my-body-box-item image{
  81. height: 50rpx;
  82. width: 50rpx;
  83. vertical-align: middle;
  84. }