index.wxss 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. /* 图标 */
  2. @import "../../icon/icon.wxss";
  3. .main .one {
  4. display: flex;
  5. justify-content: center;
  6. background-color: var(--rgb40E);
  7. padding-top: 50rpx;
  8. padding-bottom: 100rpx;
  9. }
  10. .main .one .button {
  11. position: relative;
  12. width: 80px;
  13. height: 80px;
  14. overflow: hidden;
  15. border: 1px solid #cccccc;
  16. border-radius: 90px;
  17. }
  18. .main .one .button .image {
  19. position: absolute;
  20. top: 0;
  21. left: 0;
  22. width: 80px;
  23. height: 80px;
  24. overflow: hidden;
  25. border-radius: 90px;
  26. }
  27. .main .two {
  28. display: flex;
  29. flex-direction: column;
  30. align-items: center;
  31. margin-top: -50rpx;
  32. margin-bottom: 20rpx;
  33. }
  34. .main .two .two_1 {
  35. display: flex;
  36. justify-content: space-between;
  37. width: 88%;
  38. background-color: #ffffff;
  39. border: 1rpx solid rgb(176, 176, 176);
  40. border-radius: 25rpx;
  41. padding: 20rpx;
  42. }
  43. .main .thr {
  44. display: flex;
  45. flex-direction: column;
  46. align-items: center;
  47. margin-top: 0rpx;
  48. }
  49. .main .thr .thr_1 {
  50. width: 94%;
  51. background-color: #ffffff;
  52. border: 1rpx solid rgb(176, 176, 176);
  53. border-radius: 30rpx;
  54. }
  55. .main .thr .thr_1 .list {
  56. display: flex;
  57. justify-content: space-between;
  58. align-items: center;
  59. margin: 20rpx;
  60. height: 70rpx;
  61. border-bottom: 1px solid rgb(176, 176, 176);
  62. }
  63. .main .thr .thr_1 .list:last-child {
  64. border-bottom: none;
  65. }
  66. .main .thr .thr_1 .list .list_1 {
  67. margin: 0 2vw 0 0;
  68. color: var(--rgb314);
  69. }
  70. .main .thr .thr_1 .list .list_1 .iconfont {
  71. font-size: 20px;
  72. padding: 0 8rpx;
  73. color: var(--rgb40E);
  74. }
  75. .main .thr .thr_1 .list .list_1 .title {
  76. font-size: 16px;
  77. }
  78. .main .thr .thr_1 .list .list_2 {
  79. color: #868686;
  80. }