.clearmap{width:820px}.clearmap .cleartitle{font-weight:600;font-size:20px;color:#0d111c;line-height:20px}.clearmap .cleartitle span{font-size:20px;color:#0d111c;line-height:20px}.clearmap .clear_box{margin-top:30px;display:flex;align-items:center;justify-content:space-between}.clearmap .type_box{display:flex;align-items:center}.clearmap .type_box.rightbox{gap:8px}.clearmap .clear_type{width:144px;height:32px;background:#eff2f5;border-radius:8px 8px 8px 8px;padding:2px;box-sizing:border-box;display:flex;align-items:center}.clearmap .clear_type .type_item{width:76px;height:28px;color:#59636d;text-align:center;font-weight:600;font-size:12px;color:#24292e;line-height:28px;cursor:pointer}.clearmap .clear_type .type_item.active{background:#ffffff;border-radius:6px 6px 6px 6px;color:#24292e}.clearmap .select_box{display:flex;align-items:center;padding:0 8px;height:36px;background:#f5f6f8;border-radius:4px 4px 4px 4px;gap:6px;cursor:pointer;position:relative}.clearmap .select_box .select_txt{font-weight:400;font-size:13px;color:#24292e}.clearmap .select_box .select_img{height:20px;transition:transform 0.2s ease}.clearmap .select_box .select_dropdown{display:none;position:absolute;top:calc(100% + 4px);left:0;min-width:100%;padding:8px 0;background:#ffffff;box-shadow:0 10px 20px rgba(15,23,42,0.12);border-radius:8px;z-index:20;max-height:300px;overflow-y:auto}.clearmap .select_box .select_dropdown .select_option{padding:8px 16px;font-size:13px;color:#24292e;white-space:nowrap;transition:background 0.2s ease}.clearmap .select_box .select_dropdown .select_option.active,.clearmap .select_box .select_dropdown .select_option:hover{background:#f1f3f5}.clearmap .select_box.open .select_img{transform:rotate(180deg)}.clearmap .select_box.open .select_dropdown{display:block}.clearmap .hotrefresh_box{width:48px;height:36px;background:#f5f6f8;border-radius:4px 4px 4px 4px;display:flex;align-items:center;justify-content:center;cursor:pointer}.clearmap .hotrefresh_box .refresh_img{width:16px;height:16px}.clearmap .blasting_ratio_chart{margin-top:16px;position:relative}.clearmap .blasting_ratio_chart .chart_loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity 0.2s ease;z-index:15}.clearmap .blasting_ratio_chart .chart_loading .loading_spinner{width:56px;height:56px;border-radius:50%;border:3px solid rgba(255,255,255,0.18);border-top-color:#4a85ff;background:rgba(10,15,26,0.85);animation:heatmap-spin 0.8s linear infinite;position:relative}.clearmap .blasting_ratio_chart .chart_loading.visible{opacity:1;visibility:visible}.clearmap .tooltip-kline{min-width:141px;background:rgba(0,0,0,0.8);border-radius:4px 4px 4px 4px}.clearmap .tooltip-kline div{font-size:12px;color:#ffffff;line-height:12px}.clearmap .tooltip-kline div span{font-size:12px;color:#ffffff;line-height:12px}.clearmap .tooltip-kline .kline-item{margin-top:6px;display:flex;align-items:center;justify-content:space-between;color:#ffffff}.clearmap .echart_empty{position:absolute;top:0;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;visibility:hidden}.clearmap .echart_empty.visible{opacity:1;visibility:visible}.clearmap .echart_empty .echart_empty_img{width:98px;height:98px}.clearmap .echart_empty p{margin-top:12px;font-size:12px;color:#b7bdc4;line-height:12px}@keyframes heatmap-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}