.jimu-widget-Hydrology { display: none; min-width: 320px; width: 320px; height: auto !important; position: fixed !important; left: 50px !important; bottom: 25px !important; top: 45px !important; z-index: 44 !important; background-color: rgb(35,36,58); } .jimu-widget-Hydrology div, .jimu-widget-Hydrology dl, .jimu-widget-Hydrology dt, .jimu-widget-Hydrology dd, .jimu-widget-Hydrology ul, .jimu-widget-Hydrology li, .jimu-widget-Hydrology p, .jimu-widget-Hydrology input .jimu-widget-Hydrology img { margin: 0; padding: 0; font-size: 12px; list-style-type: none; } .jimu-widget-Hydrology .hydro-list-mean { margin: 5px; height: 120px; } .jimu-widget-Hydrology .hydro-list-mean li { float: left; margin: 5px; width: 52px; height: 52px; position: relative; cursor: pointer; background: rgb(0,73,135); } .jimu-widget-Hydrology .hydro-list-mean li a { width: 44px; height: 44px; display: block; text-align: center; position: absolute; top: 4px; left: 4px; float: left; border-radius: 4px; /* margin-top: auto; */ } .jimu-widget-Hydrology .hydro-list-mean li a img { margin-top: 4px; border: 0px; width: 22px; } .jimu-widget-Hydrology .hydro-list-mean li a:hover, .jimu-widget-Hydrology .hydro-list-mean .on { background: rgb(1, 92, 172); } /* 表格的样式 */ .jimu-widget-Hydrology .hydro-content { position: absolute; top: 130px; bottom: 0; width: 100%; height: auto; overflow: hidden; } .jimu-widget-Hydrology .hydro-status-hint { display: none; position: absolute; bottom: 0; width: 100%; height: 24px; line-height: 24px; } .jimu-widget-Hydrology .hydro-status-hint div { float: right; width: 76%; height: 100%; text-align: center; } .jimu-widget-Hydrology .hydro-status-hint div span:nth-child(2), .jimu-widget-Hydrology .hydro-status-hint div span:nth-child(5) { width: 32px; } .jimu-widget-Hydrology .hydro-status-hint div span:nth-child(8) { width: 56px; } .jimu-widget-Hydrology .hydro-status-hint div span { display: inline-block; margin-left: 4px; height: 24px; line-height: 24px; text-align: left; color: #fff; } .jimu-widget-Hydrology .hydro-status-hint div input, .jimu-widget-Hydrology .hydro-status-hint img { display: inline-block; width: 14px; height: 14px; vertical-align: middle; } .jimu-widget-Hydrology .hydro-content div { width: 100%; } .jimu-widget-Hydrology .hydro-content table { width: 314px; border-collapse: collapse; table-layout: fixed; word-break: break-all; } .jimu-widget-Hydrology .hydro-content table tr th:nth-child(1), .jimu-widget-Hydrology .hydro-content table tr td:nth-child(1) { width: 40px; } .jimu-widget-Hydrology .hydro-content table tr th:nth-child(3), .jimu-widget-Hydrology .hydro-content table tr td:nth-child(3) { width: 72px; } .jimu-widget-Hydrology .hydro-content table tr th:nth-child(4), .jimu-widget-Hydrology .hydro-content table tr td:nth-child(4) { width: 76px; } .jimu-widget-Hydrology .hydro-content table tr th:nth-child(5), .jimu-widget-Hydrology .hydro-content table tr td:nth-child(5) { width: 44px; } .jimu-widget-Hydrology .hydro-content table tr td a { color: #fff; text-decoration: none; } .jimu-widget-Hydrology .hydro-content table tr td:nth-child(5) img { width: 14px; height: 14px; } .jimu-widget-Hydrology .hydro-content table tr { height: 34px; line-height: 34px; } .jimu-widget-Hydrology .hydro-content table tr td, .jimu-widget-Hydrology .hydro-content table tr th { color: rgb(255, 255, 255); font-size: 12px; text-align: center; } .jimu-widget-Hydrology .hydro-content .thead { position: absolute; top: 0; left: 0; height: 34px; } .jimu-widget-Hydrology .hydro-content .thead table thead tr { background-color: rgb(35,36,58); } .jimu-widget-Hydrology .hydro-content .tbody { position: absolute; top: 34px; left: 0; bottom: 0; height: auto; overflow-y: auto; overflow-x: hidden; } .jimu-widget-Hydrology .hydro-content table>tbody td { padding: 0 4px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: pointer; } .jimu-widget-Hydrology .hydro-content .tbody table>tbody tr:nth-child(odd) { background-color: rgb(2,24,55); } .jimu-widget-Hydrology .hydro-content .tbody table>tbody tr:nth-child(even) { background-color: rgb(35,36,58); } .jimu-widget-Hydrology .hydro-content .tbody::-webkit-scrollbar { width: 7px; /*height: 4px;*/ } /* 弹框得样式 */ .jimu-widget-Hydrology .trackPopUp { display: none; height: 100px; } .trackPopUp.div, .trackPopUp div .trackPopUp dl, .trackPopUp dt, .trackPopUp dd, .trackPopUp ul, .trackPopUp li, .trackPopUp p, .trackPopUp img, .trackPopUp input { margin: 0; padding: 0; font-size: 12px; list-style-type: none; } .trackPopUp .leaflet-popup { position: absolute; background-color: #45acf1; width: 240px; height: 246px; border-radius: 14px; } .trackPopUp .leaflet-popup-close-button { position: absolute; top: 0; right: 8px; padding: 4px 4px 0 0; text-align: center; font: 25px/25px Tahoma, Verdana, sans-serif; text-decoration: none; font-weight: bold; background: transparent; } .trackPopUp .leaflet-popup-content-wrapper { /* max-height: 200px; */ overflow-y: auto; /* height: 133px; */ /* padding: 1px; */ text-align: left; border-radius: 12px; width: 230px; } .trackPopUp .leaflet-popup-content { margin-top: 28px; margin-left: 12px; margin-bottom: 16px; background: white; line-height: 1.4; } .trackPopUp .leaflet-popup-content ul { /* 文本换行:强制一行显示 */ white-space: nowrap; width: 100%; /* margin: 0px;*/ } .trackPopUp .leaflet-popup-content li { /* margin 和 padding的顺序:上、右、下、左 */ /*margin: 0px 0px 0px 30px;*/ background: white; /* margin 左边框30像素*/ padding: 0 2px; /* 上、右、下、左 */ list-style-type: none; /* 列表项符号引用的图片 */ /*border: solid 1px Black;*/ /* 边缘样式 */ float: left; width: 98%; font-size: 14px; line-height: 24px; } .trackPopUp .leaflet-popup-content li p { float: left; color: rgb(68, 28, 28); margin-left: 3%; margin-top: 2.5px; } .trackPopUp .leaflet-popup-content input { width: 57%; float: right; height: 16px; margin-top: 2.5px; line-height: 16px; color: rgba(47, 125, 211, 1); font-family: 宋体; border: 1px solid #C2C2C2; border-radius: 2px; }