mine.wxss 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. /* 水平间距 */
  2. /* 水平间距 */
  3. .container.data-v-7c2ebfa5 {
  4. position: relative;
  5. height: 100vh;
  6. color: #001713;
  7. background-color: #fff;
  8. overflow-y: auto;
  9. }
  10. .container .banner.data-v-7c2ebfa5 {
  11. width: 100%;
  12. height: 482rpx;
  13. }
  14. .container .title.data-v-7c2ebfa5 {
  15. position: absolute;
  16. left: 354rpx;
  17. font-size: 40rpx;
  18. }
  19. .container .author.data-v-7c2ebfa5 {
  20. position: absolute;
  21. left: 32rpx;
  22. top: 214rpx;
  23. width: 126rpx;
  24. height: 126rpx;
  25. border-radius: 50%;
  26. }
  27. .container .name.data-v-7c2ebfa5 {
  28. position: absolute;
  29. left: 178rpx;
  30. top: 232rpx;
  31. font-size: 36rpx;
  32. }
  33. .container .phone.data-v-7c2ebfa5 {
  34. position: absolute;
  35. left: 178rpx;
  36. top: 282rpx;
  37. font-size: 28rpx;
  38. color: #616267;
  39. }
  40. .container .saoma.data-v-7c2ebfa5 {
  41. position: absolute;
  42. left: 578rpx;
  43. top: 232rpx;
  44. font-size: 36rpx;
  45. }
  46. .container .box.data-v-7c2ebfa5 {
  47. position: absolute;
  48. top: 370rpx;
  49. left: 26rpx;
  50. box-sizing: border-box;
  51. padding: 0 30rpx;
  52. width: 700rpx;
  53. min-height: 300rpx;
  54. border-radius: 12rpx;
  55. background-color: #fff;
  56. box-shadow: 0 3rpx 6rpx #ccc;
  57. }
  58. .container .box .box_title.data-v-7c2ebfa5 {
  59. display: flex;
  60. align-items: center;
  61. height: 134rpx;
  62. font-size: 32rpx;
  63. }
  64. .container .box .box_list.data-v-7c2ebfa5 {
  65. display: flex;
  66. flex-wrap: wrap;
  67. align-items: center;
  68. }
  69. .container .box .box_list .list_item.data-v-7c2ebfa5 {
  70. display: flex;
  71. flex-direction: column;
  72. justify-content: space-between;
  73. align-items: center;
  74. margin-bottom: 40rpx;
  75. width: 160rpx;
  76. height: 130rpx;
  77. font-size: 28rpx;
  78. }
  79. .container .box .box_list .list_item .item_img.data-v-7c2ebfa5 {
  80. width: 68rpx;
  81. height: 68rpx;
  82. }
  83. .container .top.data-v-7c2ebfa5 {
  84. top: 690rpx;
  85. }