.copyright-container[data-v-ca4d64e6]{position:absolute;z-index:999;bottom:10px;right:60px;background-color:hsla(0,0%,100%,.6);height:24px;line-height:24px;padding:0 5px;font-size:12px}.copyright-container img[data-v-ca4d64e6]{vertical-align:-5px;margin-right:5px;height:20px}.copyright-container span[data-v-ca4d64e6]{font-size:12px;vertical-align:2px;color:#000;font-family:SimSun}.ol-box{-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px;border:2px solid #00f}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:rgba(0,60,136,.3);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid #eee;border-top:none;color:#eee;font-size:10px;text-align:center;margin:1px;will-change:contents,width}.ol-overlay-container{will-change:left,right,top,bottom}.ol-unsupported{display:none}.ol-unselectable,.ol-viewport{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.ol-grabbing{cursor:-webkit-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:grab}.ol-control{position:absolute;background-color:hsla(0,0%,100%,.4);border-radius:4px;padding:2px}.ol-control:hover{background-color:hsla(0,0%,100%,.6)}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;-webkit-transition:opacity .25s linear,visibility 0s linear;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;-webkit-transition:opacity .25s linear,visibility 0s linear .25s;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}@media print{.ol-control{display:none}}.ol-control button{display:block;margin:1px;padding:0;color:#fff;font-size:1.14em;font-weight:700;text-decoration:none;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:rgba(0,60,136,.5);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;font-size:1.2em;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:focus,.ol-control button:hover{text-decoration:none;background-color:rgba(0,60,136,.7)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em)}.ol-attribution ul{margin:0;padding:0 .5em;font-size:.7rem;line-height:1.375em;color:#000;text-shadow:0 0 2px #fff}.ol-attribution li{display:inline;list-style:none;line-height:inherit}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button,.ol-attribution ul{display:inline-block}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:hsla(0,0%,100%,.8)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0;height:1.1em;line-height:1em}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:inline-block}.ol-overviewmap .ol-overviewmap-map{border:1px solid #7b98bc;height:150px;margin:2px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:1px;left:2px;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:hsla(0,0%,100%,.8)}.ol-overviewmap-box{border:2px dotted rgba(0,60,136,.7)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}.island-sovereignty{position:relative}.island-sovereignty img{position:absolute;left:-11px;top:-23px}.island-sovereignty .name{position:absolute;white-space:nowrap;font-size:12px;top:-17px;left:20px;text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0}.explan-main[data-v-074ead60]{right:10px;bottom:10px;position:absolute;z-index:999}.explan-main .main-box[data-v-074ead60]{background-color:rgba(27,27,27,.78);width:68px;height:30px;border:1px solid #000;border-radius:20px;-webkit-box-shadow:0 0 8px 0 rgba(48,92,138,.35);box-shadow:0 0 8px 0 rgba(48,92,138,.35);padding:0 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:default;-webkit-transition:all .3s;transition:all .3s}.explan-main .main-box[data-v-074ead60]:hover{border:1px solid #d1a33d;background-image:-webkit-gradient(linear,left top,right top,from(#ffa21c),to(#fbbb00));background-image:linear-gradient(90deg,#ffa21c,#fbbb00)}.explan-main .main-box .box-icon[data-v-074ead60]{color:#fff;font-size:12px}.explan-main .main-box .box-text[data-v-074ead60]{font-size:14px;color:#666;font-size:12px;font-family:SimSun;color:#fff}.explan-main .main-box .box-hover[data-v-074ead60]{position:absolute;right:75px;bottom:0;z-index:999}.explan-main .main-box .box-hover .hover-lists[data-v-074ead60]{-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.06);box-shadow:0 4px 8px 0 rgba(0,0,0,.06);display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:auto;border-radius:2px;background-color:#fff;z-index:999}.explan-main .main-box .box-hover .hover-lists[data-v-074ead60]:after{position:absolute;right:-6px;bottom:8px;content:"";border-top:6px solid transparent;border-left:6px solid #fff;border-bottom:6px solid transparent}.explan-main .main-box .box-hover .hover-wave-list[data-v-074ead60],.explan-main .main-box .box-hover .hover-wind-list[data-v-074ead60]{padding:0 10px;font-size:12px}.explan-main .main-box .box-hover .hover-list-title[data-v-074ead60]{height:24px;line-height:24px}.explan-main .main-box .box-hover .hover-wind-list[data-v-074ead60]{width:180px;border-left:1px solid #f5f5f5}.explan-main .main-box .box-hover .hover-wave-list[data-v-074ead60]{width:130px}.explan-main .main-box .box-hover .list-item[data-v-074ead60]{height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.explan-main .main-box .box-hover .list-item div[data-v-074ead60]{font-size:12px;font-family:SimSun;color:#666}.explan-main .main-box .box-hover .list-item div.item-right[data-v-074ead60]{text-align:left}.explan-main .main-box .box-hover .list-other[data-v-074ead60]{font-size:12px;padding:10px 0;font-family:SimSun;color:#666;line-height:20px;background-color:#fff;margin-left:-25px}.explan-main .main-box .box-hover .hover-list[data-v-074ead60]{margin-right:15px;width:130px;border-radius:2px;background-color:#fff;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.06);box-shadow:0 4px 8px 0 rgba(0,0,0,.06);padding:0 10px;border-radius:4px;position:relative}.explan-main .main-box .box-hover .hover-list[data-v-074ead60]:after{position:absolute;right:-6px;bottom:8px;content:"";border-top:6px solid transparent;border-left:6px solid #fff;border-bottom:6px solid transparent}.explan-main .main-box .box-hover .hover-list .list-item[data-v-074ead60]{height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.explan-main .main-box .box-hover .hover-list .list-item div[data-v-074ead60]{font-size:12px;font-family:SimSun;color:#666}.explan-main .main-box .box-hover .hover-list .list-other[data-v-074ead60]{font-size:12px;padding:10px 0;font-family:SimSun;color:#666;line-height:20px}.explan-main .fade-enter-active[data-v-074ead60],.explan-main .fade-leave-active[data-v-074ead60]{-webkit-transition:opacity .5s;transition:opacity .5s}.explan-main .fade-enter[data-v-074ead60],.explan-main .fade-leave-to[data-v-074ead60]{opacity:0}.ocean[data-v-069e5f95]{position:relative}.ocean .actions[data-v-069e5f95]{background-color:rgba(0,0,0,.6);padding:10px;position:absolute;z-index:9999;top:20px;left:20px;border-radius:2px}.ocean .actions .actions-title[data-v-069e5f95]{font-size:14px;font-family:Microsoft YaHei;color:#fff;font-weight:700}.ocean .actions .timestamp[data-v-069e5f95]{font-family:SimSun;color:#fff;font-size:12px}#map[data-v-069e5f95]{width:100%;height:calc(100vh - 134px);min-height:500px;position:relative;background-color:#a4cdff;overflow:hidden}#map #highcharts[data-v-069e5f95]{border-radius:4px;background-color:#fff;width:755px;height:310px;position:absolute;top:-165px;left:20px;-webkit-box-shadow:0 4px 12px 0 rgba(0,0,0,.2);box-shadow:0 4px 12px 0 rgba(0,0,0,.2);padding:20px 20px 0;z-index:999}#map #highcharts .close[data-v-069e5f95]{position:absolute;right:12px;top:12px;cursor:pointer}#map #highcharts .title[data-v-069e5f95]{height:20px;display:-webkit-box;display:-ms-flexbox;display:flex}#map #highcharts .title .border[data-v-069e5f95]{background-image:-webkit-gradient(linear,left bottom,left top,color-stop(2%,#008aff),to(#00a2ff));background-image:linear-gradient(0deg,#008aff 2%,#00a2ff);width:4px;height:20px}#map #highcharts .title .text[data-v-069e5f95]{font-size:18px;height:20px;line-height:20px;margin-left:10px;color:#101010;font-family:Microsoft YaHei}#map #highcharts .title .grid-center[data-v-069e5f95]{font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-left:10px;color:#101010;font-family:Microsoft YaHei}#map #highcharts #chart[data-v-069e5f95]{height:250px;margin-top:10px;background-color:#fff}#map #highcharts[data-v-069e5f95]:before{top:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-right-color:#fff;border-width:10px;left:-10px;top:155px;margin-left:-10px}#map #info[data-v-069e5f95]{width:180px;border-radius:4px;background-color:#fff;-webkit-box-shadow:0 4px 12px 0 rgba(0,0,0,.2);box-shadow:0 4px 12px 0 rgba(0,0,0,.2);padding:10px 20px;z-index:998;position:absolute;bottom:20px;left:-90px}#map #info div[data-v-069e5f95]{line-height:24px}#map #info .title[data-v-069e5f95]{color:#06c;font-size:16px;font-weight:700}#map #info .title span[data-v-069e5f95]:nth-child(2){font-size:14px}#map #info .item span[data-v-069e5f95]{font-size:12px}#map #info .item span[data-v-069e5f95]:first-child{color:#666}#map #info .item span[data-v-069e5f95]:nth-child(2){color:#101010}#map #info[data-v-069e5f95]:after{top:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-top-color:#fff;border-width:10px;bottom:0;left:50%;margin-left:-10px;z-index:999}#map .table[data-v-069e5f95]{position:absolute;width:400px;top:1px;bottom:0;right:-400px;background:#fff;-webkit-transition:right .5s;transition:right .5s;z-index:1001}#map .table .no-data[data-v-069e5f95]{width:100%;margin-top:50%;text-align:center}#map .table .toggle[data-v-069e5f95]{background-color:#06c;height:34px;width:20px;line-height:34px;border-top-left-radius:17px;border-bottom-left-radius:17px;position:absolute;left:-20px;top:50%;z-index:1;color:#fff;cursor:pointer}#map .table .toggle i[data-v-069e5f95]{margin-left:5px;font-size:13px}#map .table .title[data-v-069e5f95]{height:34px;line-height:34px;background-color:#06c}#map .table .title img[data-v-069e5f95]{margin:0 10px;position:relative;top:1px}#map .table .title span[data-v-069e5f95]{font-size:14px;font-family:Microsoft YaHei;color:#fff}#map .table table[data-v-069e5f95]{width:100%;border-collapse:collapse}#map .table table th[data-v-069e5f95]{height:48px;font-size:12px;font-family:Microsoft YaHei;color:#101010;text-align:center;background-color:#fff}#map .table table tr[data-v-069e5f95]:nth-child(odd){background-color:#f6f6f6}#map .table table td[data-v-069e5f95]{height:34px;text-align:center;font-family:SimSun;font-size:12px;color:#666}#map .table.active[data-v-069e5f95]{right:0}.help[data-v-069e5f95]{right:20px;height:20px;width:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;cursor:pointer}.help[data-v-069e5f95],.tips[data-v-069e5f95]{position:fixed;top:130px;background-color:#fff}.tips[data-v-069e5f95]{z-index:4;right:50px;height:200px;width:300px;line-height:20px;font-size:12px;padding:10px;border-radius:4px;-webkit-box-shadow:0 4px 12px 0 rgba(0,0,0,.2);box-shadow:0 4px 12px 0 rgba(0,0,0,.2)}.legend[data-v-069e5f95]{position:fixed;bottom:70px;right:20px;z-index:3}.progress[data-v-069e5f95]{height:50px;width:572px;border-radius:25px;position:absolute;bottom:30px;left:calc(50vw - 286px);padding:20px 25px 0;background-color:rgba(0,0,0,.6)}.progress .bars[data-v-069e5f95]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.progress .bars .bar[data-v-069e5f95]{width:30px;height:10px;background-color:#d3d9e0;cursor:pointer;position:relative}.progress .bars .bar img[data-v-069e5f95]{position:absolute;top:-35px;left:5px}.progress .bars .bar .text[data-v-069e5f95]{font-size:12px;font-family:SimSun;color:#fff;white-space:nowrap;position:absolute;top:10px;left:-9px}.progress .bars .bar.active[data-v-069e5f95]{background-color:#ffa423}.copyright[data-v-069e5f95]{position:fixed;z-index:9999;left:0;bottom:0;background-color:hsla(0,0%,100%,.5);height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;font-family:SimSun;color:#333;padding-right:10px;padding-left:2px}.copyright img[data-v-069e5f95]{margin-right:10px}.copyright span[data-v-069e5f95]{margin:0 15px}.menus[data-v-069e5f95]{position:absolute;top:20px;right:20px;-webkit-transition:right .5s;transition:right .5s}.menus.active[data-v-069e5f95]{right:420px}.menus .menus-eles[data-v-069e5f95]{height:40px;background-color:#fff;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.1);box-shadow:0 4px 8px 0 rgba(0,0,0,.1);border-radius:2px;position:absolute;right:114px;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.menus .menus-eles .ele-item[data-v-069e5f95]{width:87px;height:20px;line-height:20px;border-left:1px solid #e5e5e5;text-align:center;font-size:12px;font-family:SimSun;color:#666;cursor:pointer}.menus .menus-eles .ele-item.active[data-v-069e5f95],.menus .menus-eles .ele-item[data-v-069e5f95]:hover{color:#06c}.menus .menus-eles .ele-item img[data-v-069e5f95]{vertical-align:middle;position:relative;top:-2px;margin-right:8px}.menus .menus-eles .ele-item[data-v-069e5f95]:first-child{width:86px;border-left:none}.menus .menus-listbutton[data-v-069e5f95]{position:absolute;right:0;top:0;width:96px;height:40px;line-height:37px;background-color:#fff;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.1);box-shadow:0 4px 8px 0 rgba(0,0,0,.1);border-radius:2px;cursor:pointer;text-align:center}.menus .menus-listbutton.active span[data-v-069e5f95]{color:#06c}.menus .menus-listbutton img[data-v-069e5f95]{vertical-align:middle;margin-right:5px}.menus .menus-listbutton span[data-v-069e5f95]{font-size:12px;font-family:SimSun;color:#666}.env-forecast .ocean .el-input__inner{height:32px;line-height:32px;width:146px;border-radius:16px;color:#333}.env-forecast .ocean .el-input__icon{line-height:32px}