@charset "utf-8"; body { margin: 0; max-width: initial; } .list-wrap { margin: 0 10px; } .family-list li { margin-top: 10px; } .family-list .n-list-key { margin: 5px 0; } .family-list h2 { font-weight: bold; color: #323232; font-size: 16px; } .family-list .n-list-info p { margin-top: 10px; font-size: 12px; } .icon-add { display: inline-block; width: 30px; height: 30px; background-image: url(../images/tianjia_jiaren_icon.png); background-repeat: no-repeat; background-position: center; background-size: cover; } .family-list .red { color: #ff6a56; } .family-list .list-last { display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; height: 80px; border-style: dashed; } .family-list .list-last p { color: #dedede; font-size: 12px; } .c-47a8ef { color: #47A8EF; } .c-ff6a56 { color: #FF6A56; } .c-btn-fc6155 { background-color: #fc6155; } #wrapper { top: 30px; } .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;} .c-list > li:first-child, .c-list > .c-list-div:first-child { border-top: none; } .c-list > .c-list-cover, .c-list > .c-list-link:active { padding-left: 0.75rem; margin-left: 0; } .c-list > .c-list-link:active { background: #f7f7f7;} .c-list-a{display: -webkit-box; display: box; width:100%; color:#333;} .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; } .c-list-title{ -webkit-box-pack: start; box-pack: start;} .c-list-info { -webkit-box-flex: 1; box-flex: 1; } .c-list > .c-list-fun, .c-list > .c-list-label{ border-top: none; padding-right: 0; } .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; } .c-list > .list-arrow-r, .c-list > .list-arrow-u, .c-list > .list-arrow-d { padding-right: 1.5rem; } .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); } .c-list > .list-arrow-u:after { right: 0.65rem; margin-top: -0.1rem; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .c-list > .list-arrow-d:after { right: 0.65rem; margin-top: -0.4rem; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .c-list-info.c-border-t, .c-list-key.c-border-t, .c-list-title.c-border-t { border-color: #f1f1f1; } .list-wrap { overflow: hidden; } .mui-switch { display: inline-block; } .c-list .c-list-key { margin-right: 0 }