edu_history.css 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. .mui-fullscreen .mui-segmented-control~.mui-slider-group{top:46px;}
  2. .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{border-color: #e1e1e1;}
  3. .mui-segmented-control .mui-control-item{line-height: 23px; padding: 10px 0;}
  4. .mui-control-item a{display: block;}
  5. .mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{border-bottom: 3px solid #17B3EC;}
  6. .mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active a{color: #17B3EC;}
  7. .c-323232 { color: #323232; }
  8. .n-list{margin: 10px;border-radius: 5px;border:1px solid #dcdcdc;}
  9. .n-list .n-list-li{position: relative;padding-bottom: 5px;}
  10. .n-list .n-list-key{position: absolute;right: -6px;top:20px}
  11. .lin-sel-group{
  12. position: absolute;
  13. top: 45px;
  14. background: #fff;
  15. width: 100%;
  16. z-index: 11;
  17. display: none;
  18. }
  19. .lin-sel-group li{
  20. text-align: center;
  21. color: #17b3ec;
  22. height: 40px;
  23. line-height: 40px;
  24. font-size: 16px;
  25. border-bottom: 1px solid #f2f4f6;
  26. }
  27. .lin-sel-group img{
  28. width: 20px;
  29. margin: 10px;
  30. display: none;
  31. }
  32. .lin-sel-group li.checked img{
  33. display: inline;
  34. }
  35. .lin-mask{
  36. position: absolute;
  37. top: 45px;
  38. height: 100%;
  39. width: 100%;
  40. /*background: #000;*/
  41. height: 100%;
  42. z-index: 10;
  43. display: none;
  44. background-color: rgba(0,0,0,0.5);
  45. }
  46. .lin-down-arrow{
  47. position: relative;
  48. top: -2px;
  49. left: 5px;
  50. height: 10px;
  51. width: 10px;
  52. border-bottom: 3px solid #fff;
  53. border-right: 3px solid #fff;
  54. display: inline-block;
  55. transform:rotate(45deg);
  56. -ms-transform:rotate(45deg); /* IE 9 */
  57. -moz-transform:rotate(45deg); /* Firefox */
  58. -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
  59. -o-transform:rotate(45deg); /* Opera */
  60. zoom: 1;
  61. box-sizing: border-box;
  62. }
  63. .n-list { overflow: hidden; }
  64. .c-list > .list-arrow-r, .c-list > .list-arrow-u, .c-list > .list-arrow-d {
  65. padding-right: 1.5rem;
  66. }
  67. .c-list > li, .c-list > .c-list-div {
  68. position: relative;
  69. display: -webkit-box;
  70. display: box;
  71. -webkit-box-pack: center;
  72. box-pack: center;
  73. padding-right: 0.75rem;
  74. margin-left: 0.75rem;
  75. border-top: 1px solid #f1f1f1;
  76. line-height: 1rem;
  77. }
  78. .c-list > .list-arrow-r:after, .c-list > .list-arrow-u:after, .c-list > .list-arrow-d:after {
  79. position: absolute;
  80. top: 50%;
  81. right: 0.75rem;
  82. margin-top: -0.25rem;
  83. content: "";
  84. display: block;
  85. width: 0.4rem;
  86. height: 0.4rem;
  87. border: solid #cdcdcd;
  88. border-width: 0.1rem 0.1rem 0 0;
  89. -webkit-transform: rotate(45deg);
  90. transform: rotate(45deg);
  91. }
  92. .doc-avatar{width: 45px;}
  93. .doc-avatar img {
  94. width: 100%;
  95. }