.main-panel[data-v-724b1787]{height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.main-panel[data-v-724b1787] .ant-spin-nested-loading{width:100%;height:100%}.main-panel[data-v-724b1787] .ant-spin-spinning{height:100%;width:100%;position:absolute;z-index:9999;background-color:hsla(0,0%,100%,.5)}.main-panel[data-v-724b1787] .ant-spin-dot{position:absolute;top:50%;left:50%}.main-panel .left-Map-class[data-v-724b1787]{width:100%;height:100%;position:relative}.main-panel .left-Map-class .main-Map[data-v-724b1787]{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--panel-bg)}.main-panel .left-Map-class .main-toolbar[data-v-724b1787]{top:16px}.main-panel .left-Map-class .main-toolbar[data-v-724b1787],.main-panel .left-Map-class .traffic-toolbar[data-v-724b1787]{position:absolute;left:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;gap:10px}.main-panel .left-Map-class .traffic-toolbar[data-v-724b1787]{top:57px}.main-panel .left-Map-class .aoi-toolbar[data-v-724b1787]{position:absolute;top:57px;left:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;gap:10px}.main-panel .left-Map-class .main-legend[data-v-724b1787]{position:absolute;bottom:24px;left:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.main-panel .left-Map-class .main-legend.addCharts[data-v-724b1787]{width:calc(100% - 20px)}.main-panel .left-Map-class .main-legend.addCharts .chart[data-v-724b1787]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 30px 0 10px;min-width:calc(100% - 220px)}.main-panel .left-Map-class .main-legend.addCharts .chart .main-chart[data-v-724b1787]{border-radius:8px}.main-panel .left-Map-class .main-legend.active[data-v-724b1787]{pointer-events:none;width:calc(100% - 10px)!important}.main-panel .left-Map-class .rotation-time[data-v-724b1787]{z-index:999;position:absolute;bottom:0;left:0;width:100%}.main-panel .right-Panel-class[data-v-724b1787]{width:487px;-ms-flex-negative:0;flex-shrink:0;height:100%;position:relative;z-index:999}.main-panel .right-Panel-class.active[data-v-724b1787]{width:0}.main-panel .right-Panel-class-button[data-v-724b1787]{position:absolute;width:44px;height:52px;background-image:var(--right-Panel-class-button-Background);left:-44px;top:60px;line-height:52px;cursor:pointer}.main-panel .right-Panel-class-button .icon[data-v-724b1787]{margin-left:16px;font-size:20px;color:#0085ff;vertical-align:middle}.main-panel .right-Panel-class-button[data-v-724b1787]:nth-child(2){top:100px}.main-panel .right-Panel-class-button2[data-v-724b1787]{position:absolute;width:44px;height:52px;background-image:var(--right-Panel-class-button-Background);left:-44px;top:100px;line-height:52px;cursor:pointer}.main-panel .right-Panel-class-button2 .icon[data-v-724b1787]{margin-left:16px;font-size:20px;color:#0085ff;vertical-align:middle}.main-panel .right-Panel-class-button2[data-v-724b1787]:nth-child(2){top:140px}.main-panel .right-Panel-class .panel[data-v-724b1787]{height:100%;overflow-y:auto;background:var(--right-Panel-class);-webkit-box-shadow:0 2px 4px 0 var(--right-Panel-class-BoxShadow);box-shadow:0 2px 4px 0 var(--right-Panel-class-BoxShadow);padding:20px 13px}.main-panel .resize-handle[data-v-724b1787]{width:5px;height:100%;cursor:col-resize;background:transparent;position:relative;z-index:1000;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:background-color .2s;transition:background-color .2s}.main-panel .resize-handle[data-v-724b1787]:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#ccc;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.main-panel .resize-handle.resize-active[data-v-724b1787]:before,.main-panel .resize-handle[data-v-724b1787]:hover:before{background:#0085ff;width:2px}.icon[data-v-bbfac370]{font-size:20px;color:var(--download-font-color);cursor:pointer}.icon[data-v-bbfac370]:hover{color:#0085ff}[data-v-d057c65c] .ant-select-selection{background:var(--panel-select-bg);border:0}[data-v-d057c65c] .ant-input{font-size:12px;line-height:28px;border:1px solid var(--panel-select-border);border-radius:4px}[data-v-d057c65c] .ant-input,[data-v-d057c65c] .ant-input-suffix{color:var(--panel-select-font)}.ant-select-auto-complete[data-v-0821e542]{width:100%}.ant-select-auto-complete .certain-category-icon[data-v-0821e542]{color:var(--panel-select-font)}.iconimg[data-v-0821e542]{float:right;width:15px;height:15px}.main-panel[data-v-76332970]{-webkit-transition:1s;transition:1s;width:400px;position:fixed;top:154px;left:20px;padding:16px 20px;background:var(--custom-raod-panel-bg);-webkit-box-shadow:0 2px 4px 0 var(--custom-raod-panel-boxShadow);box-shadow:0 2px 4px 0 var(--custom-raod-panel-boxShadow);border-radius:2px;z-index:99}.main-panel-button[data-v-76332970]{-webkit-transition:1s;transition:1s;position:absolute;width:44px;height:52px;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background-image:var(--right-Panel-class-button-Background);left:400px;top:30px;line-height:52px;cursor:pointer}.main-panel-button .icon-youbian[data-v-76332970],.main-panel-button .icon-zuobian[data-v-76332970]{margin-left:16px;font-size:20px;color:#0085ff}.main-panel[data-v-76332970] .anticon-close{display:block;text-align:right;cursor:pointer;color:var(--download-font-color)}.main-panel[data-v-76332970] .ant-input{background-color:var(--font-input-bg);border:0;outline:none;color:var(--charts-top-font);border-bottom:1px solid var(--font-input-border-color)}.main-panel[data-v-76332970] .ant-input:focus{-webkit-box-shadow:none;box-shadow:none}.main-panel[data-v-76332970] .ant-input::-webkit-input-placeholder{color:var(--font-input-placeholder)}.main-panel[data-v-76332970] .ant-input::-moz-placeholder{color:var(--font-input-placeholder)}.main-panel[data-v-76332970] .ant-input:-ms-input-placeholder{color:var(--font-input-placeholder)}.main-panel[data-v-76332970] .ant-input::-ms-input-placeholder{color:var(--font-input-placeholder)}.main-panel[data-v-76332970] .ant-input::placeholder{color:var(--font-input-placeholder)}.main-panel[data-v-76332970] .ant-input.error{border-bottom-color:#e60303}.main-panel[data-v-76332970] .ant-input.error::-webkit-input-placeholder{color:#e60303}.main-panel[data-v-76332970] .ant-input.error::-moz-placeholder{color:#e60303}.main-panel[data-v-76332970] .ant-input.error:-ms-input-placeholder{color:#e60303}.main-panel[data-v-76332970] .ant-input.error::-ms-input-placeholder{color:#e60303}.main-panel[data-v-76332970] .ant-input.error::placeholder{color:#e60303}.main-panel .content .note[data-v-76332970]{display:block;font-size:12px;margin-top:7px;color:var(--custom-road-panel-note-font);line-height:20px}.main-panel .content .disabled-input[data-v-76332970]{color:var(--city-selector-name-fontColor);font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.main-panel .content .enter-road-input .road-direction[data-v-76332970],.main-panel .content .enter-road-input .road-name[data-v-76332970]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.main-panel .content .enter-road-input .road-direction span[data-v-76332970],.main-panel .content .enter-road-input .road-name span[data-v-76332970]{width:55px;font-size:12px;color:var(--city-selector-name-fontColor)}.main-panel .content .enter-road-input .road-direction[data-v-76332970] .ant-input,.main-panel .content .enter-road-input .road-name[data-v-76332970] .ant-input{-webkit-box-flex:1;-ms-flex:1;flex:1}.main-panel .footer-box[data-v-76332970]{padding:10px 0 8px}.main-panel .footer-box .draw-bottom[data-v-76332970],.main-panel .footer-box .save-bottom[data-v-76332970]{text-align:right}.main-panel .footer-box .button[data-v-76332970]{display:inline-block;border:1px solid #0085ff;border-radius:4px;padding:6px 16px;font-size:12px;cursor:pointer;color:#0085ff;margin-left:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.main-panel .search-input[data-v-76332970]{position:absolute;width:100%;top:-42px;left:0}.main-panel.active[data-v-76332970]{padding:0;left:-400px!important;-webkit-transition:1s;transition:1s}.main-panel.active .ant-input[data-v-76332970],.main-panel.active .anticon-close[data-v-76332970],.main-panel.active .button[data-v-76332970]{padding:0;border:0;width:0!important;overflow:hidden}.main-panel.active .main-panel-button[data-v-76332970]{-webkit-transition:1s;transition:1s}@-webkit-keyframes warn1{0%{transform:scale(.1);-webkit-transform:scale(.1);opacity:0}25%{transform:scale(.1);-webkit-transform:scale(.1);opacity:1}50%{transform:scale(.2);-webkit-transform:scale(.2);opacity:1}75%{transform:scale(.3);-webkit-transform:scale(.3);opacity:1}to{transform:scale(.5);-webkit-transform:scale(.5);opacity:0}}@keyframes warn1{0%{transform:scale(.1);-webkit-transform:scale(.1);opacity:0}25%{transform:scale(.1);-webkit-transform:scale(.1);opacity:1}50%{transform:scale(.2);-webkit-transform:scale(.2);opacity:1}75%{transform:scale(.3);-webkit-transform:scale(.3);opacity:1}to{transform:scale(.5);-webkit-transform:scale(.5);opacity:0}}.shine-container{position:relative;width:30px;height:30px;margin:auto}.shine-pulse{-webkit-animation:warn1 2s linear .5s infinite;animation:warn1 2s linear .5s infinite}.shine-pulse,.shine-pulse1{position:absolute;width:30px;height:30px;left:0;top:0;border:1px solid #f56c6c;border-radius:50%;z-index:1;opacity:0;-webkit-box-shadow:1px 1px 30px #f56c6c;box-shadow:1px 1px 30px #f56c6c}.shine-pulse1{-webkit-animation:warn1 2s linear 1s infinite;animation:warn1 2s linear 1s infinite}.shine-pulse2{-webkit-animation:warn1 2s linear 1.5s infinite;animation:warn1 2s linear 1.5s infinite}.shine-pulse2,.shine-pulse3{position:absolute;width:30px;height:30px;left:0;top:0;border:1px solid #f56c6c;border-radius:50%;z-index:1;opacity:0;-webkit-box-shadow:1px 1px 30px #f56c6c;box-shadow:1px 1px 30px #f56c6c}.shine-pulse3{-webkit-animation:warn1 2s linear 2s infinite;animation:warn1 2s linear 2s infinite}.custom-copyright[data-v-c666a928]{position:absolute;bottom:0;left:290px;color:var(--legend-static-main-font);font-size:14px;z-index:999}.main-panel[data-v-97059ab2]{-webkit-transition:1s;transition:1s;width:400px;position:fixed;left:20px;padding:16px 20px;background:var(--custom-raod-panel-bg);-webkit-box-shadow:0 2px 4px 0 var(--custom-raod-panel-boxShadow);box-shadow:0 2px 4px 0 var(--custom-raod-panel-boxShadow);border-radius:2px;z-index:99}.main-panel-button[data-v-97059ab2]{-webkit-transition:1s;transition:1s;position:absolute;width:44px;height:52px;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background-image:var(--right-Panel-class-button-Background);left:400px;top:30px;line-height:52px;cursor:pointer}.main-panel-button .icon-youbian[data-v-97059ab2],.main-panel-button .icon-zuobian[data-v-97059ab2]{margin-left:16px;font-size:20px;color:#0085ff}.main-panel-header[data-v-97059ab2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.main-panel[data-v-97059ab2] .anticon-close{display:inline-block;text-align:right;cursor:pointer;color:var(--download-font-color);-webkit-transition:all .2s linear;transition:all .2s linear;border-radius:50%;padding:3px}.main-panel[data-v-97059ab2] .anticon-close:hover{-webkit-transition:all .2s linear;transition:all .2s linear;background-color:var(--panel-common-table-bg)}.main-panel[data-v-97059ab2] .ant-input{background-color:var(--font-input-bg);border:0;outline:none;color:var(--charts-top-font);border-bottom:1px solid var(--font-input-border-color)}.main-panel[data-v-97059ab2] .ant-input:focus{-webkit-box-shadow:none;box-shadow:none}.main-panel[data-v-97059ab2] .ant-input::-webkit-input-placeholder{color:var(--font-input-placeholder)}.main-panel[data-v-97059ab2] .ant-input::-moz-placeholder{color:var(--font-input-placeholder)}.main-panel[data-v-97059ab2] .ant-input:-ms-input-placeholder{color:var(--font-input-placeholder)}.main-panel[data-v-97059ab2] .ant-input::-ms-input-placeholder{color:var(--font-input-placeholder)}.main-panel[data-v-97059ab2] .ant-input::placeholder{color:var(--font-input-placeholder)}.main-panel[data-v-97059ab2] .ant-input.error{border-bottom-color:#e60303}.main-panel[data-v-97059ab2] .ant-input.error::-webkit-input-placeholder{color:#e60303}.main-panel[data-v-97059ab2] .ant-input.error::-moz-placeholder{color:#e60303}.main-panel[data-v-97059ab2] .ant-input.error:-ms-input-placeholder{color:#e60303}.main-panel[data-v-97059ab2] .ant-input.error::-ms-input-placeholder{color:#e60303}.main-panel[data-v-97059ab2] .ant-input.error::placeholder{color:#e60303}.main-panel .content .note[data-v-97059ab2]{display:block;font-size:12px;margin-top:7px;color:var(--custom-road-panel-note-font);line-height:20px}.main-panel .content .disabled-input[data-v-97059ab2]{color:var(--city-selector-name-fontColor);font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.main-panel .content .enter-wkt-input[data-v-97059ab2]{position:relative}.main-panel .content .enter-wkt-input .title[data-v-97059ab2]{color:var(--city-selector-name-fontColor);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px;margin:12px 0 8px}.main-panel .content .enter-wkt-input .enter-path[data-v-97059ab2]{height:125px;border:1px solid var(--font-input-border-color);resize:none}.main-panel .content .enter-wkt-input .enter-path[data-v-97059ab2]::-webkit-input-placeholder{font-size:12px}.main-panel .content .enter-wkt-input .enter-icon[data-v-97059ab2]{position:absolute;top:70px;cursor:pointer}.main-panel .content .enter-wkt-input .enter-icon img[data-v-97059ab2]{width:25px;height:30px}.main-panel .content .region-name[data-v-97059ab2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;color:var(--city-selector-name-fontColor);font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.main-panel .content .region-name[data-v-97059ab2] .ant-input{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:12px}.main-panel .footer-box[data-v-97059ab2]{padding:10px 0 8px}.main-panel .footer-box .draw-bottom[data-v-97059ab2],.main-panel .footer-box .save-bottom[data-v-97059ab2]{text-align:right}.main-panel .footer-box .button[data-v-97059ab2]{display:inline-block;border:1px solid #0085ff;border-radius:4px;padding:6px 16px;font-size:12px;cursor:pointer;color:#0085ff;margin-left:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.main-panel .search-input[data-v-97059ab2]{position:absolute;width:100%;top:-42px;left:0}.main-panel.active[data-v-97059ab2]{padding:0;left:-400px!important;-webkit-transition:1s;transition:1s}.main-panel.active .ant-input[data-v-97059ab2],.main-panel.active .anticon-close[data-v-97059ab2],.main-panel.active .button[data-v-97059ab2]{padding:0;border:0;width:0!important;overflow:hidden}.main-panel.active .main-panel-button[data-v-97059ab2]{-webkit-transition:1s;transition:1s}