.jimu-widget-FloodAnalysis { width: 440px !important; height: 100%; position: fixed !important; left: 30px !important; top: 75px !important; border: 1px solid rgb(69, 154, 251); border-radius: 5px; background: rgba(31, 39, 48, .7); z-index: 41 !important; color: rgb(255, 255, 255); } .jimu-widget-FloodAnalysis div, .jimu-widget-FloodAnalysis i, .jimu-widget-FloodAnalysis ul, .jimu-widget-FloodAnalysis li, .jimu-widget-FloodAnalysis span, .jimu-widget-FloodAnalysis input, .jimu-widget-FloodAnalysis h2 { margin: 0; padding: 0; } .jimu-widget-FloodAnalysis div.analysis-header { position: relative; width: 100%; height: 40px; line-height: 40px; font-size: 20px; border-bottom: 1px solid rgb(69, 154, 251); } .jimu-widget-FloodAnalysis div.analysis-header i { display: inline-block; margin-left: 6px; vertical-align: middle; width: 20px; height: 20px; background: url(../../../images/toolbox.png ) no-repeat 0 -20px; background-size: 20px; } .jimu-widget-FloodAnalysis div.dong { margin: 8px 17px; } .jimu-widget-FloodAnalysis ul li { margin: 5px 0; list-style: none; height: 46px; line-height: 46px; font-size: 16px; } .jimu-widget-FloodAnalysis li span { display: inline-block; width: 51%; text-align: left; } .jimu-widget-FloodAnalysis li input { display: inline-block; width: 49%; height: 42px; border: 0; color: #fff; vertical-align: middle; background: rgba(140, 151, 165, 0.7); padding: 0 10px; } .jimu-widget-FloodAnalysis li:nth-child(5) input { width: 49%; } .jimu-widget-FloodAnalysis li:nth-child(5) input:nth-child(1) { margin-right: 2%; } .jimu-widget-FloodAnalysis li:nth-child(1) input, .jimu-widget-FloodAnalysis li:nth-child(5) input { cursor: pointer; background: rgb(2,24,55); border: 1px solid rgb(69, 154, 251); border-radius: 4px; } .jimu-widget-FloodAnalysis .dong-echarts { display: none; position: absolute; top: 360px; background: rgba(90, 87, 87, 0.7); width: 560px; height: 360px; z-index: 55; } .jimu-widget-FloodAnalysis p { display: none; margin: 0; padding: 0; position: absolute; top: 368px; left: 12px; width: 150px; height: 200px; color: #fff; line-height: 20px; text-indent: 2em; letter-spacing: 1.5px; font-size: 16px; word-break: break-all; text-align-last: left; text-align: justify; text-justify: distribute-all-lines; z-index: 56; } .jimu-widget-FloodAnalysis .dong-progress { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 500px; height: 0px; z-index: 33; background: rgba(59, 59, 59, 0.7); } .jimu-widget-FloodAnalysis .dong-progress h2 { margin: 10px 0; text-align: center; font-size: 16px; font-weight: 400; } .jimu-widget-FloodAnalysis .dong-progress .container { display: inline-block; width: 100%; height: 20px; padding-right: 10px; border: 1px solid #999; border-radius: 5px; } .jimu-widget-FloodAnalysis .dong-progress .container .h-100P { height: 100%; } .jimu-widget-FloodAnalysis .dong-progress .container .bar { display: inline-block; background: linear-gradient(to right, #ff4343, #48adff); color: white; font-weight: bold; padding: 0 5px; text-align: right; border-radius: 5px; border-right: 1px solid #999; } .jimu-widget-FloodAnalysis .storage-capacity-curve { display: none; padding-top: 10px; position: absolute; top: 360px; left: 580px; background: rgba(206, 204, 204, 0.7); width: 500px; height: 360px; z-index: 55; } .jimu-widget-FloodAnalysis .storage-name { display: none; position: absolute; top: 686px; left: 780px; width: 100px; height: 20px; line-height: 20px; text-align: center; font-size: 14px; color: rgba(40, 37, 161, 0.7); z-index: 111 !important; } /**淹没详情**/ .flood-detail{ position: fixed; top: 420px; width: 440px; height: 200px; left: 30px !important; overflow-x: hidden; background: rgba(31, 39, 48, .7); font-size: 14px; border: 1px solid rgb(69, 154, 251); border-radius: 5px; color: rgb(255, 255, 255); display: none; } .flood-detail-header { position: relative; width: 100%; height: 40px; line-height: 40px; font-size: 20px; border-bottom: 1px solid rgb(69, 154, 251); } .flood-detail-header i { display: inline-block; margin-left: 6px; vertical-align: middle; width: 20px; height: 20px; background: url(../../../images/toolbox.png ) no-repeat 0 -20px; background-size: 20px; } .flood-detail-content{ height: 45%; text-align: center; margin: 12px 17px 10px 17px; } .flood-detail-text{ height: 95%; font-size: 20px; } .flood-detail-button input{ margin: 5px 0; width: 48%; height: 36px; color: #fff; background: rgb(2,24,55); border: 1px solid rgb(69, 154, 251); border-radius: 4px; }