6589b7d6dc258dac893e21ef5847a7097bb59978.svn-base 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  1. .check_diqu {
  2. display: none;
  3. height: 100%;
  4. overflow-x: hidden;
  5. }
  6. .layer_diqu .layui-layer-btn {
  7. padding: 0!important;
  8. }
  9. .layer_diqu .layui-layer-btn a {
  10. display: block;
  11. margin: 0;
  12. text-align: center;
  13. height: 36px;
  14. line-height: 36px;
  15. }
  16. .check_diqu ul.check_diqu li {
  17. *zoom: 1;
  18. }
  19. .check_diqu ul:after,.check_diqu li:after {
  20. content: "";
  21. display: block;
  22. height: 0;
  23. clear: both;
  24. visibility: hidden;
  25. }
  26. .check_diqu .diqu_checkbox {
  27. padding: 5px 10px!important;
  28. }
  29. .check_diqu>ul {
  30. padding: 20px;
  31. }
  32. .check_diqu>ul>li {
  33. display: block;
  34. margin-bottom: 15px;
  35. }
  36. .check_diqu>ul>li>.diqu_checkbox {
  37. float: left;
  38. max-width: 150px;
  39. }
  40. .check_diqu>ul>li>ul {
  41. margin-left: 150px;
  42. }
  43. .check_diqu>ul>li>ul>li {
  44. position: relative;
  45. float: left;
  46. }
  47. .check_diqu>ul>li>ul>li>.diqu_checkbox {
  48. position: relative;
  49. border: 1px solid #fff!important;
  50. transition: border-color 0s;
  51. margin: 0;
  52. }
  53. .check_diqu>ul>li>ul>li>ul {
  54. opacity: 0;
  55. transition: all .3s,border-color 0s;
  56. visibility: hidden;
  57. position: absolute;
  58. z-index: 1;
  59. width: 300px;
  60. padding: 10px 0;
  61. border: 1px solid #fff;
  62. top: 100%;
  63. margin-top: -1px;
  64. background-color: #fff;
  65. margin-bottom: 20px;
  66. }
  67. .check_diqu>ul>li>ul>li>ul.no-child {
  68. width: 100%;
  69. padding: 0;
  70. }
  71. .check_diqu .diqu_popup_r {
  72. right: 0;
  73. }
  74. .check_diqu>ul>li>ul>li:hover>ul {
  75. border-color: #ccc;
  76. opacity: 1;
  77. visibility: visible;
  78. }
  79. .check_diqu>ul>li>ul>li:hover>.diqu_checkbox {
  80. z-index: 2;
  81. transition: border-color .3s;
  82. border-top-color: #ccc!important;
  83. border-left-color: #ccc!important;
  84. border-right-color: #ccc!important;
  85. }
  86. .check_diqu>ul>li>ul>li:hover.no-child>.diqu_checkbox {
  87. border-bottom-color: #ccc!important;
  88. }
  89. .check_diqu .layui-form-checked-some .layui-icon {
  90. background-color: #fff;
  91. position: relative;
  92. }
  93. .check_diqu .layui-form-checked-some .layui-icon:after {
  94. content: '';
  95. position: absolute;
  96. left: 12.5%;
  97. top: 12.5%;
  98. width: 75%;
  99. height: 75%;
  100. background-color: #00a2e9;
  101. }
  102. .diqu_checkbox {
  103. display: inline-block;
  104. vertical-align: middle;
  105. height: auto!important;
  106. line-height: normal!important;
  107. border: none!important;
  108. margin-right: 0;
  109. padding-right: 0;
  110. background: 0 0;
  111. position: relative;
  112. cursor: pointer;
  113. font-size: 0;
  114. border-radius: 2px;
  115. -webkit-transition: .1s linear;
  116. transition: .1s linear;
  117. }
  118. .diqu_checkbox input {
  119. display: none!important;
  120. }
  121. .diqu_checkbox span {
  122. float: right;
  123. line-height: 18px;
  124. background: 0 0;
  125. color: #666;
  126. padding: 0 10px;
  127. height: 100%;
  128. font-size: 14px;
  129. overflow: hidden;
  130. white-space: nowrap;
  131. text-overflow: ellipsis;
  132. }
  133. .diqu_checkbox:hover span {
  134. background-color: transparent;
  135. }
  136. .diqu_checkbox i {
  137. height: 18px;
  138. display: inline-block;
  139. vertical-align: middle;
  140. position: relative;
  141. top: 0;
  142. right: 0;
  143. width: 18px;
  144. line-height: 18px;
  145. border: 1px solid #d2d2d2;
  146. font-size: 0;
  147. border-radius: 2px;
  148. background-color: #fff;
  149. -webkit-transition: .1s linear;
  150. transition: .1s linear;
  151. text-align: center;
  152. color: transparent;
  153. }
  154. .diqu_checkbox:hover i {
  155. border-color: #00a2e9;
  156. color: transparent;
  157. }
  158. .diqu_checkbox input:checked + i {
  159. border-color: #00a2e9;
  160. background-color: #00a2e9;
  161. color: #fff;
  162. font-size: 12px;
  163. }