/*隐藏ThinkPHP的调试信息*/
#think_page_trace_open {
    display: none;
}
.text-space {
    white-space: nowrap; /*不允许换行*/
    overflow: hidden; /*溢出部分进行隐藏*/
    text-overflow: ellipsis; /*将溢出部分替换为... */
}
/*用于input输入框的样式*/
.Style-None{
    border-style: none;/*边框样式为无*/
    border-bottom-style: solid; /*边框底部样式为实线*/
    border-width: 1px;/*边框宽度为1px*/
}
/*隐藏*/
.DisplayNone { display: none; }
/*光标呈现为指示链接的指针（一只手）*/
.DisplayCursor { cursor: pointer;  }
/* 左浮动 */
.fl{ float: left; }
/* 右浮动 */
.fr{ float: right; }
/*文本的水平对齐方式：左齐*/
.text-l { text-align: left;  }
/*文本的水平对齐方式：右对齐*/
.text-rt { text-align: right; }
/*文本的水平对齐方式：居中对齐*/
.text-c { text-align: center; }
/* tbody表格 斑马纹 奇数行,单数1,3,5,7,9*/
.zebra_color_even { background-color: #FFFFFF; }
/* tbody表格 斑马纹 偶数行，双数0,2,4,6,8*/
.zebra_color_odd { background-color: #eae7e7; }
/* tbody表格 【把move_tr_color类名写在tbody的class里面】鼠标移动到tr上面变颜色 :hover伪类*/
.move_tr_color tr:hover {
    /*  important 是CSS（层叠样式表）中的一个关键字，用于增加某个CSS声明的优先级。
        当在CSS样式中使用 !important 时，该样式将具有更高的权重，
        可以覆盖其他可能冲突的样式规则。
    */
    background-color: #67b3ee !important;
}
/* table表格 点击选中tr行的颜色*/
.click_tr { background-color: #67b3ee; }
/* table表格 点击选中th 列的颜色*/
.click_th { background-color: #67b3ee; }
/* table表格 点击选中tdr行的颜色*/
.click_td { background-color: #8fea7a; }
/* input 不能填写的颜色*/
.placeholder-color {background-color: #eee;}
/* 工作日志首页里，没有外出的颜色背景*/
.color4 { background-color: #FFBD9D; }
/*禁用“tr行”的显示样式*/
.color-Del-tr{
    /*background-color: #FA5858;*/
    color: red;
    text-decoration: line-through;
}

/*************************************index 页面 表格_开始*********************************************************/
/* index 页面 表格_开始 */
/* 表头固定设置 【th和td的宽度必须一样的。】*/
.guao-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse; /* 合并相邻的边框 */
}

.guao-table caption h1{
    font-size: 2em;/* 设置字体大小 */
    /*font-family: Helvetica Neue, Helvetica, PingFang SC,Arial, serif;*/
    color: #5F5F5F;/* 设置文本颜色为#5F5F5F，这是一种深灰色 */
    margin-bottom: 10px;
}



.guao-table thead {
    width: 100%;
    /*display: table; !* 视为一个表格元素 *!*/
    /*table-layout: fixed; !* 固定表格布局 *!*/
    /*width: calc(100% - 1.2em)*/
}
.guao-table thead tr{

}
.guao-table thead tr th {
    height: 25px;/* 高度 */
    padding: 5px 10px;/* 设置内边距，上下为5像素，左右为10像素 */
    font-size: 14px;/* 设置字体大小 */
    /* 设置字体族，优先使用"Helvetica Neue"，如果没有则依次尝试'Helvetica', 'PingFang SC', "Arial"，如果都没有则使用无衬线字体 */
    font-family: "Helvetica Neue", 'Helvetica', 'PingFang SC',"Arial", serif;
    color: #5F5F5F;/* 设置文本颜色为#5F5F5F，这是一种深灰色 */
    text-align: center; /* 文字居中 */
    line-height : 100%;/* 设置行高【和元素高度一样时，上下居中】 */
    cursor: pointer;/* 设置光标样式为指针，通常用于表示元素可点击 */
    border: 1px solid #EEEEEE;/* 设置边框样式为实线 */
    border-collapse: collapse; /*相邻单元格的边框会合并*/

    font-weight: bold ; /*粗体*/
    background-color: #dedcdc;/* 设置背景颜色为#dedcdc，这是一种浅灰色 */
    table-layout: fixed; /* 固定表格布局 */
}
.guao-table tbody {
    /*display: inline-block; !*为块元素*!*/
    /*height: 800px;!*高度不在这里设置，让js在页面获取自动值*!*/
    /*overflow-y: hidden; !*显示垂直滚动条*!*/
    /*overflow-x: hidden; !*隐藏横滚动条*!*/
}
.guao-table tbody tr{
    width: 100%;
    /*display: table; !* 视为一个表格元素 *!*/
    table-layout: fixed; /* 固定表格布局 */
    border: 2px dotted #eee;
}
.guao-table tbody tr td {
    height: 20px;/* 高度 */
    padding: 5px 10px;/* 设置内边距，上下为5像素，左右为10像素 */
    /*font-size: 14px;!* 设置字体大小 *!*/
    /* 设置字体族，优先使用"Helvetica Neue"，如果没有则依次尝试'Helvetica', 'PingFang SC', "Arial"，如果都没有则使用无衬线字体 */
    /*font-family: "Helvetica Neue", 'Helvetica', 'PingFang SC',"Arial", serif;*/
    font: 12px "Helvetica Neue", "Helvetica", "PingFang SC", "Tahoma", "Arial", "sans-serif";
    color: #5F5F5F;/* 设置文本颜色为#5F5F5F，这是一种深灰色 */
    text-align: center; /* 文字居中 */
    line-height : 100%;/* 设置行高【和元素高度一样时，上下居中】 */
    cursor: pointer;/* 设置光标样式为指针，通常用于表示元素可点击 */
    border: 1px solid #EEEEEE;/* 设置边框样式为实线 */
    border-collapse: collapse; /*相邻单元格的边框会合并*/

    /*font-weight: lighter; !*细体*!*/
    word-break: break-all;/* 设置如何处理过长的单词或连续字符的换行，break-all表示在任意字符间断行 */
}
/* index 页面 表格_结束 */
/*************************************index 页面 表格_结束*********************************************************/
/*************************************记录里的表格样式_开始*********************************************************/
/* 记录里的表格样式_开始 */
.guao-table-record thead {
    display: table; /* 视为一个表格元素 */
    table-layout: fixed; /* 固定表格布局 */
    width: calc(100% - 1.2em)
}

.guao-table-record thead tr {

}

.guao-table-record thead tr th {
    height: 25px; /* 高度 */
    padding: 5px 10px; /* 设置内边距，上下为5像素，左右为10像素 */
    font-size: 14px; /* 设置字体大小 */
    /* 设置字体族，优先使用"Helvetica Neue"，如果没有则依次尝试'Helvetica', 'PingFang SC', "Arial"，如果都没有则使用无衬线字体 */
    font-family: "Helvetica Neue", 'Helvetica', 'PingFang SC', "Arial", serif;
    color: #5F5F5F; /* 设置文本颜色为#5F5F5F，这是一种深灰色 */
    text-align: center; /* 文字居中 */
    line-height: 100%; /* 设置行高【和元素高度一样时，上下居中】 */
    cursor: pointer; /* 设置光标样式为指针，通常用于表示元素可点击 */
    border: 1px solid #EEEEEE; /* 设置边框样式为实线 */
    border-collapse: collapse; /*相邻单元格的边框会合并*/
    font-weight: bold; /*粗体*/
    background-color: #dedcdc; /* 设置背景颜色为#dedcdc，这是一种浅灰色 */
    table-layout: fixed; /* 固定表格布局 */
}

.guao-table-record tbody {
    display: block; /*为块元素*/
    /*height: 800px;!*高度不在这里设置，让js在页面获取自动值*!*/
    overflow-y: scroll; /*显示垂直滚动条*/
    overflow-x: hidden; /*隐藏横滚动条*/
}

.guao-table-record tbody tr {
    display: table; /* 视为一个表格元素 */
    table-layout: fixed; /* 固定表格布局 */
}

.guao-table-record tbody tr td {
    height: 20px; /* 高度 */
    padding: 5px 10px; /* 设置内边距，上下为5像素，左右为10像素 */
    font-size: 12px; /* 设置字体大小 */
    /* 设置字体族，优先使用"Helvetica Neue"，如果没有则依次尝试'Helvetica', 'PingFang SC', "Arial"，如果都没有则使用无衬线字体 */
    font-family: "Helvetica Neue", 'Helvetica', 'PingFang SC', "Arial", serif;
    color: #5F5F5F; /* 设置文本颜色为#5F5F5F，这是一种深灰色 */
    text-align: center; /* 文字居中 */
    line-height: 100%; /* 设置行高【和元素高度一样时，上下居中】 */
    cursor: pointer; /* 设置光标样式为指针，通常用于表示元素可点击 */
    border: 1px solid #EEEEEE; /* 设置边框样式为实线 */
    border-collapse: collapse; /*相邻单元格的边框会合并*/

    font-weight: lighter; /*细体*/
    word-break: break-all; /* 设置如何处理过长的单词或连续字符的换行，break-all表示在任意字符间断行 */
}
/* 记录里的表格样式_结束 */
/*************************************记录里的表格样式_结束*********************************************************/
/*************************************Add 页面 表格*********************************************************/
/*Add 页面 表格_开始*/
/*新增，查看，编辑->框架->【整体表格】*/

.guao-div-add caption h1{
    font-size: 2em;/* 设置字体大小 */
    /*font-family: Helvetica Neue, Helvetica, PingFang SC,Arial, serif;*/
    color: #5F5F5F;/* 设置文本颜色为#5F5F5F，这是一种深灰色 */
    margin-bottom: 10px;
}

.guao-div-add {
    /*height: 100%;*/
    /*min-width: 100%;*/
    /*position: absolute; !*绝对定位*!*/
    overflow: auto;
}

.guao-div-add table{
    width: 96%;
    margin-left: 2%; /*margin-left：减掉是自身【在页面看自身的宽度】的一半，就刚好左右*/
    background-color: #fff; /*背景颜色*/
    color: #666;
}

.guao-div-add table tbody {

}

/*新增，查看，编辑->框架->【表头，名称】*/
.guao-div-add table tbody tr {
    height: 35px; /*高*/
    border: 1px solid #999; /*边框：厚度 样式 颜色*/
}

/*新增，查看，编辑->框架->【表头，名称】*/
.guao-div-add table tbody tr th {
    width: 100px;
    border: 1px solid #999; /*边框：厚度 样式 颜色*/
    background-color: #eee; /*背景颜色*/
    padding-right: 8px; /*内容外边距-左边：*/
    text-align: right; /*文本的水平对齐方式：右*/
}

/*新增，查看，编辑->框架->【表格】*/
.guao-div-add table tbody tr td {
    /*border-collapse: collapse; !*相邻单元格的边框会合并*!*/
}

/*新增，查看，编辑->框架->【表格内的->输入框】*/
.guao-div-add table tbody tr td input {
    width: 100%; /*宽*/
    height: 35px; /*高*/
    border: none; /*边框：样式没有【不显示边框线】*/
    overflow: hidden; /*内容溢出：隐藏溢出容器的内容且不出现滚动条*/
    text-indent: 2px; /*首行文本的缩进*/
    border-radius: 2px; /*圆角*/
}

/*新增，查看，编辑->框架->【表格内的->下拉框】*/
.guao-div-add table tbody tr td select {
    width: 100%; /*宽*/
    height: 35px; /*高*/
    border: none; /*边框：样式没有【不显示边框线】*/
    font-size: 14px;/* 设置字体大小 */
    padding-left: 0
}

/*表格内的->备注*/
.guao-div-add table tbody tr td textarea {
    width: 100%; /*宽*/
    height: 100%; /*高*/
    border: none; /*边框：样式没有【不显示边框线】*/
    /*overflow: hidden; !*内容溢出：隐藏溢出容器的内容且不出现滚动条*!*/
    margin-top: 6px; /*外边距-上：*/
    margin-bottom: 2px; /*外边距-下：*/
    resize: none; /*<textarea> 标签定禁止拉伸*/
    /*text-indent: 5px;!*文本的缩进*!*/
}
.But_div { text-align: center; }
/*Add 页面 表格_结束*/
/*************************************Add 页面 表格_结束*********************************************************/