* {
|
margin: 0;
|
padding: 0;
|
}
|
|
.river-course .reser-box>div:first-child {
|
display: block;
|
}
|
|
.river-course .reser-box>div {
|
display: none;
|
padding: 15px;
|
position: absolute;
|
top: 0;
|
left: 0;
|
right: 0;
|
/* width: 100%; */
|
height: 100%;
|
scrollbar-width: thin;
|
box-sizing: border-box;
|
overflow-y: auto !important;
|
}
|
|
|
|
.river-course .reser-box table {
|
font-size: 12px;
|
color: #333333;
|
width: 100%;
|
border-width: 1px;
|
border-collapse: collapse;
|
}
|
|
.river-course .reser-box table th,
|
.river-course .reser-box table td {
|
font-weight: 400;
|
font-style: normal;
|
font-size: 12px;
|
border-width: 1px;
|
border-style: solid;
|
border-color: #3131311a;
|
text-align: left;
|
text-align: center;
|
line-height: 1.4;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table tr:last-child,
|
.river-course .reser-box .flood-control-and-scheduling table tr:last-child td {
|
border-bottom: none;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:last-child tr:last-child,
|
.river-course .reser-box .flood-control-and-scheduling table:last-child tr:last-child td {
|
border-bottom: 1px solid #3131312e;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table tr:hover {
|
background: #00000008;
|
transition: .2s;
|
}
|
.river-course .reser-box .flood-control-and-scheduling table tr:hover td{color: #000;}
|
.river-course .reser-box .flood-control-and-scheduling table:first-child tr:first-child div {
|
line-height: 22px;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:first-child tr:first-child span {
|
/* line-height: 20px; */
|
}
|
|
|
|
.river-course .reser-box .flood-control-and-scheduling table:first-child tr:first-child td:nth-child(2) div:first-child {
|
border-bottom: 1px solid #3131312e;
|
height: 30px;
|
line-height: 30px;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:first-child tr:first-child td:nth-child(2) div:last-child {
|
display: flex;
|
height: auto;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:first-child tr:first-child td:nth-child(2) div:last-child span {
|
flex: 1;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:first-child tr:first-child td:nth-child(2) div:last-child span:first-child {
|
border-right: 1px solid #3131312e;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:first-child tr:first-child td:first-child,
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:first-child td:first-child {
|
width: 64px;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:first-child tr:first-child td:nth-child(2) {
|
width: 100px;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:first-child tr:first-child td:nth-child(3),
|
.river-course .reser-box .flood-control-and-scheduling table:first-child tr:first-child td:nth-child(4),
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:first-child td:nth-child(2),
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:first-child td:nth-child(3),
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:first-child td:nth-child(4),
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:first-child td:nth-child(5) {
|
width: 50px;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:first-child tr:nth-child(2) td:nth-child(2) div {
|
display: flex;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:first-child tr:nth-child(2) td:nth-child(2) div span {
|
flex: 1;
|
line-height: 40px;
|
}
|
|
|
.river-course .reser-box .flood-control-and-scheduling table:first-child tr:nth-child(2) td:nth-child(2) div span:first-child {
|
border-right: 1px solid #3131312e;
|
}
|
|
/* 第二个table下é¢çš„ç›¸å…³æ ·å¼ */
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:nth-child(2) td:first-child {
|
position: relative;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:nth-child(2) td:first-child>div:first-child {
|
position: absolute;
|
top: 0;
|
left: 0;
|
width: 30%;
|
line-height: 29px;
|
border-right: 1px solid #3131312e;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:nth-child(2) td:first-child>div:last-child {
|
position: absolute;
|
top: 0;
|
right: 0;
|
width: calc(70% - 1px);
|
line-height: 29px;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:nth-child(2) td:first-child>div:last-child div:first-child {
|
border-bottom: 1px solid #3131312e;
|
}
|
|
|
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:first-child td:nth-child(7)>div:first-child,
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:first-child td:nth-child(8)>div:first-child {
|
border-bottom: 1px solid #3131312e;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:first-child td:nth-child(7)>div:last-child,
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:first-child td:nth-child(8)>div:last-child {
|
display: flex;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:first-child td:nth-child(7)>div:last-child span,
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:first-child td:nth-child(8)>div:last-child span {
|
flex: 1;
|
border-right: 1px solid #3131312e;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:first-child td:nth-child(7)>div:last-child span:last-child,
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:first-child td:nth-child(8)>div:last-child span:last-child {
|
border-right: none;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:nth-child(2) div {
|
line-height: 28px;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:first-child span {
|
line-height: 44px;
|
}
|
|
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:nth-child(2) td:nth-child(7)>div,
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:nth-child(2) td:nth-child(8)>div,
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:nth-child(3) td:nth-child(7)>div,
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:nth-child(3) td:nth-child(8)>div {
|
display: flex;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:nth-child(2) td:nth-child(7)>div span,
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:nth-child(2) td:nth-child(8)>div span,
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:nth-child(3) td:nth-child(7)>div span,
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:nth-child(3) td:nth-child(8)>div span {
|
flex: 1;
|
border-right: 1px solid #3131312e;
|
line-height: 28px;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:nth-child(2) td:nth-child(7)>div span:last-child,
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:nth-child(2) td:nth-child(8)>div span:last-child,
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:nth-child(3) td:nth-child(7)>div span:last-child,
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:nth-child(3) td:nth-child(8)>div span:last-child {
|
border-right: none;
|
}
|
|
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:nth-child(2) td:nth-child(2)>div:first-child,
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:nth-child(2) td:nth-child(3)>div:first-child,
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:nth-child(2) td:nth-child(4)>div:first-child,
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:nth-child(2) td:nth-child(5)>div:first-child,
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:nth-child(2) td:nth-child(6)>div:first-child,
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:nth-child(2) td:nth-child(7)>div:first-child,
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(2) tr:nth-child(2) td:nth-child(8)>div:first-child {
|
border-bottom: 1px solid #3131312e;
|
}
|
|
|
/* 第三个tableçš„æ ·å¼ */
|
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(3) tr td:nth-child(1) {
|
width: 30px;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(3) tr td:nth-child(1) div {
|
margin: 0 calc(50% - 10px);
|
width: 20px;
|
line-height: 30px;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(3) tr td:nth-child(2) {
|
width: 60px;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(3) tr td:nth-child(2)>div:first-child {
|
border-bottom: 1px solid #3131312e;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(3) tr td:nth-child(2)>div:first-child div {
|
height: 37px;
|
line-height: 37px;
|
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(3) tr td:nth-child(2)>div:last-child {
|
margin: 0 calc(50% - 10px);
|
width: 20px;
|
line-height: 20px;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(3) tr td:nth-child(3)>div:first-child {
|
display: flex;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(3) tr td:nth-child(3)>div:first-child>div {
|
flex: 1;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(3) tr td:nth-child(3)>div:first-child>div:first-child {
|
border-right: 1px solid #3131312e;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(3) tr td:nth-child(3)>div:first-child>div div {
|
height: 24px;
|
line-height: 24px;
|
border-bottom: 1px solid #3131312e;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(3) tr td:nth-child(3)>div:first-child>div:first-child div:nth-child(2),
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(3) tr td:nth-child(3)>div:first-child>div:first-child div:nth-child(3),
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(3) tr td:nth-child(3)>div:first-child>div:last-child div:nth-child(2),
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(3) tr td:nth-child(3)>div:first-child>div:last-child div:nth-child(3) {
|
display: flex;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(3) tr td:nth-child(3)>div:first-child>div:first-child div:nth-child(2) span,
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(3) tr td:nth-child(3)>div:first-child>div:first-child div:nth-child(3) span,
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(3) tr td:nth-child(3)>div:first-child>div:last-child div:nth-child(2) span,
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(3) tr td:nth-child(3)>div:first-child>div:last-child div:nth-child(3) span {
|
flex: 1;
|
border-right: 1px solid #3131312e;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(3) tr td:nth-child(3)>div:first-child>div:first-child div:nth-child(2) span:last-child,
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(3) tr td:nth-child(3)>div:first-child>div:first-child div:nth-child(3) span:last-child,
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(3) tr td:nth-child(3)>div:first-child>div:last-child div:nth-child(2) span:last-child,
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(3) tr td:nth-child(3)>div:first-child>div:last-child div:nth-child(3) span:last-child {
|
border-right: none;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(3) tr td:nth-child(3)>div:last-child {
|
height: 140px;
|
padding: 4px;
|
box-sizing: border-box;
|
scrollbar-width: thin;
|
overflow-y: auto;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(3) tr td:nth-child(3)>div:last-child p {
|
text-indent: 2em;
|
line-height: 24px;
|
text-align: left;
|
}
|
|
|
/* 第四个tableçš„æ ·å¼ */
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(4) tr td:nth-child(1) {
|
width: 30px;
|
height: 120px;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(4) tr td:nth-child(2) {
|
height: 120px;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(4) tr td:nth-child(2) div {
|
padding: 4px;
|
height: 100%;
|
box-sizing: border-box;
|
scrollbar-width: thin;
|
overflow-y: auto;
|
}
|
|
.river-course .reser-box .flood-control-and-scheduling table:nth-child(4) tr td:nth-child(2) div p {
|
text-indent: 2em;
|
line-height: 24px;
|
text-align: left;
|
}
|
|
|
/* åº“å®¹æ›²çº¿ç›¸å…³æ ·å¼ */
|
.river-course .reser-box .capacity-acurve>div {
|
display: flex;
|
height: 100%;
|
}
|
|
.river-course .reser-box .capacity-acurve>div>div {
|
height: 100%;
|
}
|
|
.river-course .reser-box .capacity-acurve>div>div:nth-child(1) {
|
flex: 4;
|
/* background: green; */
|
}
|
|
.river-course .reser-box .capacity-acurve>div>div:nth-child(2) {
|
flex: 1;
|
}
|
|
.river-course .reser-box .capacity-acurve table th,
|
.river-course .reser-box .capacity-acurve table td {
|
border-color: #cdced073;
|
height: 24px;
|
line-height: 24px;
|
}
|
|
.river-course .reser-box .capacity-acurve table th {
|
background: transparent;
|
}
|
|
.river-course .reser-box .capacity-acurve .capacity-acurve-table>div {
|
height: calc(100% - 26px);
|
scrollbar-width: thin;
|
overflow-y: auto;
|
}
|
|
.river-course .reser-box .capacity-acurve .capacity-acurve-table>div table tr:first-child td {
|
border-top: none;
|
}
|
|
.river-course .reser-box .capacity-acurve .capacity-acurve-table tr th:first-child,
|
.river-course .reser-box .capacity-acurve .capacity-acurve-table tr td:first-child {
|
width: 80px;
|
}
|
|
.river-course .reser-box .capacity-acurve .capacity-acurve-table>div table tr:nth-child(odd) {
|
background: transparent;
|
}
|
|
.river-course .reser-box .capacity-acurve .capacity-acurve-table>div table tr:nth-child(even) {
|
background: #F5F6F5;
|
}
|
|
|
/* æ°´åº“ç‰¹æ€§çš„ç›¸å…³æ ·å¼ */
|
.river-course .reser-box .reservoir-characteristics tr td {
|
border-color: #DDDDDD;
|
height: 24px;
|
text-align: left;
|
padding: 2px 6px;
|
}
|
|
.river-course .reser-box .reservoir-characteristics tr td:nth-child(odd) {
|
background: #0000000a;
|
text-align: right;
|
white-space: nowrap;
|
}
|
|
.river-course .reser-box .reservoir-characteristics tr td:nth-child(even) {
|
background: transparent;
|
}
|
|
|
/* æ±›é™æ°´ä½ç›¸å…³æ ·å¼ */
|
|
.river-course .reser-box .flood-control-level table tr th,
|
.river-course .reser-box .flood-control-level table tr td {
|
height: 24px;
|
border-color: #cfcfd19c;
|
}
|
|
.river-course .reser-box .flood-control-level table tr th {
|
background: #0000000a;
|
}
|
|
.river-course .reser-box .flood-control-level table tr td {
|
background: #FAFAFA;
|
}
|
|
|
|
.river-course .reser-box .flood-control-level table tr th:nth-child(1),
|
.river-course .reser-box .flood-control-level table tr td:nth-child(1),
|
.river-course .reser-box .flood-control-level table tr th:nth-child(2),
|
.river-course .reser-box .flood-control-level table tr td:nth-child(2),
|
.river-course .reser-box .flood-control-level table tr th:nth-child(3),
|
.river-course .reser-box .flood-control-level table tr td:nth-child(3),
|
.river-course .reser-box .flood-control-level table tr th:nth-child(4),
|
.river-course .reser-box .flood-control-level table tr td:nth-child(4),
|
.river-course .reser-box .flood-control-level table tr th:nth-child(5),
|
.river-course .reser-box .flood-control-level table tr td:nth-child(5),
|
.river-course .reser-box .flood-control-level table tr th:nth-child(6),
|
.river-course .reser-box .flood-control-level table tr td:nth-child(6) {
|
width: 100px;
|
}
|
|
.river-course .reser-box .flood-control-level>div {
|
height: calc(100% - 26px);
|
scrollbar-width: thin;
|
overflow-y: auto;
|
}
|
|
.river-course .reser-box .flood-control-level>div table tr:first-child td {
|
border-top: none;
|
}
|
|
|
|
|
|
/* æ°´åº“æ°´æƒ…ç›¸å…³æ ·å¼ */
|
.river-course .reser-box .reservoir-water>div {
|
height: 100%;
|
}
|
|
.river-course .reser-box .reservoir-water div .reservoir-water-header {
|
height: 36px;
|
}
|
|
.river-course .reser-box .reservoir-water div .reservoir-water-container {
|
height: calc(100% - 36px);
|
display: flex;
|
}
|
|
.river-course .reser-box .reservoir-water div .reservoir-water-container>div:first-child {
|
margin-right: 6px;
|
height: 100%;
|
flex: 7;
|
background: transparent !important;
|
}
|
|
.river-course .reser-box .reservoir-water div .reservoir-water-container>div:last-child {
|
height: 100%;
|
flex: 5;
|
}
|
|
.river-course .reser-box .reservoir-water table th,
|
.river-course .reser-box .reservoir-water table td {
|
border-color: #cdced085;
|
height: 24px;
|
line-height: 24px;
|
}
|
|
.river-course .reser-box .reservoir-water table th {
|
background: #00000005;
|
}
|
|
.river-course .reser-box .reservoir-water .reservoir-water-table>div {
|
height: calc(100% - 50px);
|
scrollbar-width: thin;
|
overflow-y: auto;
|
}
|
|
.river-course .reser-box .reservoir-water .reservoir-water-table>div table tr:first-child td {
|
border-top: none;
|
}
|
|
.river-course .reser-box .reservoir-water .reservoir-water-table>div table tr:nth-child(odd) {
|
background: transparent;
|
}
|
|
.river-course .reser-box .reservoir-water .reservoir-water-table>div table tr:nth-child(even) {
|
background: #F5F6F5;
|
}
|
|
.river-course .reser-box .reservoir-water table tr>td:nth-child(1) {
|
background: transparent !important;
|
}
|
|
.river-course .reser-box .reservoir-water table tr>th:nth-child(1),
|
.river-course .reser-box .reservoir-water table tr>td:nth-child(1) {
|
width: 34px;
|
}
|
|
.river-course .reser-box .reservoir-water table tr>th:nth-child(2),
|
.river-course .reser-box .reservoir-water table tr>td:nth-child(2) {
|
width: 140px;
|
}
|
|
|
.river-course .reser-box .reservoir-water table tr>th:nth-child(3),
|
.river-course .reser-box .reservoir-water table tr>td:nth-child(3) {
|
width: 140px;
|
}
|
|
|
.river-course .reser-box .reservoir-water .reservoir-water-header .river-btn,
|
.river-course .reser-box .reservoir-water .reservoir-water-header #timestart,
|
.river-course .reser-box .reservoir-water .reservoir-water-header #timeend {
|
margin: 0;
|
width: 66px;
|
height: 24px;
|
background: #37acf9;
|
border: 1px solid #37acf9;
|
border-radius: 5px;
|
color: #fff;
|
float: none;
|
cursor: pointer;
|
}
|
|
.river-course .reser-box .reservoir-water .reservoir-water-header #timestart,
|
.river-course .reser-box .reservoir-water .reservoir-water-header #timeend {
|
width: 132px;
|
background: #fff;
|
border: 1px solid #CCCCCC;
|
border-radius: 4px;
|
color: #545454;
|
}
|
|
.reservoir-water-container .reservoir-water-table tr{
|
height: 35px;
|
}
|
|
/* 水库断面 */
|
#transect-echarts{
|
padding-top: 8px;
|
height: calc(100% - 46px);
|
}
|
|
.reservoir-input{
|
height: 36px;
|
line-height: 20px;
|
padding-left: 40px;
|
font-size: 10px;
|
text-align: center;
|
}
|
|
.reservoir-input >span{
|
padding-right: 15px;
|
}
|
|
/*chrome滚动条样式*/
|
::-webkit-scrollbar-track-piece{width: 7px;background-color: rgb(0 0 0 / 4%);}
|
::-webkit-scrollbar{width: 7px;height:6px;}
|
::-webkit-scrollbar-thumb{height:50px;background: rgb(0 0 0 / 5%);cursor:pointer;}
|
::-webkit-scrollbar-thumb:hover{ background:rgb(0 133 255 / 24%);; cursor:pointer; }
|
