family.css 3.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. @charset "utf-8";
  2. body {
  3. margin: 0;
  4. max-width: initial;
  5. }
  6. .list-wrap {
  7. margin: 0 10px;
  8. }
  9. .family-list li {
  10. margin-top: 10px;
  11. }
  12. .family-list .n-list-key {
  13. margin: 5px 0;
  14. }
  15. .family-list h2 {
  16. font-weight: bold;
  17. color: #323232;
  18. font-size: 16px;
  19. }
  20. .family-list .n-list-info p {
  21. margin-top: 10px;
  22. font-size: 12px;
  23. }
  24. .icon-add {
  25. display: inline-block;
  26. width: 30px;
  27. height: 30px;
  28. background-image: url(../images/tianjia_jiaren_icon.png);
  29. background-repeat: no-repeat;
  30. background-position: center;
  31. background-size: cover;
  32. }
  33. .family-list .red {
  34. color: #ff6a56;
  35. }
  36. .family-list .list-last {
  37. display: -webkit-box;
  38. display: -moz-box;
  39. display: box;
  40. -webkit-box-orient: vertical;
  41. -moz-box-orient: vertical;
  42. box-orient: vertical;
  43. -webkit-box-pack: center;
  44. -moz-box-pack: center;
  45. box-pack: center;
  46. height: 80px;
  47. border-style: dashed;
  48. }
  49. .family-list .list-last p {
  50. color: #dedede;
  51. font-size: 12px;
  52. }
  53. .c-47a8ef {
  54. color: #47A8EF;
  55. }
  56. .c-ff6a56 {
  57. color: #FF6A56;
  58. }
  59. .c-btn-fc6155 {
  60. background-color: #fc6155;
  61. }
  62. #wrapper {
  63. top: 30px;
  64. }
  65. .c-list > li, .c-list > .c-list-div { position: relative; display: -webkit-box; display: box; -webkit-box-pack: center; box-pack: center; padding-right: 0.75rem; margin-left: 0.75rem; border-top: 1px solid #f1f1f1; line-height:1rem;}
  66. .c-list > li:first-child, .c-list > .c-list-div:first-child { border-top: none; }
  67. .c-list > .c-list-cover, .c-list > .c-list-link:active { padding-left: 0.75rem; margin-left: 0; }
  68. .c-list > .c-list-link:active { background: #f7f7f7;}
  69. .c-list-a{display: -webkit-box; display: box; width:100%; color:#333;}
  70. .c-list-title, .c-list-key, .c-list-info { display: -webkit-box; display: box; -webkit-box-orient: vertical; box-orient: vertical; -webkit-box-pack: center; box-pack: center; }
  71. .c-list-title{ -webkit-box-pack: start; box-pack: start;}
  72. .c-list-info { -webkit-box-flex: 1; box-flex: 1; }
  73. .c-list > .c-list-fun, .c-list > .c-list-label{ border-top: none; padding-right: 0; }
  74. .c-list > li:first-child, .c-list > .c-list-fun:first-child .c-list-info, .c-list > .c-list-fun:first-child .c-list-key, .c-list > .c-list-fun:first-child .c-list-title, .c-list-div:first-child { border: none; }
  75. .c-list > .list-arrow-r, .c-list > .list-arrow-u, .c-list > .list-arrow-d { padding-right: 1.5rem; }
  76. .c-list > .list-arrow-r:after, .c-list > .list-arrow-u:after, .c-list > .list-arrow-d:after { position: absolute; top: 50%; right: 0.75rem; margin-top: -0.25rem; content: ""; display: block; width: 0.4rem; height: 0.4rem; border: solid #cdcdcd; border-width: 0.1rem 0.1rem 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  77. .c-list > .list-arrow-u:after { right: 0.65rem; margin-top: -0.1rem; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  78. .c-list > .list-arrow-d:after { right: 0.65rem; margin-top: -0.4rem; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
  79. .c-list-info.c-border-t, .c-list-key.c-border-t, .c-list-title.c-border-t { border-color: #f1f1f1; }
  80. .list-wrap {
  81. overflow: hidden;
  82. }
  83. .mui-switch {
  84. display: inline-block;
  85. }
  86. .c-list .c-list-key {
  87. margin-right: 0
  88. }