table {
    border-collapse: collapse;
    border-spacing: 0;
}
.layui-table{width: 100%;background-color: #fff;color: #445566;margin-top:20px}
.layui-table tr{transition: all .3s; -webkit-transition: all .3s;}
.layui-table th{text-align: left; font-weight: 400;}

.layui-table thead tr,
.layui-table-header,
.layui-table-tool,
.layui-table-total,
.layui-table-total tr,
.layui-table-patch,
.layui-table-mend,
.layui-table[lay-even] tr:nth-child(even),
.layui-table-click{background-color: #f2f2f2;}

.layui-table tbody tr:hover,.layui-table[lay-even] tr:hover:nth-child(even){background-color: #e0e0e0;}


.layui-table th,
.layui-table td,
.layui-table[lay-skin="line"],
.layui-table[lay-skin="row"],
.layui-table-view,
.layui-table-tool,
.layui-table-header,
.layui-table-col-set,
.layui-table-total,
.layui-table-page,
.layui-table-fixed-r,
.layui-table-tips-main,
.layui-table-grid-down{border-width: 1px;border-style: solid;border-color: #bbb;border-bottom-color: #e0e0e0;}

.layui-table th, .layui-table td{position: relative;padding: 10px 5px;min-height: 20px;line-height: 24px;font-size: 14px;}

.layui-table[lay-skin="line"] th, .layui-table[lay-skin="line"] td{border-width: 0; border-bottom-width: 1px;}
.layui-table[lay-skin="row"] th, .layui-table[lay-skin="row"] td{border-right-width: 1px;}
.layui-table[lay-skin="nob"] th, .layui-table[lay-skin="nob"] td{border: none;}

.layui-table img{max-width:100px;}

.layui-table tr:last-of-type td{border-bottom-color:#bbb;}

/* 大表格 */.layui-table[lay-size="lg"] th,
.layui-table[lay-size="lg"] td{padding-top: 15px; padding-right: 30px; padding-bottom: 15px; padding-left: 30px;}
.layui-table-view .layui-table[lay-size="lg"] .layui-table-cell{height: 40px; line-height: 40px;}  
/* 小表格 */.layui-table[lay-size="sm"] th,
.layui-table[lay-size="sm"] td{padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; font-size: 12px;}
.layui-table-view .layui-table[lay-size="sm"] .layui-table-cell{height: 20px; line-height: 20px;} 

/* 数据表格 */
.layui-table[lay-data]{display: none;}
.layui-table-box{position: relative; overflow: hidden;}
.layui-table-view{margin: 10px 0;}
.layui-table-view .layui-table{position: relative; width: auto; margin: 0;}
.layui-table-view .layui-table[lay-skin="line"]{border-width: 0; border-right-width: 1px;}
.layui-table-view .layui-table[lay-skin="row"]{border-width: 0; border-bottom-width: 1px;}
.layui-table-view .layui-table th,
.layui-table-view .layui-table td{padding: 5px 0; border-top: none; border-left: none;}
.layui-table-view .layui-table th.layui-unselect .layui-table-cell span{cursor: pointer;}
.layui-table-view .layui-table td{cursor: default;}
.layui-table-view .layui-table td[data-edit="text"]{cursor: text;}
.layui-table-view .layui-form-checkbox[lay-skin="primary"] i{width: 18px; height: 18px;}
.layui-table-view .layui-form-radio{line-height: 0; padding: 0;}
.layui-table-view .layui-form-radio>i{margin: 0; font-size: 20px;}
.layui-table-init{position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; z-index: 110;}
.layui-table-init .layui-icon{position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -15px; font-size: 30px; color: #c2c2c2;}
.layui-table-header{border-width: 0; border-bottom-width: 1px; overflow: hidden;}
.layui-table-header .layui-table{margin-bottom: -1px;}

.layui-table-tool .layui-inline[lay-event]{position: relative; width: 26px; height: 26px; padding: 5px; line-height: 16px; margin-right: 10px; text-align: center; color: #333; border: 1px solid #ccc; cursor: pointer; -webkit-transition: .5s all; transition: .5s all;}
.layui-table-tool .layui-inline[lay-event]:hover{border: 1px solid #999;}
.layui-table-tool-temp{padding-right: 120px;}
.layui-table-tool-self{position: absolute; right: 17px; top: 10px;}
.layui-table-tool .layui-table-tool-self .layui-inline[lay-event]{margin: 0 0 0 10px;}
.layui-table-tool-panel{position: absolute; top: 29px; left: -1px; padding: 5px 0; min-width: 150px; min-height: 40px; border: 1px solid #d2d2d2; text-align: left; overflow-y: auto; background-color: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.12);}
.layui-table-tool-panel li{padding: 0 10px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: .5s all; transition: .5s all;}
.layui-table-tool-panel li .layui-form-checkbox[lay-skin="primary"]{width: 100%;}
.layui-table-tool-panel li:hover{background-color: #f2f2f2;}
.layui-table-tool-panel li .layui-form-checkbox[lay-skin="primary"]{padding-left: 28px;}
.layui-table-tool-panel li .layui-form-checkbox[lay-skin="primary"] i{position: absolute; left: 0; top: 0;}
.layui-table-tool-panel li .layui-form-checkbox[lay-skin="primary"] span{padding: 0;}
.layui-table-tool .layui-table-tool-self .layui-table-tool-panel{left: auto; right: -1px;}

.layui-table-col-set{position: absolute; right: 0; top: 0; width: 20px; height: 100%; border-width: 0; border-left-width: 1px; background-color: #fff;}

.layui-table-sort{width: 10px; height: 20px; margin-left: 5px; cursor: pointer!important;}
.layui-table-sort .layui-edge{position: absolute; left: 5px; border-width: 5px;}
.layui-table-sort .layui-table-sort-asc{top: 3px; border-top: none; border-bottom-style: solid; border-bottom-color: #b2b2b2;}
.layui-table-sort .layui-table-sort-asc:hover{border-bottom-color: #666;}
.layui-table-sort .layui-table-sort-desc{bottom: 5px; border-bottom: none; border-top-style: solid; border-top-color: #b2b2b2;}
.layui-table-sort .layui-table-sort-desc:hover{border-top-color: #666;}
.layui-table-sort[lay-sort="asc"] .layui-table-sort-asc{border-bottom-color: #000;}
.layui-table-sort[lay-sort="desc"] .layui-table-sort-desc{border-top-color: #000;}

.layui-table-cell{height: 28px; line-height: 28px; padding: 0 15px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;}
.layui-table-cell .layui-form-checkbox[lay-skin="primary"]{top: -1px; padding: 0;}
.layui-table-cell .layui-table-link{color: #01AAED;}

.laytable-cell-checkbox,
.laytable-cell-radio,
.laytable-cell-space,
.laytable-cell-numbers{padding: 0; text-align: center;}

.layui-table-body{position: relative; overflow: auto; margin-right: -1px; margin-bottom: -1px;}
.layui-table-body .layui-none{line-height: 26px; padding: 15px; text-align: center; color: #999;}
.layui-table-fixed{position: absolute; left: 0; top: 0; z-index: 101;}
.layui-table-fixed .layui-table-body{overflow: hidden;}
.layui-table-fixed-l{box-shadow: 0 -1px 8px rgba(0,0,0,.08);}
.layui-table-fixed-r{left: auto; right: -1px; border-width: 0; border-left-width: 1px; box-shadow: -1px 0 8px rgba(0,0,0,.08);}
.layui-table-fixed-r .layui-table-header{position: relative; overflow: visible;}
.layui-table-mend{position: absolute; right: -49px; top: 0; height: 100%; width: 50px;}

.layui-table-tool{position: relative; z-index: 890; width: 100%; min-height: 50px; line-height: 30px; padding: 10px 15px; border-width: 0; border-bottom-width: 1px;}
.layui-table-tool .layui-btn-container{margin-bottom: -10px;}

.layui-table-total{margin-bottom: -1px; border-width: 0; border-top-width: 1px; overflow: hidden;}


.layui-table-page{position: relative; width: 100%; padding: 7px 7px 0; border-width: 0; border-top-width: 1px; height: 41px; margin-bottom: -1px; font-size: 12px; white-space: nowrap; overflow: hidden;}
.layui-table-page>div{height: 26px;}
.layui-table-page .layui-laypage{margin: 0;}
.layui-table-page .layui-laypage a,
.layui-table-page .layui-laypage span{height: 26px; line-height: 26px; margin-bottom: 10px; border: none; background: none;}
.layui-table-page .layui-laypage a,
.layui-table-page .layui-laypage span.layui-laypage-curr{padding: 0 12px;}
.layui-table-page .layui-laypage span{margin-left: 0; padding: 0;}
.layui-table-page .layui-laypage .layui-laypage-prev{margin-left: -7px!important;}
.layui-table-page .layui-laypage .layui-laypage-curr .layui-laypage-em{left: 0; top: 0; padding: 0;}
.layui-table-page .layui-laypage input,
.layui-table-page .layui-laypage button{height: 26px; line-height: 26px; }
.layui-table-page .layui-laypage input{width: 40px;}
.layui-table-page .layui-laypage button{padding: 0 10px;}
.layui-table-page select{height: 18px;}
.layui-table-view select[lay-ignore]{display: inline-block;}

.layui-table-patch .layui-table-cell{padding: 0; width: 30px;}

.layui-table-edit{position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 14px 1px; border-radius: 0; box-shadow: 1px 1px 20px rgba(0,0,0,.15)}
.layui-table-edit:focus{border-color: #5FB878!important;}
select.layui-table-edit{padding: 0 0 0 10px; border-color: #C9C9C9;}
.layui-table-view .layui-form-switch,
.layui-table-view .layui-form-checkbox,
.layui-table-view .layui-form-radio{top: 0; margin: 0; box-sizing: content-box;}
.layui-table-view .layui-form-checkbox{top: -1px; height: 26px; line-height: 26px;}
.layui-table-view .layui-form-checkbox i{height: 26px;}

/* 展开溢出的单元格 */
.layui-table-grid .layui-table-cell{overflow: visible;}
.layui-table-grid-down{position: absolute; top: 0; right: 0; width: 26px; height: 100%; padding: 5px 0; border-width: 0; border-left-width: 1px; text-align: center; background-color: #fff; color: #999; cursor: pointer;}
.layui-table-grid-down .layui-icon{position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px;}
.layui-table-grid-down:hover{background-color: #fbfbfb;}

body .layui-table-tips .layui-layer-content{background: none; padding: 0; box-shadow: 0 1px 6px rgba(0,0,0,.12);}
.layui-table-tips-main{margin: -44px 0 0 -1px; max-height: 150px; padding: 8px 15px; font-size: 14px; overflow-y: scroll; background-color: #fff; color: #666;}
.layui-table-tips-c{position: absolute; right: -3px; top: -13px; width: 20px; height: 20px; padding: 3px; cursor: pointer; background-color: #666; border-radius: 50%; color: #fff;}
.layui-table-tips-c:hover{background-color: #777;}
.layui-table-tips-c:before{position: relative; right: -2px;}





.layui-laypage{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin: 10px 0; font-size: 0;}
.layui-laypage>a:first-child,
.layui-laypage>a:first-child em{border-radius: 2px 0 0 2px;}
.layui-laypage>a:last-child,
.layui-laypage>a:last-child em{border-radius: 0 2px 2px 0;}
.layui-laypage>*:first-child{margin-left: 0!important;}
.layui-laypage>*:last-child{margin-right: 0!important;}
.layui-laypage a,
.layui-laypage span,
.layui-laypage input, 
.layui-laypage button,
.layui-laypage select{border: 1px solid #e2e2e2;}
.layui-laypage a,
.layui-laypage span{display: inline-block; *display: inline; *zoom: 1;vertical-align: middle;padding: 2px 8px;height: 28px;line-height: 28px;margin: 5px -1px 5px 5px;color: #333;font-size: 12px;min-width: 10px;text-align: center;border-radius: 3px;}
.layui-laypage a:hover{color: #0066ff;background: #fff;border: 1px solid #0066FF;}
.layui-laypage a:hover .iconfont{color: #0066ff;}
.layui-laypage em{font-style: normal;}
.layui-laypage .layui-laypage-spr{color:#999;font-weight: 700;/* background-color: #fff; */}
.layui-laypage a{text-decoration: none;background-color: #fff;}
.layui-laypage .layui-laypage-curr{position: relative;}
.layui-laypage .layui-laypage-curr em{position: relative;color: #0066ff;font-weight: bold;cursor: default;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{position: absolute;left: -1px;top: -1px;padding: 1px;width: 100%;height: 100%;background-color: #fff;border: 1px solid #0066ff;border-radius: 3px;}
.layui-laypage-em{border-radius: 2px;}
.layui-laypage-prev em,
.layui-laypage-next em{font-family: Sim sun; font-size: 16px;}
.layui-laypage-next span {border:0; padding:0; margin:0}
.layui-laypage-prev span{border:0; padding:0; margin:0}

.layui-laypage .layui-laypage-count,
.layui-laypage .layui-laypage-limits,
.layui-laypage .layui-laypage-refresh,
.layui-laypage .layui-laypage-skip {margin-left: 10px;margin-right: 10px;padding: 0;border: none;}
.layui-laypage .layui-laypage-limits,
.layui-laypage .layui-laypage-refresh{vertical-align: top;}
.layui-laypage .layui-laypage-refresh i{font-size: 18px; cursor: pointer;}
.layui-laypage select{height: 22px; padding: 3px; border-radius: 2px; cursor: pointer;}
.layui-laypage .layui-laypage-skip{height: 30px; line-height: 30px; color: #999;}
.layui-laypage input, .layui-laypage button{height: 30px; line-height: 30px; border-radius: 2px; vertical-align: top;  background-color: #fff; box-sizing: border-box;}
.layui-laypage input{display: inline-block; width: 40px; margin: 0 10px; padding: 0 3px; text-align: center;}
.layui-laypage input:focus,
.layui-laypage select:focus{border-color: #009688!important;}
.layui-laypage button{margin-left: 10px; padding: 0 10px; cursor: pointer;}

.layui-laypage .layui-disabled{
    cursor: default;
}
.layui-laypage .layui-disabled:hover{
    border-color: #e2e2e2;
    color: #333;
}
.layui-laypage .layui-disabled:hover .iconfont{ }


.DataNull{text-align:center!important; line-height:120px!important;    font-size: 24px!important;}

.TableWhere{padding: 0 0 0 0;}
.TableWhere .WhereItem{display: inline-block;vertical-align:middle;margin: 5px;}
.TableWhere .WhereItem .WhereItemLeft{display: inline-block; vertical-align:middle;}
.TableWhere .WhereItem .WhereItemRight{display: inline-block;vertical-align:middle;}
.TableWhere select{color: #445566;padding: 7px 5px;border: 1px solid #ccc;text-align: left;cursor: pointer;}
.TableWhere select option{}


.TableWhere select::-webkit-input-placeholder {
    padding: 7px 5px; /* 增加内边距 */
}

.TableWhere select::-moz-placeholder {
    padding: 7px 5px; /* 增加内边距 */
}


.WhereItemRight.DateTimeRange .input-text{padding: 9px 12px;}

.WhereItemJsDiv{border:1px solid #ccc; padding:7px 16px; cursor:pointer;}
.WhereItemJsDiv:hover{background-color:#f0f0f0;}


.layui-table .button{ margin:0px 5px; }


.DivTableDialog{display:none;}
.DivTable{min-width: 500px;}
.DivTable .DivTrList{margin:0px;padding:0px;border-width:0px;}
.DivTable .DivTr{display: block;font-size: 0px;}
.DivTable .DivTrButton{display: block;font-size: 14px;text-align:center;margin-top:15px;}
.DivTable .DivTrButton .button{ }
.DivTable .DivTd{display: inline-block;font-size: 14px;width: 50%;position: relative;padding: 5px 0px;vertical-align: top;}
.DivTable .TdBlock{width: 100%;}

.DivTable .DivTd .AddTitle{position: absolute;top: 5px;left: 5px;width: 80px;text-align: right;line-height: 36px;height: 36px;word-break: break-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.DivTable .DivTd .AddContent{line-height: 36px;margin-left: 85px;padding-right: 10px; display:flex;}

.DivTable .DivTd .AddContent .input-select{width: 90%;border: 1px solid #ccc;cursor: pointer;color:#445566}
.DivTable .DivTd .AddContent .input-text{width: 90%;display: block;}
.DivTable .DivTd .AddContent .textarea{width: 90%;}
.DivTable .TdBlock .AddContent .input-text{width: 96%;}
.DivTable .TdBlock .AddContent .textarea{width: 96%;}
.DivTable .DivTd .AddContentTips{line-height: 36px;padding-right: 10px;color: #999;padding-left: 10px;font-size: 12px;}

.DivTableOneTd{min-width: 400px;}
.DivTableOneTd .DivTd{width:100%; }

.DivTable .DivTrCols2 {}
.DivTable .DivTrCols2 .DivTd{width:50%;}

.DivTable .DivTrCols3 {}
.DivTable .DivTrCols3 .DivTd{width:33.33%;}

.DivTable .DivTrCols4 {}
.DivTable .DivTrCols4 .DivTd{width:25%;}


.DivTable .DivTrCols5 {}
.DivTable .DivTrCols5 .DivTd{width:20%;}



.TableRightRoll{overflow-x: auto; width:100%; }
.TableRightRoll>table{margin-bottom:10px;width:auto!important;}

.AddTitle6 .DivTd .AddTitle{width: 100px;}
.AddTitle6 .DivTd .AddContent{margin-left: 105px;}


/*表格竖着显示 -- 开始*/
.tableLock{ border-collapse: separate;  /* 设置边框分开 */}
.tableLockDiv {overflow: auto;width: 100%;/* 固定高度 */}
.tableLock tbody tr:hover, .tableLock[lay-even] tr:hover:nth-child(even) {background-color: #e0e0e0 !important;  }
.tableLock tbody tr:hover td, .tableLock[lay-even] tr:hover td:nth-child(even) {background-color: #e0e0e0 !important;}
.tableLock th {background-color: rgb(242, 242, 242);z-index:70;}
.tableLock th, .tableLock td {padding: 9px 15px;min-height: 20px;line-height: 20px;font-size: 14px;}
.tableLock {table-layout: fixed;width: 100%;background-color: rgb(255, 255, 255);color: rgb(102, 102, 102);margin: 10px 0px;/* 固定寬度 */}
.tableLock td:first-child, .tableLock th:first-child {position: sticky;left: 0;/* 首行在左 */z-index: 1;}
.tableLock tr {transition: all 0.3s ease 0s;}
.tableLock tr td{transition: all 0.3s ease 0s;}
.tableLock thead tr th {position: sticky; top: 0;font-weight: initial !important;/* 第一列最上 */}
.tableLock thead tr {background-color: rgb(242, 242, 242);}
.tableLock th:first-child { z-index: 2; background-color: #f2f2f2;}
.tableLock th, .tableLock td, .tableLock[lay-skin="line"], .tableLock[lay-skin="row"] { border-width: 1px; border-style: solid; border-color: rgb(230, 230, 230);}
.tableLock thead tr th:first-child{z-index:70;}

/*第二行*/
.tableLock thead tr,.tableLock[lay-even] tr:nth-child(even) { background-color: #f2f2f2;}
/*移动到的行背景*/
.tableLock tbody tr:hover, .tableLock[lay-even] tr:hover:nth-child(even) {background-color: #e0e0e0 !important;}
.tableLock[lay-skin="line"] th, .tableLock[lay-skin="line"] td { border-width: 0; border-bottom-width: 1px;}
.tableLock[lay-skin="row"] th, .tableLock[lay-skin="row"] td {border-width: 0; border-right-width: 1px;}
.tableLock[lay-skin="nob"] th, .tableLock[lay-skin="nob"] td {border: none;}
/**边框线*/
.tableLock th, .tableLock td, .tableLock[lay-skin="line"], .tableLock[lay-skin="row"] {border-width: 1px;border-style: solid;border-color: rgb(230, 230, 230);}
/**每行第一列*/

.tableLock td:first-child, .tableLock th:first-child {position: sticky;left: 0;z-index: 1;}
.tableLock-position {position: sticky !important; z-index: 90 !important; background-color: #fff !important; overflow: hidden;}
.tableLock thead .tableLock-position, .tableLock[lay-even] tr:nth-child(even) .tableLock-position { background-color: #f2f2f2 !important;}

.tableLock tbody tr:hover .tableLock-position, .tableLock[lay-even] tr:hover:nth-child(even) .tableLock-position { background-color: #e0e0e0 !important;}
.tableLock tr .tableLock-position { transition: all 0.3s ease 0s;}
.tableLock tr td .tableLock-position { transition: all 0.3s ease 0s;}
.tableLock-position-shadow {box-shadow: 2px 0px 3px 0px rgba(0, 0, 0, 0.1);}
/*表格竖着显示 -- 结束*/



.tableLock-position-t { z-index: 91 !important;}
.tableLock-position-lt { z-index: 92 !important;}

.WhereItem .WhereItemRight .input-time{width: 85px;}





/*流量处理弹出DIV样式*/
.FlowInfoTab { }
.FlowInfoTab .FlowInfoHead { font-size: 20px; position: relative; padding: 10px 5px; border-bottom: 1px solid rgb(51, 51, 51); margin-bottom: 10px; }
.FlowInfoTab .FlowHeadReturn { position: absolute; left: 10px; top: 10px; }
.FlowInfoTab .FlowHeadReturn .iconfont { font-size: 20px; cursor: pointer; }
.FlowInfoTab .FlowHeadTitle { margin-left: 50px; }
.FlowInfoTab .FlowHeadClose { position: absolute; right: 10px; top: 6px; cursor: pointer; }
.FlowInfoTab .FlowHeadClose .iconfont { font-size: 30px; }
.FlowInfoTab .FlowBody{width: 100%;margin: 0px;padding: 0px;border-width: 0px;}
.FlowInfoTab .FlowBody .FlowBodyLeft{padding: 0px 10px;vertical-align: top;}
.FlowInfoTab .FlowBody .FlowBodyRight{width: 600px;border-left: 2px solid #bbb;padding: 0px 10px;vertical-align: top;}
.FlowInfoTab .FlowBasicInfo { padding-left: 20px; }
.FlowInfoTab .FlowInfoTable { width: 100%; border-collapse: collapse; padding: 0px; border-bottom: none; border-left: none; border-image: initial; border-right: 1px solid rgb(195, 195, 195); border-top: 1px solid rgb(195, 195, 195); }
.FlowInfoTab .FlowInfoTable td { padding: 5px; border-bottom: 1px solid rgb(195, 195, 195); }
.FlowInfoTab .FlowTitle { width: 80px; border-left: 1px solid rgb(195, 195, 195); text-align: right; color: rgb(26, 57, 89); font-weight: bold; }
.FlowInfoTab .FlowContent { width: 160px; }
.FlowInfoTab .FlowRemarkDiv{text-align: left;font-weight: initial;padding: 5px 0px;}
.FlowInfoTab .FlowRemarkDiv .FlowTitle{border-width: 0px;}

.FlowVisitStageList { margin-top: 10px; padding-top: 10px; border-top: 1px solid rgb(195, 195, 195); font-size: 20px; padding-right: 20px; padding-left: 20px; }
.FlowVisitStageList .VisitStageItem { display: inline-block; border: 1px solid rgb(204, 204, 204); padding: 10px 20px; cursor: pointer; line-height: 1; margin-bottom: 5px; }
.FlowVisitStageList .VisitStageZj { border-width: 0px; cursor: default; }
.FlowVisitStageList .VisitStageItem:hover { background-color: rgb(30, 159, 255); color: rgb(255, 255, 255); }
.FlowVisitStageList .VisitStageItemSelect { background-color: rgb(7, 193, 96); color: rgb(255, 255, 255); }
.FlowVisitStageList .VisitStageItemSelect:hover { background-color: rgb(7, 193, 96); color: rgb(255, 255, 255); }
.FlowVisitStageList .VisitStageZj:hover { background-color: rgb(255, 255, 255); color: rgb(98, 98, 98); }
.FlowInfoTab .FlowInfoLayPage {margin-top: 10px;}
.FlowInfoTab .FlowInfoLayPage .FlowInfoButton { vertical-align: middle; margin-right: 20px; }
.FlowInfoTab .CommunicateLayPage { display: inline-block; vertical-align: middle; }
.FlowInfoTab #CommunicateLayPage { display: inline-block; vertical-align: middle; }



.OpenCourseTable{margin-bottom: 20px;}
.OpenCourseTable .OpenCourseTableSpanHide{ }
.OpenCourseButton{text-align: center;}




/*订单列表 -- 开始*/
/*
    使用方式如下：
    头部tr：order-table-info
    中间tr：order-table-list ......
    底部tr：order-table-fff
*/
.order-table-100 { width: 100%; float: left; margin-top: 20px; border-collapse: separate; border-spacing: 0;}
.order-table-thead {width:100%; margin-bottom:10px;}
.order-table-thead th{ padding:10px 0;background:#F2F2F2;}
.order-table-thead th:first-child {border-radius: 5px 0 0 5px;}/* 选择表格的第一行 */
.order-table-thead th:last-child {border-radius: 0 5px 5px 0;}/* 选择表格的最后一行 */
.order-table-info {background:#F2F2F2; border-radius: 4px 4px 0 0px; box-shadow: 0 0 0 4px #F2F2F2;}
.order-table-link {color:#487eb0;text-decoration: underline; cursor:pointer;}
.order-table-info td {padding:5px 0 8px 0;}
.order-table-list {box-shadow: 0 -4px 0 4px #F2F2F2; border-left: 2px solid #F2F2F2; border-right: 2px solid #F2F2F2; background: #fff; border-collapse: collapse; position: relative; z-index:1;}
.order-table-list td {background: #fff;}
.order-table-list-radius {border-radius: 0 0 5px 5px;}
.order-table-tb {padding:10px 0;}
.order-table-b {padding-bottom:10px;}
.order-table-p10 {padding: 5px 0;}
.order-table-ico {padding:3px 5px; cursor:pointer;}
.order-table-ico-1 {color:#10cfbd !important;}
.order-table-money {font-size:18px;}
.order-table-b-r {border-radius: 0 0 5px 0}
.order-table-title {font-size:16px;}
.order-table-color-d {color:#9c9c9c;}
.order-table-info-1 {flex:1;}
.order-table-info-2 {width:335px;}
.order-table-ico-2 {color:#1E9FFF !important; border:1px solid #1E9FFF !important;}
.order-table-tr-h {height:26px;}
.order-table-iTime {color:#9c9c9c; margin-left:10px;}
.order-table-fff { border-radius: 0 0 4px 4px; border-collapse: separate; border-spacing: 0; box-shadow: 0px 0px 0 4px #F2F2F2; overflow: hidden; border-collapse: collapse;}

.order-table-fff-bottom { border-radius: 0 0 4px 4px; border-collapse: separate; border-spacing: 0; box-shadow: 0px 0px 0 4px #F2F2F2; overflow: hidden; border-collapse: collapse;}
/*订单列表 -- 结束*/




/*新表格样式 ----- 开始*/
.crm-table{width: 100%;border-collapse: separate;border-spacing: 0; /* 为表格添加圆角 */overflow: hidden; /* 隐藏超出表格的边框或内容 */}
.crm-table tr td,.crm-table tr th{padding: 0px;border-color: #d9d9d9;border-style: solid;border-width: 0px;}
.crm-table tr th{padding: 10px 5px;}
.crm-table tr td{padding-left: 5px;padding-right: 5px;}

.crm-table .crm-table-tr-thead{ }
.crm-table .crm-table-tr-thead th{background-color: #f2f2f2;border-bottom-width: 1px;border-top-width: 1px;border-left-width: 1px;}
.crm-table .crm-table-tr-thead th:first-of-type{border-left-width: 1px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.crm-table .crm-table-tr-thead th:last-child{border-right-width: 1px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.crm-table .crm-table-tr-thead td{ }

/*空白行*/
.crm-table .crm-table-tr-blank{ }
.crm-table .crm-table-tr-blank td{padding: 0px;margin: 0px;line-height: 20px;}
.crm-table .crm-table-tr-blank td:first-of-type{ }
.crm-table .crm-table-tr-blank td:last-child{ }

/*第一行*/
.crm-table .crm-table-tr-first{border-top-width: 1px;}
.crm-table .crm-table-tr-first td{background-color: #f2f2f2;border-top-width: 1px;border-bottom-width: 1px;padding: 10px 5px;}
.crm-table .crm-table-tr-first td:first-of-type{border-left-width: 1px;border-top-left-radius: 5px;}
.crm-table .crm-table-tr-first td:last-child{border-right-width: 1px;border-top-right-radius: 5px;}

/*中间行*/
.crm-table .crm-table-tr-middle{font-size: 18px;}
.crm-table .crm-table-tr-middle td{padding-top: 10px;}
.crm-table .crm-table-tr-middle .iconfont{font-size: 18px;}
.crm-table .crm-table-tr-middle td:first-of-type{border-left-width: 1px;}
.crm-table .crm-table-tr-middle td:last-child{border-right-width: 1px;}

/*内容行  和 中间行 的区别是  padding-bottom:10px; */
.crm-table .crm-table-tr-content{font-size: 18px;}
.crm-table .crm-table-tr-content td{padding-top: 10px;padding-bottom:10px;}
.crm-table .crm-table-tr-content .iconfont{font-size: 18px;}
.crm-table .crm-table-tr-content td:first-of-type{border-left-width: 1px;}
.crm-table .crm-table-tr-content td:last-child{border-right-width: 1px;}
/*如果在 td 里 想显示二行的效果 可以用这个样式*/
.crm-table .crm-table-tr-content .content-tips{font-size: 14px;margin-top: 3px;display:block;}
.crm-table .crm-table-tr-content .content-tips .iconfont{font-size: 14px;}



/*结尾行 如果使用 rowspan 导致最后一行的 td 不能显示最后一个，可以使用 td-bottom-right */
.crm-table .crm-table-tr-bottom{ }
.crm-table .crm-table-tr-bottom td{border-bottom-width: 1px;padding-bottom: 10px;}
.crm-table .crm-table-tr-bottom .iconfont{ }
.crm-table .crm-table-tr-bottom td:first-of-type,.crm-table tr td.td-bottom-left{border-left-width: 1px;border-bottom-left-radius: 5px;border-bottom-width: 1px;}
.crm-table .crm-table-tr-bottom td:last-child,.crm-table tr td.td-bottom-right{border-right-width: 1px;border-bottom-right-radius: 5px;border-bottom-width: 1px;}

.crm-table .divInBlock{display:inline-block;vertical-align:middle;}
.crm-table .divColor{color:#9c9c9c; }

.crm-table  .b-t-0{border-top-width:0px!important; }
.crm-table  .b-b-0{border-bottom-width:0px!important; }
.crm-table  .b-l-0{border-left-width:0px!important; }
.crm-table  .b-r-0{border-right-width:0px!important; }
.crm-table  .b-t-1{border-top-width:1px!important; }
.crm-table  .b-b-1{border-bottom-width:1px!important; }
.crm-table  .b-l-1{border-left-width:1px!important; }
.crm-table  .b-r-1{border-right-width:1px!important; }

.crm-table .bRadius0{border-radius:0px!important;}

.crm-table .m-badge{line-height: 24px;}
.crm-table .DataNull{border-bottom-width:1px;border-left-width:1px;border-right-width:1px;}
.crm-table .crm-table-tr-content .btn-zx .iconfont,.crm-table .crm-table-tr-middle .btn-zx .iconfont{font-size: 12px;}
/*新表格样式 ----  结束*/