/*
* @Author: 李燕南
* @Date:   2017-08-30 09:23:26
* @Last Modified by:   李燕南
* @Last Modified time: 2017-09-07 11:16:33
*/
@charset "utf-8";

body{
    margin: 0;
    padding: 0;
}
.fixed-table-box table {
  border-spacing: 0;
  border-collapse: collapse;
  box-sizing: border-box;
}
.fixed-table-box tr,
.fixed-table-box td,
.fixed-table-box th {
  box-sizing: border-box; -wenkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box;
}

.fixed-table-box{
    position: relative;
    font-size: 14px;
    line-height: 1.42858;
    border: 1px solid #dfe6ec;
    border-bottom: 0;
    border-right: 0;
    overflow: hidden;
}
.fixed-table-box:before{
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #dfe6ec;
}
.fixed-table-box:after{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    content: " ";
    width: 1px;
    height: 100%;
    background-color: #dfe6ec;
}
.fixed-table-box .fixed-table_header,
.fixed-table-box .fixed-table_body{
    width: auto;
}
.fixed-table-box table{
    background-color: #fff;
    border: 0;
    margin-bottom: 0;
}
.fixed-table-box th,.fixed-table-box td,.fixed-table_header th,.fixed-table_header td{
	min-height: 40px;
    position: relative;
    padding: 5px 0;
    border: 1px solid #dfe6ec;
}

.fixed-table-box th,.fixed-table-box th div{ text-align: left; width: 150px;}
.fixed-table-box td,.fixed-table-box td div{ text-align: left; width: 150px;}
/*.fixed-table-box tr th:first-child,.fixed-table-box tr th:first-child div{ text-align: left; width: 160px;}
.fixed-table-box tr td:first-child,.fixed-table-box tr td:first-child div{ text-align: left; width: 160px;}
.fixed-table-box th:last-child,.fixed-table-box th:last-child div{ width: auto;}
.fixed-table-box td:last-child,.fixed-table-box td:last-child div{ width: auto;}
.leftinput_fixed th:last-child,.leftinput_fixed th:last-child div{ width: 150px;}
.leftinput_fixed td:last-child,.leftinput_fixed td:last-child div{ width: 160px;}*/

