.it-table {
    position: relative;
    width: 100%;
    height: 100%;
}

.it-ov {
    position: absolute;
    top: -1px;
    bottom: -1px;
    width: 10px;
    right: -10px;
    display: none;
}

    .it-ov .ov-col {
        position: absolute;
        top: 40px;
        bottom: 33px;
        left: 0;
        right: 0;
        background-color: #f6f6f6;
        border: 1px solid #cdcdcd;
    }


    .it-ov .ov {
        position: absolute;
        right: 0;
        width: 8px;
        height: 3px;
        background-color: #a8a8a8;
        cursor: pointer;
    }

.it-table .it-ov.dis {
    display: block;
}

.it-cont {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
}

    .it-cont .it-head {
        position: absolute;
        height: 22px;
    }

    .it-cont .bg {
        border-top: 1px solid #fff;
        background: #f2f2f2;
        border-bottom: 1px solid #9a9a9a;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 22px;
    }

    .it-cont .db {
        position: absolute;
        top: 0;
        bottom: 0;
        border-left: 1px solid #11abe6;
        left: 100px;
        z-index: 99;
    }

    .it-cont .it-head > div {
        float: left;
        position: relative;
        border-right: 1px solid #e3e3e3;
        overflow: hidden;
        height: 100%;
    }

        .it-cont .it-head > div label {
            padding-left: 5px;
            padding-right: 5px;
            overflow: hidden;
            white-space: nowrap;
            font-weight: normal;
            margin: 0;
            display: block;
        }

        .it-cont .it-head > div span {
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            width: 7px;
            cursor: col-resize;
        }

            .it-cont .it-head > div span:hover {
                background-color: #ddd;
            }


    .it-cont .it-body {
        overflow: auto;
        position: absolute;
        top: 22px;
        left: 0;
        right: 0;
        bottom: 0;
    }

        .it-cont .it-body .it-table-con {
            height: 100%;
        }

        .it-cont .it-body table {
            table-layout: fixed;
            min-height: 1px;
        }

            .it-cont .it-body table tbody {
                position: relative;
            }

            .it-cont .it-body table tr.active td {
                background-color: #eaf2ff  !important;
            }

            .it-cont .it-body table tr:hover td {
                background-color: #f2f7ff;
            }

            .it-cont .it-body table td {
                border-right: 1px solid #e3e3e3;
                border-bottom: 1px solid #ddd;
                white-space: nowrap;
                cursor: pointer;
                overflow: hidden;
                padding: 0;
            }

                .it-cont .it-body table td > span {
                    padding: 0 5px;
                    display: block;
                    white-space:normal;
                }