.jimu-widget-spatialAnalysis { position: absolute !important; font-size: 14px; height: 398px !important; width: 318px !important; /* 240px */ background: rgb(254, 254, 254); color: #838383; border-radius: 6px; text-align: center; /* cursor: pointer; */ z-index: 11 !important; top: 72px !important; bottom: auto !important; right: 60px !important; left: auto !important; box-shadow: 0 0 8px #fff; display: none; } .jimu-widget-spatialAnalysis .closesspatialAnalysis { position: absolute; top: 0px; right: 10px; cursor: pointer; } .jimu-widget-spatialAnalysis .closesspatialAnalysis:hover { color: red; } .jimu-widget-spatialAnalysis .heards { height: 40px; width: 100%; background-color: #39A5FD; box-shadow: 0 0 10px #39A5FD; color: #fff; font-size: 16px; line-height: 40px; border-radius: 6px 6px 0 0; } .jimu-widget-spatialAnalysis .main { padding: 5px; text-align: center; overflow: hidden; height: calc(100% - 40px); width: 100%; margin: 0; overflow: auto; } .jimu-widget-spatialAnalysis li { position: relative; left: 6px; top: 5px; float: left; cursor: pointer; user-select: none; min-width: 62px; height: 96px; width: 90px; box-sizing: border-box; margin: 0 10px 10px 0; text-align: center; padding-top: 12px; border: 1px solid rgb(255, 255, 255); box-shadow: 2px 2px 15px -5px #39A5FD; color: #555 } .jimu-widget-spatialAnalysis li:hover { background-color: #ffffff; box-shadow: 3px 3px 20px -4px #0b8af1; }