/*一行40px,两行71px，三行101px，四行131*/
.leftinput_fixed tr:nth-child(1) td{ height: 40px;}
.leftinput_fixed tr:nth-child(2) td{ height: 40px;}
.leftinput_fixed tr:nth-child(3) td{ height: 40px;}
.leftinput_fixed tr:nth-child(4) td{ height: 71px;}
.leftinput_fixed tr:nth-child(5) td{ height: 40px;}
.leftinput_fixed tr:nth-child(6) td{ height: 40px;}
.leftinput_fixed tr:nth-child(7) td{ height: 71px;}
.leftinput_fixed tr:nth-child(8) td{ height: 131px;}
.leftinput_fixed tr:nth-child(9) td{ height: 71px;}
.leftinput_fixed tr:nth-child(10) td{ height: 40px;}
.leftinput_fixed tr:nth-child(11) td{ height: 40px;}
.leftinput_fixed tr:nth-child(12) td{ height: 71px;}
.leftinput_fixed tr:nth-child(13) td{ height: 71px;}
.leftinput_fixed tr:nth-child(14) td{ height: 71px;}
.leftinput_fixed tr:nth-child(15) td{ height: 101px;}
.leftinput_fixed tr:nth-child(16) td{ height: 71px;}
.leftinput_fixed tr:nth-child(17) td{ height: 40px;}
.leftinput_fixed tr:nth-child(18) td{ height: 40px;}
.leftinput_fixed tr:nth-child(19) td{ height: 40px;}
.leftinput_fixed tr:nth-child(20) td{ height: 40px;}
.leftinput_fixed tr:nth-child(21) td{ height: 40px;}
.leftinput_fixed tr:nth-child(22) td{ height: 40px;}
.leftinput_fixed tr:nth-child(23) td{ height: 40px;}
.leftinput_fixed tr:nth-child(24) td{ height: 40px;}
.leftinput_fixed tr:nth-child(25) td{ height: 40px;}
.leftinput_fixed tr:nth-child(26) td{ height: 40px;}
.leftinput_fixed tr:nth-child(27) td{ height: 40px;}
.leftinput_fixed tr:nth-child(28) td{ height: 40px;}
.leftinput_fixed tr:nth-child(29) td{ height: 40px;}
.leftinput_fixed tr:nth-child(30) td{ height: 40px;}
.leftinput_fixed tr:nth-child(31) td{ height: 40px;}
.leftinput_fixed tr:nth-child(32) td{ height: 40px;}
.leftinput_fixed tr:nth-child(33) td{ height: 40px;}
.leftinput_fixed tr:nth-child(34) td{ height: 40px;}
.fixed-table-box .table-cell{
    display: block;
    line-height: 30px;
    min-height: 30px;
    word-break: break-all;
    /*white-space: nowrap;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    padding: 0 8px;
    font-size: 12px;
}

/* 表头 start */
.fixed-table-box>.fixed-table_header-wraper{
    overflow: hidden; /*margin-right: 17px;*/
}
.fixed-table-box .fixed-table_header.fixed-header{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.fixed-table-box .fixed-table_header tr{
    background-color: #5A9A98;
}
.fixed-table-box .fixed-table_header th{
    color: #fff;
    border-top: 0;
    border-left: 0; font-weight: bold;
}
.fixed-table_header-wraper .table-cell{ font-weight: bold;}
/* 表头 end */

/*表格内容 start*/
.fixed-table-box .fixed-table_body td{
    border-top: 0;
    border-left: 0;
}
.fixed-table-box .fixed-table_body tr.rowHover{
    background-color: #effffe;
}
/*表格内容 end*/

/* 行固定表格 start*/
.fixed-table-box.head-fixed .fixed-table_body-wraper{
    overflow-y: auto;
}
.fixed-table-box.head-fixed .fixed-table_header,
.fixed-table-box.head-fixed .fixed-table_body{
    width: 100%;
}
/* 行固定表格 end*/

/* 列固定表格 start */
.fixed-table-box.col-fixed{
    /* overflow-x: auto; */
    border-right: 1px solid #effffe;
}
.fixed-table-box.col-fixed:after{
    display: none;
}
.fixed-table-box.col-fixed .fixed-table_header-wraper{
    /*设置它为overflow: hidden的目的是为了在拖动.fixed-table-box.col-fixed .fixed-table_body-wraper
    的时候可以同步的拖动.fixed-table-box.col-fixed .fixed-table_header-wraper*/
    overflow: hidden;
}
.fixed-table-box.col-fixed .fixed-table_body-wraper{
    overflow-x: auto;
}
/* 列固定表格 end */

/* 固定列 start */
.fixed-table_fixed{
    position: absolute;
    top: 0;
    z-index: 5;
    background-color: #fff;
    overflow: hidden;
}
.fixed-table_fixed-left{
    left: 0; /*height: 665px !important;*/
}
.fixed-table_fixed-right{
    right: 0;
    /* border-left: 1px solid #dfe6ec\0; */
    box-shadow: -2px -1px 8px 1px #d3d4d6;
}
.fixed-table_fixed .fixed-table_header-wraper,
.fixed-table_fixed .fixed-table_body-wraper{
    overflow-y: hidden;
}
.fixed-table_fixed.fixed-table_fixed-right td{
    border-right: none;
    border-left: 1px solid #dfe6ec;
}
/* 固定列 end */

/* 固定列和固定表头 start */
.fixed-table-box.row-col-fixed>.fixed-table_body-wraper{
    overflow: auto;
}

.fixed-table-box_fixed-right-patch{
    /*右上角的遮罩，如果少了这块在右边有固定列并且表格内容右侧有滚动条时会出现镂空的效果*/
    background-color: #5A9A98;
    position: absolute;
    top: 0;
    right: 0;
    width: 18px !important;
    height: 82px !important; border-bottom: 1px solid #dfe6ec;
}
.fixed-table-box_fixed-right-patch:after{ content: ""; display: block; clear: both; width: 18px; height: 41px; position: absolute; bottom: 0; right: 0; background: #fff;}
/* 固定列和固定表头 end */




.leftinput{ background: #5A9A98; color: #fff;}
.th2_color{ background: #fff; color: #333 !important;}
.fixed-table-box{
            width: 100%;
            margin: 0px auto;
        }
        .fixed-table-box>.fixed-table_body-wraper{/*内容了表格主体内容有纵向滚动条*/
            max-height: 600px;
        }
        
        .fixed-table_fixed>.fixed-table_body-wraper{/*为了让两侧固定列能够同步表格主体内容滚动*/
            max-height: 584px; padding-bottom: 17px;
        }

        .w-100s{
            width: 100%;
        }
        .w-auto{
            width: auto;
        }
        .w-150{
            width: 150px;
        }
        .w-120{
            width: 120px;
        }
        .w-300{
            width: 300px;
        }
        .w-100{
            width: 100px;
        }
        .w-50{
            width: 50px;
        }
        .btns{
            text-align: center;
        }
        .btns button{
            padding: 10px 20px;
        }