jiebangshebei.css 3.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. @charset "utf-8";
  2. /* c-list
  3. -----------------------------------------------------------------------------*/
  4. .ptb12 { padding-top: .6rem; padding-bottom: .6rem; }
  5. .c-list-group h3 { padding: .3rem .75rem; background-color: #f9f9f9; font-size: .65rem; color: #5b5b5b; margin: 0; vertical-align: middle; }
  6. .c-avatar-s { width: 1.3rem; height: 1.3rem; }
  7. .c-avatar-m { width: 2rem; height: 2rem; }
  8. .c-avatar-l { width: 2.7rem; height: 2.7rem; }
  9. .c-avatar-s img, .c-avatar-m img, .c-avatar-l img { width: 100%; height: 100%; }
  10. .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;}
  11. .c-list > li:first-child, .c-list > .c-list-div:first-child { border-top: none; }
  12. .c-list > .c-list-cover, .c-list > .c-list-link:active { padding-left: 0.75rem; margin-left: 0; }
  13. .c-list > .c-list-link:active { background: #f7f7f7;}
  14. .c-list-a{display: -webkit-box; display: box; width:100%; color:#333;}
  15. .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; }
  16. .c-list-title{ -webkit-box-pack: start; box-pack: start;}
  17. .c-list-info { -webkit-box-flex: 1; box-flex: 1; }
  18. .c-list > .c-list-fun, .c-list > .c-list-label{ border-top: none; padding-right: 0; }
  19. .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; }
  20. .c-list > .list-arrow-r, .c-list > .list-arrow-u, .c-list > .list-arrow-d { padding-right: 1.5rem; }
  21. .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); }
  22. .c-list > .list-arrow-u:after { right: 0.65rem; margin-top: -0.1rem; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  23. .c-list > .list-arrow-d:after { right: 0.65rem; margin-top: -0.4rem; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
  24. .c-list-info.c-border-t, .c-list-key.c-border-t, .c-list-title.c-border-t { border-color: #f1f1f1; }
  25. @font-face {
  26. font-family: Muiicons;
  27. font-weight: 400;
  28. font-style: normal;
  29. src: url(../../../fonts/mui.ttf) format('truetype')
  30. }
  31. .mui-input-row .mui-input-clear~.mui-icon-clear{
  32. font-size: 20px;
  33. position: absolute;
  34. z-index: 1;
  35. top: 10px;
  36. right: -10px;
  37. width: 38px;
  38. height: 38px;
  39. line-height: 38px;
  40. text-align: center;
  41. color: #999
  42. }
  43. .mui-icon {
  44. font-family: Muiicons;
  45. font-size: 24px;
  46. font-weight: 400;
  47. font-style: normal;
  48. line-height: 1;
  49. display: inline-block;
  50. text-decoration: none;
  51. -webkit-font-smoothing: antialiased;
  52. }
  53. .mui-hidden {
  54. display: none!important;
  55. }
  56. .mui-icon-clear:before, .mui-icon-close-filled:before {
  57. content: '\e434';
  58. }