@charset "utf-8";
/* 格式化样式 */

.q_bnt_head{ height:36px; margin-bottom:24px;}
.q_bnt_adddata{ padding:0px 20px; height:36px; line-height:36px; background:linear-gradient(322deg, #5A33FF -34.58%, #6CC7FF 132%); font-size:14px; color:#FFFFFF; border-radius:99px; box-shadow:0px 2px 9px 0px rgba(103, 161, 255, 0.50);}
.q_bnt_adddata:before{ content:''; width:14px; height:14px; margin:-3px 8px 0 0; background:url(../images/tree/ico-tree-add-white.png) no-repeat; background-size:100% 100%; display:inline-block; vertical-align:middle;}

.q_weight_tips{ margin-bottom:24px; padding:10px 20px; line-height:20px; font-size:; background:#E9F4FE; border:1px solid #9DC9FA; font-size:14px; color:#474C59; border-radius:4px;}
.q_weight_tips:before{ content:''; width:16px; height:16px; margin:-3px 8px 0 0; background:url(../images/tree/icon-tip-blue.png) no-repeat; background-size:100% 100%; display:inline-block; vertical-align:middle;}

.q_tree_box{}
.q_tree_box .q_tree_pack{ position:relative;}
.q_tree_box .q_tree_pack li{ position:relative;}
.q_tree_box .q_tree_drag{ position:absolute; left:0; top:0; bottom:0; z-index:9; width:22px; background:url(../images/tree/ico-tree-move.png) no-repeat 0 10px; background-size:20px 20px; cursor:move;}
.q_tree_box .q_tree_drag:before{ position:absolute; left:0; top:0; content:''; width:300px; height:2px; display:block;}
.q_tree_box .q_tree_drag:after{ position:absolute; left:0; bottom:0; content:''; width:300px; height:2px; display:block;}
.q_tree_box .q_tree_entry{ position:relative; padding:4px 0 4px 22px; min-height:32px; font-size:14px; color:#131B26; border-radius:6px;}
.q_tree_box .q_tree_entry:hover{ background:#F0F6FF;}
.q_tree_box .q_tree_main{ position:relative; padding:0 24px 0 22px;}
.q_tree_box .q_tree_icon{ position:absolute; left:0; top:10px; width:12px; height:12px; background:url(../images/tree/ico-tree-arrow.png) no-repeat; background-size:100% 100%;}
.q_tree_box .q_tree_icon{ -webkit-transform:rotate(0deg); -webkit-transition:all .2s linear; display:block;}
.q_tree_box .q_tree_down{ -webkit-transform:rotate(90deg);}
.q_tree_box .q_tree_collapse{ display:none; position:absolute; left:0; top:10px; width:12px; height:12px; background:url(../images/tree/ico-tree-arrow.png) no-repeat; background-size:100% 100%; z-index: 99;}
.q_tree_box .q_tree_expand{ display:none; position:absolute; left:0; top:10px; width:12px; height:12px; background:url(../images/tree/ico-tree-arrow.png) no-repeat; background-size:100% 100%; -webkit-transform:rotate(90deg);}
.q_tree_box .q_tree_file{ background:url(../images/tree/ico-tree-file.png) no-repeat; background-size:100% 100%; display:block;}
.q_tree_box .q_tree_title{ height:32px; line-height:32px; color:#131B26; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.q_tree_box .q_tree_descr{ height:32px; line-height:32px; color:#474C59; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.q_tree_box .q_tree_text{ padding:2px 0; height:28px; line-height:28px; color:#474C59; width:100%; display:table; -webkit-box-sizing: border-box; box-sizing:border-box;}

.q_tree_box li .q_tree_form{ padding:2px 0 2px 28px;}
.q_tree_box li .q_tree_input{ width:360px; height:20px; line-height:20px; padding:5px 9px; font-size:14px; color:#131B26; border:solid #3a8bff 1px; background:#FFFFFF; border-radius:4px; vertical-align:top;}
.q_tree_box li .q_tree_yes,.q_tree_box li .q_tree_not{ margin:4px 0 0 10px; width:24px; height:24px; background:url(../images/rename_ico.png) no-repeat; overflow:hidden; display:inline-block; vertical-align:top;}
.q_tree_box li .q_tree_yes:hover{ background-position:0 -30px}
.q_tree_box li .q_tree_not{ background-position:-30px 0;}
.q_tree_box li .q_tree_not:hover{ background-position:-30px -30px;}

.q_tree_box li ul{ padding-left:30px;}

.q_tree_box li li:before{ position:absolute; top:0; bottom:0; left:-2px; content:''; width:1px; border-left:dashed #DBDBDB 1px;}
.q_tree_box li li .q_tree_entry:after{ position:absolute; top:20px; left:-2px; content:''; width:16px; height:0; border-top:dashed #DBDBDB 1px;}
.q_tree_box li.q_tree_dotted>.q_tree_entry:before{ position:absolute; top:40px; bottom:0; left:28px; content:''; width:1px; border-left:dashed #DBDBDB 1px;}
/*.q_tree_box li li:last-child .q_tree_entry:before{ display:none;}*/

.q_tree_box li .q_tree_pack li li:last-child:before{ height:20px;}
.q_tree_box li:last-child .q_tree_pack>li:last-child:before{ height:20px;}

.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; background:#F0F6FF;}
.dd-dragel .q_tree_drag{ visibility:visible !important; opacity:1 !important;}
.dd-dragel li li .q_tree_drag{ background:none;}
.dd-placeholder{ padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; -webkit-box-sizing:border-box; box-sizing:border-box;}

.q_tree_box li .q_tree_drag{ opacity:0;}
.q_tree_box li .drag_hidden{ opacity:1;}
.q_tree_box li .drag_visible{ opacity:1;}
.q_tree_box li .q_tree_drag:hover+.q_tree_entry{ background-color:#F0F6FF;}
.q_tree_box li .q_tree_drag:hover{ display:block !important; opacity:1;}
.q_tree_box li .q_tree_pack{ display:none;}

.q_kaoh_set{ position:relative; height:28px; background:#F2F4F7; border-radius:4px; display:inline-block; vertical-align:top; cursor:pointer;}
.q_kaoh_set .q_kaoh_set_name{ padding:0 28px 0 8px; max-width:124px; height:28px; line-height:28px; color:#474C59; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.q_kaoh_set .q_kaoh_set_name:after{ position:absolute; right:8px; top:50%; margin-top:-6px; content:''; display:block; width:12px; height:12px; background:url(../images/tree/ico-tree-arrow.png) no-repeat; background-size:100% 100%;
	-webkit-transform:rotate(90deg); transform:rotate(90deg); -webkit-transition:all .2s linear; transition:all .2s linear;
}
.q_kaoh_set .q_kaoh_set_down:after{-webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -ms-transform:rotate(270deg); -o-transform:rotate(270deg);}
.q_kaoh_set .q_kaoh_set_con{ position:absolute; left:0; top:120%; min-width:160px; z-index:99; display:none; overflow:hidden; border-radius:6px; background:#FFF; box-shadow:0px 2px 12px 0px rgba(175, 187, 204, 0.75);}
.q_kaoh_set .q_kaoh_set_scar{ margin:6px 2px; max-height:200px; overflow:hidden; overflow-y:auto;}
.q_kaoh_set .q_kaoh_set_scar a{ display:block; padding:10px 20px; min-height:20px; line-height:20px; font-size:14px; color:#474C59;}
.q_kaoh_set .q_kaoh_set_scar a:hover{ background:#F0F6FF;}

.q_quanz_input{ margin-right:8px; width:40px; height:28px; line-height:28px; padding:0 8px; background:#F2F4F7; font-size:14px; color:#474C59; border:0; border-radius:4px; text-align:center;}
.q_quanz_bfb{ color:#474C59;}

.q_tree_box .q_tree_entry:hover .q_kaoh_set{ background:#E2E6EC;}
.q_tree_box .q_tree_entry:hover .q_quanz_input{ background:#E2E6EC;}

.q_tree_title,.q_tree_descr{ cursor:pointer;}
.q_editInput{ width:90%; height:20px; line-height:20px; padding:5px 9px; border:1px solid #D4D6D9; font-size:14px; color:#131B26; border-radius:4px; vertical-align:top;}
.q_editInput:focus{ border-color:#3A8BFF;}

.q_tree_box .q_tree_entry:hover .q_tree_operate{ display:block;}
.q_tree_box .q_operate_display:hover .q_tree_operate{ display:none;}

.q_tree_operate{ display:none; position:absolute; top:0; bottom:0; right:0; padding-left:60px; width:300px; background:#F0F6FF; background: linear-gradient(90deg, rgba(240,246,255,0) 2%, rgba(240,246,255,1) 10%); border-radius:0 6px 6px 0;}
.q_tree_operate_middle{ position:absolute; left:60px; top:50%; margin-top:-16px; width:300px; height:32px;}
.q_tree_operate .q_tree_child,.q_tree_operate .q_tree_level,.q_tree_operate .q_tree_close{ position:relative; margin-right:40px; height:32px; line-height:32px; color:#3A8BFF; cursor:pointer;}
.q_tree_operate .q_child_name{ padding:0 18px 0 0; max-width:122px; height:32px; line-height:32px; color:#3A8BFF; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.q_tree_operate .q_child_name:after{ position:absolute; right:0; top:50%; margin-top:-6px; content:''; display:block; width:12px; height:12px; background:url(../images/tree/ico-tree-arrow.png) no-repeat; background-size:100% 100%;
	-webkit-transform:rotate(90deg); transform:rotate(90deg); -webkit-transition:all .2s linear; transition:all .2s linear;
}
.q_tree_operate .q_tree_child:hover .q_child_name:after{-webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -ms-transform:rotate(270deg); -o-transform:rotate(270deg);}
.q_tree_operate .q_tree_child:hover .q_child_con{ display:block;}
.q_tree_operate .q_child_con{ position:absolute; left:0; top:100%; min-width:140px; z-index:99; display:none; overflow:hidden; border-radius:6px; background:#FFF; box-shadow:0px 2px 12px 0px rgba(175, 187, 204, 0.75);}
.q_tree_operate .q_child_scar{ margin:6px 2px; max-height:200px; overflow:hidden; overflow-y:auto;}
.q_tree_operate .q_child_scar a{ display:block; padding:10px 20px; min-height:20px; line-height:20px; font-size:14px; color:#474C59;}
.q_tree_operate .q_child_scar a:hover{ background:#F0F6FF;}