index.css 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
  1. html {
  2. height: 100%;
  3. }
  4. body {
  5. height: 100%;
  6. font-size: 0.9rem;
  7. }
  8. .dropdown-menu {
  9. font-size: 0.9rem
  10. }
  11. /*自定义css*/
  12. .header {
  13. position: relative;
  14. background: #e1e1e1
  15. }
  16. .header .header-logo {
  17. background: #ff6501;
  18. color: #fff;
  19. float: left;
  20. padding-top: .25rem;
  21. padding-bottom: .25rem;
  22. margin-right: 1rem;
  23. font-size: 1.25rem;
  24. line-height: inherit
  25. }
  26. .top-msg {
  27. position: fixed;
  28. top: 0;
  29. width: 100%;
  30. z-index: 999
  31. }
  32. .in-1 {
  33. padding-left: 0rem!important
  34. }
  35. .in-2 {
  36. padding-left: 1rem!important
  37. }
  38. .in-3 {
  39. padding-left: 1.5rem!important
  40. }
  41. .in-4 {
  42. padding-left: 2rem!important
  43. }
  44. .in-5 {
  45. padding-left: 2.5rem!important
  46. }
  47. .in-6 {
  48. padding-left: 3rem!important
  49. }
  50. .disabled {
  51. pointer-events: none;
  52. opacity: .65;
  53. color: #666;
  54. }
  55. .wrapper {
  56. position: absolute;
  57. top: 38px;
  58. bottom: 0;
  59. width: 100%;
  60. }
  61. .main {
  62. height: 100%;
  63. width: 100%;
  64. }
  65. .main .left {
  66. float: left;
  67. width: 40%;
  68. height: 100%;
  69. }
  70. .main .left .top {
  71. height: 40%;
  72. }
  73. .main .left .bottom {
  74. position: relative;
  75. height: 60%;
  76. }
  77. .main .left .bottom .tab-bar {
  78. padding: 5px 10px;
  79. height: 38px;
  80. }
  81. .main .left .bottom .spread {
  82. position: absolute;
  83. top: 38px;
  84. bottom: 0;
  85. width: 100%;
  86. }
  87. .main .right {
  88. float: left;
  89. width: 59.9%;
  90. height: 100%;
  91. }
  92. .main .right .top {
  93. height: 70%;
  94. }
  95. .main .right .bottom {
  96. height: 30%;
  97. }
  98. .empty-spread {
  99. height: 300px;
  100. }
  101. .recommend {
  102. margin: 4px 0;
  103. }
  104. .recommend-spread {
  105. height: 200px;
  106. }
  107. .recommend-input {
  108. display: inline-block;
  109. width: 200px !important;
  110. }
  111. #save-in-summary {
  112. margin-bottom: 4px;
  113. }
  114. #match-all {
  115. display: inline-block;
  116. margin-left: 20px;
  117. color: #000;
  118. }
  119. #match-all-input {
  120. margin-left: -1rem !important;
  121. }
  122. #match-all-label {
  123. padding: 0;
  124. }