table{ border-collapse:collapse;border:1px #DBD4CD solid;width:100%;margin:0 auto;}
th,td{border:1px #DBD4CD solid;text-align:center;font-size:14px;}
.shData table{ border: 1px solid #dbd4cd; width: 100%; color: #333; }
.shData table tr th,.shData table tr td{ border:1px solid #dbd4cd; text-align: center; color: #333; padding:10px 5px; }
.shData table tr th{ background: #f5dcc3; font-size:14px; font-weight: bold; border-left: 0; padding:5px; }
.shDataTitle h2{ color: #ee7800; font-size:18px; font-weight: bold; }
.shDataTitle{ position: relative; padding:40px 0 25px; }
.shDataTitle .reload{ background: #f5e6d6; cursor: pointer; width: 64px; height: 32px; line-height: 32px; color: #ee7800; font-size:14px; text-align: center; position: absolute; top: 36px; right: 0; border-radius: 4px; }
.shDataTitle .reload img{ width: 12px; vertical-align: middle; height: 12px; display: inline-block; margin-right: 5px; }
.historyDataBtn{ margin:20px 0; }
.historyDataBtn a{ display: block; width: 120px; height: 32px; line-height: 32px; background: #ee7800; text-align: center; cursor: pointer; border-radius: 4px; color: #fff; }
.dataSearch{ padding-bottom: 20px; }
.dataSearch .searchList{ display: inline-block; }
.dataSearch .searchBtn { width: 64px; height: 32px; line-height: 32px; background: #ee7800; border-radius: 4px; color: #fff; text-align: center; margin-left: 16px; cursor: pointer; }
.dataSearch span{ padding:0 12px; color: #999; }
.dataSearch input{ color: #999; height: 32px; width: 120px; background-color: #ffffff;border-radius: 4px; border: solid 1px #e1e1e2; padding:0 8px; }
.shData .historyDataTable tr th{ background: #f5e6d6; }
.tableData b{font-style:normal;display:block;position:absolute;top:-90px;left:-60px;width:40px;}
.tableData em{font-style:normal;display:block;position:absolute;top:-50px;left:-186px;width:40px;}
#barcon a{ display: inline-block; color: #333; margin:0 10px; cursor: pointer; line-height: 24px; }
#barcon .tabPage { color: #999; }
#barcon .tabPage:hover{ color: #ee7800 }
#barcon .leftspan{color: #ddd;margin: 0 15px 0 0;}
#barcon a.active{ line-height: 24px; padding:0 8px; background: #ee7800; color: #fff; border-radius: 4px; }
#barcon .txt{ color: #999; }
.shToptitle{ border-bottom: 1px solid #dbd4cd; position: relative; padding-bottom: 20px; padding-top: 25px;}
.shToptitle h1{ font-size:28px; color: #ee7800; }
.shToptitle .goback a{ display: block; width: 64px; background: #f5e6d6; border-radius: 4px; height: 32px; line-height: 32px; color: #ee7800; }
.shToptitle .goback{ position: absolute; right: 0; top: 27px; text-align: center;}
.shToptitle .goback a img{ display: inline-block; vertical-align: middle; width: 14px; margin-right: 3px; }
.dataSearch .layui-inline { display: inline-block; }
.pageForm{ display: inline-block; padding:0 10px; }
#barcon .toNum{ display: inline-block; width: 64px; height: 32px; line-height: 32px; background: #ee7800; color: #fff; cursor: pointer; border-radius: 4px; }
.pageForm input.jump{ width: 48px; height: 18px; padding:5px; border:1px solid #dbd4cd; margin-right: 5px; }
/*样式复写和优化 */
/*模拟对角线*/
.shDataTitle {
position: relative;
padding: 0 0 0 0;
margin: 64px 0 0 0px;
}
.shDataTitle h2 {
overflow-wrap: break-word;
color: rgba(0, 138, 123, 1);
font-size: 16px;
font-family: MicrosoftYaHei-Bold;
font-weight: 700;
text-align: left;
white-space: nowrap;
line-height: 21px;
}
.dataSearch {
padding-bottom: 20px;
margin-top: 24px;
padding-bottom: 10px;
text-align: left;
}
.dataSearch input{
background-color: rgba(247, 248, 250, 1);
width: 180px;
height: 40px;
border: 1px solid rgba(232, 232, 232, 1);
}
.dataSearch .searchBtn-btn {
background-color: rgba(249, 156, 52, 1);
height: 40px;
margin-left: 20px;
width: 88px;
line-height: 40px;
position: relative;
top: 2px;
border-radius: 0;
text-align: center;
color: #ffff;
cursor: pointer;
}
.tableData table{
border: none;
}
.tableData .out {
border-top: 140px #feebd6 solid;
width: 0px;
height: 0px;
border-left: 235px #fde3c5 solid;
position: relative;
color: #333;
font-size: 18px;
font-weight: bold;
}
.tableData em {
font-size: 18px;
font-weight: bold;
}
.tableData table tr{
height: 60px;
}
.tableData table tr td > div{
font-family: MicrosoftYaHei;
font-size: 16px;
color: #333333;
}
table tbody tr:first-child {
background-color: #feebd6;
height: 40px;
border: 1px solid rgba(232, 232, 232, 1);
}
table tbody tr:nth-child(2),table tbody tr:nth-child(3){
background-color: #feebd6;
height: 40px;
}
table tbody tr:first-child th {
color: #333;
font-size: 18px;
font-weight: bold;
}
table tbody tr:nth-child(2) th,table tbody tr:nth-child(3) th{
color: #333;
font-size: 18px;
font-weight: bold;
}
table tbody tr:first-child th:nth-child(2),
table tbody tr:first-child th:nth-child(3){
height: 40px;
}
table tbody tr:first-child th:nth-child(4),
table tbody tr:first-child th:nth-child(5){
height: 79px;
}
#barcon a.active{
width: 40px;
height: 40px;
line-height: 40px;
background: #F7B334;
border-radius: 20px;
color: #ffffff;
}
#barcon a {
width: 40px;
height: 40px;
line-height: 40px;
background: #FFFFFF;
border-radius: 20px;
border: 1px solid #E8E8E8;
color: #666666;
}
#barcon a.next {
width: 80px;
height: 40px;
background: #FFFFFF;
border-radius: 20px;
border: 1px solid #E8E8E8;
}
#barcon a.pre {
width: 80px;
height: 40px;
background: #FFFFFF;
border-radius: 20px;
border: 1px solid #E8E8E8;
}
#barcon .pageForm input.jump {
width: 60px;
height: 40px;
background: #FFFFFF;
border-radius: 20px;
border: 1px solid #E8E8E8;
text-align: center;
}
/* 确定 */
#barcon .toNum {
display: inline-block;
color: #fff;
cursor: pointer;
width: 80px;
height: 40px;
line-height: 40px;
background: #F7B334;
border-radius: 20px;
}
.tableData table tr:last-child td {
border: none;
}
.tableData table tr:last-child td > div {
font-family: MicrosoftYaHei;
font-size: 16px;
color: #333333;
width: 100%;
padding: 64px 0 120px 0;
}