suifang_list.css 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. body,html,.c-main,.mui-slider,.mui-slider-group{height: 100%;}
  2. .c-h35 { height: 35px; }
  3. .c-lh35 { line-height: 35px; }
  4. .c-323232 { color: #323232; }
  5. .l-wrapper { top: 50px; }
  6. .cb-F0B548{background: #F0B548;}
  7. .cb-19d5c5 { background: #19D5C5; }
  8. .c-fwb{font-weight: bold;}
  9. .n-list{margin: 10px;border-radius: 5px;border:1px solid #dcdcdc;}
  10. .n-list .n-list-li{position: relative;padding-bottom: 5px;}
  11. .n-list .n-list-key{position: absolute;right: -6px;top:20px}
  12. .mui-segmented-control { background-color: #FFF; }
  13. .div-status-content{width: 60px;height: 30px;text-align:center;line-height:30px;color:#fff;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
  14. .cb-cccccc { background: #cccccc; }
  15. .zixun-conten{display: -moz-box;display: -webkit-box;background-color: #FFF;max-height:70px;font-size: 14px;padding-right: 10px;margin-bottom:5px;overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#323232;word-break: break-all;font-size: 14px;}
  16. .doc-avatar { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; }
  17. .circle-icon { display: inline-block;border:3px solid #909090; border-radius: 5px; }
  18. .again-btn { padding: 3px 10px; border: 1px solid #17b3ec; border-radius: 5px; }
  19. #statistics_btn { position: absolute; right: 20px; top: 0; }
  20. .lin-sel-group{
  21. position: absolute;
  22. top: 45px;
  23. background: #fff;
  24. width: 100%;
  25. z-index: 11;
  26. display: none;
  27. }
  28. .lin-sel-group li{
  29. text-align: center;
  30. color: #17b3ec;
  31. height: 40px;
  32. line-height: 40px;
  33. font-size: 16px;
  34. border-bottom: 1px solid #f2f4f6;
  35. }
  36. .lin-sel-group img{
  37. width: 20px;
  38. margin: 10px;
  39. display: none;
  40. }
  41. .lin-sel-group li.checked img{
  42. display: inline;
  43. }
  44. .lin-mask{
  45. position: absolute;
  46. top: 45px;
  47. height: 100%;
  48. width: 100%;
  49. /*background: #000;*/
  50. height: 100%;
  51. z-index: 10;
  52. display: none;
  53. background-color: rgba(0,0,0,0.5);
  54. }
  55. .lin-down-arrow{
  56. position: relative;
  57. top: -2px;
  58. left: 5px;
  59. height: 10px;
  60. width: 10px;
  61. border-bottom: 3px solid #fff;
  62. border-right: 3px solid #fff;
  63. display: inline-block;
  64. transform:rotate(45deg);
  65. -ms-transform:rotate(45deg); /* IE 9 */
  66. -moz-transform:rotate(45deg); /* Firefox */
  67. -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
  68. -o-transform:rotate(45deg); /* Opera */
  69. zoom: 1;
  70. box-sizing: border-box;
  71. }
  72. .n-list { overflow: hidden; }
  73. .c-list > .list-arrow-r, .c-list > .list-arrow-u, .c-list > .list-arrow-d {
  74. padding-right: 1.5rem;
  75. }
  76. .c-list > li, .c-list > .c-list-div {
  77. position: relative;
  78. display: -webkit-box;
  79. display: box;
  80. -webkit-box-pack: center;
  81. box-pack: center;
  82. padding-right: 0.75rem;
  83. margin-left: 0.75rem;
  84. border-top: 1px solid #f1f1f1;
  85. line-height: 1rem;
  86. }
  87. .c-list > .list-arrow-r:after, .c-list > .list-arrow-u:after, .c-list > .list-arrow-d:after {
  88. position: absolute;
  89. top: 50%;
  90. right: 0.75rem;
  91. margin-top: -0.25rem;
  92. content: "";
  93. display: block;
  94. width: 0.4rem;
  95. height: 0.4rem;
  96. border: solid #cdcdcd;
  97. border-width: 0.1rem 0.1rem 0 0;
  98. -webkit-transform: rotate(45deg);
  99. transform: rotate(45deg);
  100. }
  101. .no-result-img {
  102. display: block!important;
  103. width: 320px!important;
  104. height: 184px!important;
  105. margin: 0 auto!important;
  106. margin-top: 120px!important;
  107. }
  108. .mui-segmented-control.mui-scroll-wrapper .mui-scroll {
  109. width: 100%;
  110. }
  111. .mui-segmented-control.mui-scroll-wrapper .mui-control-item {
  112. width: 50%;
  113. }
  114. .mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
  115. border-bottom: 2px solid #17b3ec;
  116. }
  117. .mui-segmented-control.mui-scroll-wrapper{height: 40px;}
  118. .in-list{display: inline-block;background-color: #17B3EC;color: #fff;font-size: 14px;padding: 2px 3px;border-radius: 11px;}