.class-dialog{
    position: absolute;
    z-index:100100;
    
    &.single,&.shangxin{
        box-shadow:0 2px 6px rgba(0,0,0,.3);
        border: 1px solid #eeeeee \0;
    }
    &.multi{
        width:675px;
        box-shadow:0 2px 6px rgba(0,0,0,.3);
        border: 1px solid #eeeeee \0;
    }
    &.special{
        width:auto;
        position: relative;
        background-color: transparent;
        border:1px solid transparent;
        .bottom-area{
            background-color: #F5F8FA;
        }
        .shelf-area,.result-area,.class-tree-content {
            height: auto;
            overflow: visible;
        }
    }

    width:340px;
    padding:15px 5px 0 5px;
    background-color: #fff;
    color:#36434D;
    .bottom-area{
        padding:15px;
        text-align: right;
    }
    .goto-edit {
        float: left;
        line-height: 30px;
    }
    .button-new{
        float: left;   
        display: none;
    }
    .class-search{
        position: relative;
        z-index: 2;
        margin: 15px 0 5px 0;
    }
    .shelf-area,.result-area{
        float: left;
        width:315px;
        height: 350px;
        padding:0 10px;
    }
    .tab-reset{
        position: absolute;
        top:0;
        right:0;
        font-size: 12px;
        line-height: 24px;
    }
    .tu-tabbable-custom-min{
        position: relative;
        z-index: 1;
    }
    .tu-icon-close{
        display: none;
    }
    .result-area{
        border-left: 1px solid #E4EBF0;
        color:#667580;
    }
    .result-tilte{
        text-align: right;
        margin-bottom: 15px;
        font-size: 12px;
        line-height: 20px;

    }
    .result-reset{
        display: none;
    }
    .result-number{margin-left: 10px;}
    .result-name{
        float: left;
    }

    .result-list{
        height:295px;
        overflow-y: auto;
        overflow-x: hidden;
        font-size: 14px;
        line-height: 24px;
        li{
            padding:5px;
            &:hover{
                background-color: #F5F8FA;
                .tu-icon-cross{
                    display: inline-block;
                }
            }
        }
        .tu-icon-cross{
            font-size: 16px;
            line-height:24px;
            color:#C4CCD2;
            display: none;
            cursor: pointer;
            &:hover{
                color:#f04d4d;
            }
        }
    }
    .result-action{
        float: right;
        width: 16px;
        height: 20px;
        margin-left: 5px;
        display: inline-block;
    }
    .result-empty{
        font-size: 14px;
        line-height:246px;
        text-align: center;
        color:#ACB7BF;
    }
    .cont_rd{
        @include clearfix;
        height: 100%;
    }
    .tt_class_tree{
        position: relative;
    }
    .class-tree-content{
        height:280px;
        overflow-y: auto;
        overflow-x:hidden;
        &.search{
            .tt_klass_work li{
                padding-left: 0;
            }
        }
    }
    .tt_klass_work{
        font-size: 14px;
        line-height:24px;
        .item-tv{
            color:#36434D;
            padding-left: 20px;
            
        }
        .title_kw{
            padding:5px;
            cursor: pointer;
            span{margin-top: 5px;display: inline-block}
            &:hover{
                background-color:#F5F8FA;
            }
        }
        .title_tv{
            padding-left: 28px;
            @include text-overflow();
        }
        .left_tv{
            margin-right: -23px;
            right: 23px;
        }
    }

    .icon_tv{
        margin: 5px 0;
        margin-right: 5px;
        font-size: 18px;
        line-height: 24px;
        color:#ACB7BF;
        float:left;
    }
    .title_tv{
        position: relative;
        z-index: 1;
        padding-left: 50px;
        @include clearfix();
        cursor: pointer;
        &:hover{
            background-color:#F5F8FA;
        }
    }
    .text_tv{
        padding:5px 0;
        @include text-overflow();
    }
    .left_tv{
        float:left;
        position: relative;
        right: 45px;
        margin-right: -45px;
        z-index: 1;
    }
    .active>.title_tv{
        background-color:#EFF4F6;
        color: #005999;
        &:hover{
            background-color:#EFF4F6;
        }
    }
    .klass-search-result{
        position: absolute;
        top:27px;
        background: #fff;
    }
    .tu-menuitem{
        cursor: pointer;
        &.empty {
            cursor: default;
        }
        .tu-dropdown{

        }
    }
    .class-del{
        font-size: 14px;
        line-height: 24px;
        .cont-cd{
            margin-bottom: 10px;
        }
        label{
            font-size: 12px;
            line-height: 20px;
        }
    }
    .class-limit{
        width: 200px;
        z-index: 99;
    }
    .limit-add-dropdown{
        display: none;
        right: 200px;
        top: 28px;
    }
}

.class-tree{
    &.class-edit{
        .title_tv{padding-right: 130px;}
    }
    &.class-move{
       .title_tv{
            padding-left: 65px;
            &:hover{
                .tu-icon-three-point-shu2{
                    display: inline-block;
                }
            }
       }
       .left_tv{
            right: 65px;
            margin-right: -65px;
        }
       .tu-icon-three-point-shu2{
            padding:5px 0;
            background-color: #E4EBF0;
            display: none;
            cursor: move;
            font-size: 14px;
            line-height:24px;
       } 
    }
    .ico-move{
        width: 14px;
        margin-right: 5px;
        float: left;
        height:34px;
        font-size: 14px;
    }
    .item-tv{
        font-size: 14px;
        line-height:24px;
        color:#36434D;
        .item-tv{
            padding : 0;
            padding-left: 21px;
            margin: 1px 0 1px 0;
            .item-tv{
                padding-left: 23px;
            }
        }
    }
   
    .title_tv{
        &:hover{
            .action_ttv{
                display: inline;
            }
            .set_action{
                display: inline;
            }
        }
        .text_tv{
            @include text-overflow();
        }
        .action_ttv{
            position: absolute;
            right:0;
            top:0;
            display: none;
            a {
                display: inline-block;
                width: 30px;
                height: 30px;
                line-height: 30px;
                font-size: 16px;
                text-align: center;
                vertical-align:top;
                @include border-radius(2px);
                &:hover {
                    background-color: #fff;    
                    @include box-shadow(0 1px 2px rgba(0,0,0,.3));
                }
                
            }
            .add-category{
                width: 60px;
                font-size: 12px;
                border-radius: 0;
                white-space: nowrap;
                &:hover {
                    background-color: transparent;
                    @include box-shadow(0 0 0 rgba(0,0,0,0));
                }
            }
        }
        .lock-ttv{
            position: absolute;
            right:115px;
            top:0;
            line-height:30px;
            font-size: 16px;
            color:#ACB7BF;
        }
    }
    >.item-tv:first-child{
        >.title_tv:first-child {
            padding-left: 28px;
            .left_tv{
                margin-right: -23px;
                right: 23px;
            }
        }
        ul>li:first-child> .title_tv:hover{
            .move-top{
                display: none;
            }
        }
    }
    
    .icon-empty_tv{
        width:18px;
        height:15px;
        display: inline-block;
        overflow: hidden;
        vertical-align:middle;
        float: left;
        margin-right: 5px;
    }
    .item-tv>ul{
        display: none;
    }
    
    .unfold>ul{display:block}
        
}