ul.jqtree-tree { margin-left: 0; } ul.jqtree-tree, ul.jqtree-tree ul.jqtree_common { list-style: none outside; margin-bottom: 0; padding: 0; } ul.jqtree-tree ul.jqtree_common { display: block; margin-left: 12px; margin-right: 0; } ul.jqtree-tree li.jqtree-closed > ul.jqtree_common { display: none; } ul.jqtree-tree li.jqtree_common { clear: both; list-style-type: none; } ul.jqtree-tree .jqtree-toggler { border-bottom: none; color: #333; text-decoration: none; margin-right: 0.5em; vertical-align: middle; } ul.jqtree-tree .jqtree-toggler:hover { color: #000; text-decoration: none; } ul.jqtree-tree .jqtree-element { cursor: pointer; } .jqtree-tree .jqtree-title { color: #0a243b; vertical-align: middle; margin-left: 1.5em; font-size: 15px; } .jqtree-element :hover { color: #ff8331 !important; } .jqtree-tree .jqtree-title.jqtree-title-folder { margin-left: 0; } ul.jqtree-tree li.jqtree-folder { margin-bottom: 4px; } ul.jqtree-tree li.jqtree-folder.jqtree-closed { margin-bottom: 1px; } ul.jqtree-tree .jqtree-toggler.jqtree-closed { background-position: 0 0; } span.jqtree-dragging { color: #fff; background: #000; opacity: 0.6; cursor: pointer; padding: 2px 8px; } ul.jqtree-tree li.jqtree-ghost { position: relative; z-index: 10; margin-right: 10px; } ul.jqtree-tree li.jqtree-ghost span { display: block; } ul.jqtree-tree li.jqtree-ghost span.jqtree-circle { border: solid 2px #0000ff; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; height: 8px; width: 8px; position: absolute; top: -4px; left: -6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* IE 6, 7, 8 */ @media \0screen\,screen\9 { ul.jqtree-tree li.jqtree-ghost span.jqtree-circle { background: url(images/jqtree-circle.png) no-repeat; border: 0 none; } } ul.jqtree-tree li.jqtree-ghost span.jqtree-line { background-color: #0000ff; height: 2px; padding: 0; position: absolute; top: -1px; left: 2px; width: 100%; } ul.jqtree-tree li.jqtree-ghost.jqtree-inside { margin-left: 48px; } ul.jqtree-tree span.jqtree-border { position: absolute; display: block; left: -2px; top: 0; border: solid 2px #0000ff; border-radius: 6px; margin: 0; box-sizing: content-box; } ul.jqtree-tree .jqtree-element { position: relative; } ul.jqtree-tree li.jqtree-selected > .jqtree-element, ul.jqtree-tree li.jqtree-selected > .jqtree-element:hover { background-color: #97BDD6; background: -webkit-gradient(linear, left top, left bottom, from(#BEE0F5), to(#BEE0F5)); background: -moz-linear-gradient(top, #BEE0F5, #BEE0F5); background: -ms-linear-gradient(top, #BEE0F5, #BEE0F5); background: -o-linear-gradient(top, #BEE0F5, #BEE0F5); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); } ul.jqtree-tree .jqtree-moving > .jqtree-element .jqtree-title { outline: dashed 1px #0000ff; } * { margin: 0px; padding: 0px; } .ul_tree { list-style: none; } .ul_tree .sub_li { border-bottom: none; padding-left: 0px !important; } .ul_tree li { list-style: none; min-height: 40px; height: auto; line-height: 40px; padding-left: 30px; border-bottom: 1px solid #E5E5E5; font-size: 18px; } .ul_tree li input { margin-right: 5px; } .ul_tree .open { background-image: url('tree_open.png'); background-repeat: no-repeat; background-size: 20px 15px; background-position: 5px 12.5px; } .ul_tree .close { background-image: url('tree_close.png'); background-repeat: no-repeat; background-size: 10px 20px; background-position: 10px 10px; } .ul_tree .act_li { background-color: #E5E5E5; border-color: #ddd; } /* 树级别 从0级开始*/ /* 第1级 */ .ul_tree .tree_level_1 li { padding-left: 40px; } .ul_tree .tree_level_1 .open { background-position: 15px 12.5px; } .ul_tree .tree_level_1 .close { background-position: 20px 10px; } /* 第2级 */ .ul_tree .tree_level_2 li { padding-left: 50px; } .ul_tree .tree_level_2 .open { background-position: 25px 12.5px; } .ul_tree .tree_level_2 .close { background-position: 30px 10px; } /* 第3级 */ .ul_tree .tree_level_3 li { padding-left: 60px; } .ul_tree .tree_level_3 .open { background-position: 35px 12.5px; } .ul_tree .tree_level_3 .close { background-position: 40px 10px; } /* 第4级 */ .ul_tree .tree_level_4 li { padding-left: 70px; } .ul_tree .tree_level_4 .open { background-position: 45px 12.5px; } .ul_tree .tree_level_4 .close { background-position: 50px 10px; } /* 第5级 */ .ul_tree .tree_level_5 li { padding-left: 80px; } .ul_tree .tree_level_5 .open { background-position: 55px 12.5px; } .ul_tree .tree_level_5 .close { background-position: 60px 10px; } /* 第6级 */ .ul_tree .tree_level_6 li { padding-left: 90px; } .ul_tree .tree_level_6 .open { background-position: 65px 12.5px; } .ul_tree .tree_level_6 .close { background-position: 70px 10px; } /* 第7级 */ .ul_tree .tree_level_7 li { padding-left: 100px; } .ul_tree .tree_level_7 .open { background-position: 75px 12.5px; } .ul_tree .tree_level_7 .close { background-position: 80px 10px; } /* 第8级 */ .ul_tree .tree_level_8 li { padding-left: 110px; } .ul_tree .tree_level_8 .open { background-position: 85px 12.5px; } .ul_tree .tree_level_8 .close { background-position: 90px 10px; }