about.css 903 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. .container {
  2. padding: 20rpx 0;
  3. background: #FFFFFF;
  4. background-repeat: no-repeat;
  5. background-size: cover;
  6. width: 100vw;
  7. height: 100vh;
  8. display: flex;
  9. flex-direction: column;
  10. justify-content: flex-start;
  11. align-items: center;
  12. box-sizing: border-box;
  13. }
  14. .btn-goback {
  15. position: absolute;
  16. left: 2vw;
  17. top: 1.2vh;
  18. width: 8vw;
  19. height: 8vw;
  20. z-index: 9;
  21. }
  22. .list {
  23. width: 100%;
  24. height: 112px;
  25. box-sizing: border-box;
  26. padding: 0 20rpx;
  27. }
  28. .list-item {
  29. display: flex;
  30. justify-content: space-between;
  31. align-items: center;
  32. padding: 24px 12px;
  33. border-bottom: 1px solid #eeeeee;
  34. }
  35. .list-item .aside-left {
  36. display: flex;
  37. align-items: center;
  38. }
  39. .list-item .aside-left .icon {
  40. width: 32px;
  41. height: 32px;
  42. }
  43. .list-item .aside-left text {
  44. padding: 0 12px;
  45. font-size: 16px;
  46. color: #333333;
  47. letter-spacing: 0;
  48. font-weight: 400;
  49. }
  50. .list-item .aside-right {
  51. width: 9px;
  52. height: 14px;
  53. }