.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}.page-box-fr .el-pager{height:35px;line-height:35px;padding-top:5px;background-color:#fbfbfb}.page-box-fr .el-pager li.active,.page-box-fr .el-pager li:hover{color:#06c}.el-pager li{color:#101010;font-weight:400;background-color:#fbfbfb}.page-box-fr .btn-next,.page-box-fr .btn-prev{margin-top:5px;background-color:#fbfbfb}.page-box-fr .el-pagination button:disabled{background-color:#fbfbfb}.right-bar-container[data-v-6a8c7eb8]{position:relative;height:calc(100vh - 134px);width:0;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}.right-bar-container.active[data-v-6a8c7eb8]{width:430px}.right-bar-container.active .right-bar-open img[data-v-6a8c7eb8]{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.right-bar-container.active .right-bar-inner[data-v-6a8c7eb8]{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}.right-bar-container .right-bar-open[data-v-6a8c7eb8]{width:30px;height:64px;line-height:64px;position:absolute;top:50%;left:-30px;z-index:999;background-color:#eee;border-radius:30px 0 0 30px;text-align:center;cursor:pointer}.right-bar-container .right-bar-open img[data-v-6a8c7eb8]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.right-bar-inner[data-v-6a8c7eb8]{width:100%;height:calc(100vh - 94px);background-color:#fff;width:430px;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out;opacity:0}.right-bar-inner .right-bar-top[data-v-6a8c7eb8]{width:100%;height:50px;line-height:50px;background-color:#f5f5f5;border:1px solid #e5e5e5;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 20px}.right-bar-inner .right-bar-top .bar-top-fl img[data-v-6a8c7eb8]{vertical-align:-2px}.right-bar-inner .right-bar-top .bar-top-fl span[data-v-6a8c7eb8]{font-size:14px;margin-left:10px;color:#06c}.right-bar-inner .right-bar-top .bar-top-fl i[data-v-6a8c7eb8]{color:#06c;margin-left:5px}.right-bar-inner .right-bar-top .bar-top-fr[data-v-6a8c7eb8]{font-size:12px;color:#666}.right-bar-inner .right-bar-lists[data-v-6a8c7eb8]{width:100%;height:calc(100vh - 245px);padding:0 10px;overflow-y:hidden;background-color:#fbfbfb}.right-bar-inner .right-bar-lists ul[data-v-6a8c7eb8]{width:100%;height:100%}.right-bar-inner .right-bar-lists ul li[data-v-6a8c7eb8]{width:100%;height:120px;border-bottom:1px solid #e5e5e5;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 10px;cursor:pointer}.right-bar-inner .right-bar-lists ul li[data-v-6a8c7eb8]:last-child{border-bottom:none}.right-bar-inner .right-bar-lists ul li .bar-list-fl[data-v-6a8c7eb8]{width:80px;height:100%;overflow:hidden;position:relative}.right-bar-inner .right-bar-lists ul li .bar-list-fl img[data-v-6a8c7eb8]{width:80px;height:80px}.right-bar-inner .right-bar-lists ul li .bar-list-fl .island-rank-blade[data-v-6a8c7eb8]{position:absolute;top:0;left:0;width:25px;height:16px;line-height:16px;text-align:center;font-size:12px;background-color:rgba(0,0,0,.5);color:#fff;border-bottom-right-radius:8px;font-family:SimSun}.right-bar-inner .right-bar-lists ul li.active[data-v-6a8c7eb8]{background-color:#e5e5e5}.right-bar-inner .right-bar-lists ul li:hover .bar-island-title[data-v-6a8c7eb8]{color:#06c}.right-bar-inner .right-bar-lists ul li .bar-list-fr[data-v-6a8c7eb8]{width:calc(100% - 90px);height:100%;margin-top:-5px}.right-bar-inner .right-bar-lists ul li .bar-list-fr .bar-island-title[data-v-6a8c7eb8]{width:100%;height:24px;line-height:24px}.right-bar-inner .right-bar-lists ul li .bar-list-fr .bar-island-desc[data-v-6a8c7eb8]{color:#999;font-size:12px;margin:4px 0}.right-bar-inner .right-bar-lists ul li .bar-list-fr .island-item-oceaninfo[data-v-6a8c7eb8],.right-bar-inner .right-bar-lists ul li .bar-list-fr .island-item-winds[data-v-6a8c7eb8]{width:100%;height:20px;line-height:17px;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;font-family:SimSun}.right-bar-inner .right-bar-lists ul li .bar-list-fr .island-item-oceaninfo div[data-v-6a8c7eb8],.right-bar-inner .right-bar-lists ul li .bar-list-fr .island-item-winds div[data-v-6a8c7eb8]{width:50%}.right-bar-inner .right-bar-lists ul li .bar-list-fr .island-item-oceaninfo div[data-v-6a8c7eb8]:first-child,.right-bar-inner .right-bar-lists ul li .bar-list-fr .island-item-winds div[data-v-6a8c7eb8]:first-child{margin-right:20px}.right-bar-inner .right-bar-lists ul li .bar-list-fr .island-item-oceaninfo .item-title[data-v-6a8c7eb8],.right-bar-inner .right-bar-lists ul li .bar-list-fr .island-item-winds .item-title[data-v-6a8c7eb8]{color:#666;font-size:12px}.right-bar-inner .right-bar-lists ul li .bar-list-fr .island-item-oceaninfo .item-val[data-v-6a8c7eb8],.right-bar-inner .right-bar-lists ul li .bar-list-fr .island-item-winds .item-val[data-v-6a8c7eb8]{color:#06c;font-size:12px}.right-bar-inner .right-bar-lists ul li .bar-list-fr .bar-island-waveinfo[data-v-6a8c7eb8]{width:100%;height:20px;line-height:20px;margin-top:15px;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.right-bar-inner .right-bar-lists ul li .bar-list-fr .bar-island-waveinfo .wave-info-title[data-v-6a8c7eb8]{font-size:12px;color:#999;font-family:SimSun}.right-bar-inner .right-bar-lists ul li .bar-list-fr .bar-island-waveinfo .wave-info-max[data-v-6a8c7eb8],.right-bar-inner .right-bar-lists ul li .bar-list-fr .bar-island-waveinfo .wave-info-min[data-v-6a8c7eb8]{min-width:100px;width:auto;height:20px;line-height:20px;border:1px solid #e5e5e5;margin-left:10px;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:12px;font-family:SimSun}.right-bar-inner .right-bar-lists ul li .bar-list-fr .bar-island-waveinfo .wave-info-max .info-val-fl[data-v-6a8c7eb8],.right-bar-inner .right-bar-lists ul li .bar-list-fr .bar-island-waveinfo .wave-info-min .info-val-fl[data-v-6a8c7eb8]{width:45px;background-color:#eee;padding-left:3px;height:20px;line-height:20px}.right-bar-inner .right-bar-lists ul li .bar-list-fr .bar-island-waveinfo .wave-info-max .info-val-fl img[data-v-6a8c7eb8],.right-bar-inner .right-bar-lists ul li .bar-list-fr .bar-island-waveinfo .wave-info-min .info-val-fl img[data-v-6a8c7eb8]{vertical-align:-1px}.right-bar-inner .right-bar-lists ul li .bar-list-fr .bar-island-waveinfo .wave-info-max .info-val-fl .info-val-max[data-v-6a8c7eb8],.right-bar-inner .right-bar-lists ul li .bar-list-fr .bar-island-waveinfo .wave-info-min .info-val-fl .info-val-max[data-v-6a8c7eb8]{color:#f85656;margin-left:5px}.right-bar-inner .right-bar-lists ul li .bar-list-fr .bar-island-waveinfo .wave-info-max .info-val-fl .info-val-min[data-v-6a8c7eb8],.right-bar-inner .right-bar-lists ul li .bar-list-fr .bar-island-waveinfo .wave-info-min .info-val-fl .info-val-min[data-v-6a8c7eb8]{color:#0087ff;margin-left:5px}.right-bar-inner .right-bar-lists ul li .bar-list-fr .bar-island-waveinfo .wave-info-max .info-val-fr[data-v-6a8c7eb8],.right-bar-inner .right-bar-lists ul li .bar-list-fr .bar-island-waveinfo .wave-info-min .info-val-fr[data-v-6a8c7eb8]{font-family:SimSun}.bar-page-box[data-v-6a8c7eb8]{width:100%;height:auto;background-color:#fbfbfb}.bar-page-box .bar-page-inner[data-v-6a8c7eb8]{width:400px;margin:0 auto;height:50px;line-height:55px;font-size:12px;color:#333;padding:0 20px;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-top:1px solid #e5e5e5}.bar-page-box .bar-page-inner .page-box-fr[data-v-6a8c7eb8]{width:160px;line-height:38px;height:38px;margin-top:10px}.island-fcst-container .ol-popup{position:absolute;background-color:#fff;top:-150px;left:50px;width:340px;height:329px;border:6px solid #8599ae;display:none;z-index:999}.island-fcst-container .el-scrollbar__wrap{overflow-x:hidden}.bar-top-fr .el-checkbox__label{color:#000}.bar-top-fr .el-checkbox__input.is-checked,.bar-top-fr .el-checkbox__input.is-checked+.el-checkbox__label{color:#06c}.bar-top-fr .el-checkbox__input.is-checked .el-checkbox__inner,.bar-top-fr .el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#06c;border-color:#06c}.island-fcst-container[data-v-355b9d5e]{width:100%;height:100%}.island-fcst-container #map-island[data-v-355b9d5e]{width:100%;height:calc(100vh - 134px)}.island-fcst-container #map-island #mouse-position[data-v-355b9d5e]{position:absolute;bottom:30px;left:10px;width:auto;z-index:2000;font-size:12px;background-color:hsla(0,0%,100%,.6)}.island-fcst-container .over-city-pos[data-v-355b9d5e]{width:1px;height:1px;position:relative;background-color:transparent;z-index:99}.island-fcst-container .over-city-pos .over-city-item[data-v-355b9d5e]{position:absolute;top:-35px;left:-15px;z-index:99}.island-fcst-container .over-city-pos .over-city-item .city-item-inner[data-v-355b9d5e]{position:relative;cursor:pointer}.island-fcst-container .over-city-pos .over-city-item .city-item-inner span[data-v-355b9d5e]{position:absolute;z-index:99;top:8px;left:8px;font-size:12px;color:#3ccb4d}.island-fcst-container .over-pos-boxall .over-pos-lists[data-v-355b9d5e]{width:1px;height:1px;position:relative;background-color:red;z-index:990}.island-fcst-container .island-fcst-rightbar[data-v-355b9d5e]{position:fixed;right:0;top:134px}.island-fcst-container #popup-content[data-v-355b9d5e]{width:100%;height:100%}.island-fcst-container #popup-content .popup-content-info[data-v-355b9d5e]{padding:20px 20px 10px 20px;width:100%;height:auto;position:relative}.island-fcst-container #popup-content .popup-content-info .popup-close[data-v-355b9d5e]{position:absolute;top:-6px;right:-43px;width:37px;height:42px;line-height:30px;text-align:center;background-color:rgba(0,0,0,.6);border-top:6px solid #8599ae;border-right:6px solid #8599ae;border-bottom:6px solid #8599ae;cursor:pointer;font-size:16px;color:#fff}.island-fcst-container #popup-content .popup-content-info .popup-content-top[data-v-355b9d5e]{width:100%;height:80px;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.island-fcst-container #popup-content .popup-content-info .popup-content-top .content-top-fl[data-v-355b9d5e]{width:80px;height:80px;overflow:hidden}.island-fcst-container #popup-content .popup-content-info .popup-content-top .content-top-fl img[data-v-355b9d5e]{width:100%;height:100%}.island-fcst-container #popup-content .popup-content-info .popup-content-top .content-top-fr[data-v-355b9d5e]{width:calc(100% - 80px);padding-left:10px}.island-fcst-container #popup-content .popup-content-info .popup-content-top .content-top-fr .top-fr-title[data-v-355b9d5e]{font-size:18px}.island-fcst-container #popup-content .popup-content-info .popup-content-top .content-top-fr .top-fr-desc[data-v-355b9d5e]{line-height:24px;font-size:12px;color:#666}.island-fcst-container #popup-content .popup-content-info .popup-content-top .content-top-fr .top-fr-weather[data-v-355b9d5e]{width:218px;height:35px;height:auto;font-size:12px;color:#333;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.island-fcst-container #popup-content .popup-content-info .popup-content-top .content-top-fr .top-fr-weather .weather-icon[data-v-355b9d5e]{padding-top:10px}.island-fcst-container #popup-content .popup-content-info .popup-content-top .content-top-fr .top-fr-weather .weather-icon img[data-v-355b9d5e]{height:20px}.island-fcst-container #popup-content .popup-content-info .popup-content-top .content-top-fr .top-fr-weather .weather-status[data-v-355b9d5e]{width:auto;max-width:90px;overflow:hidden}.island-fcst-container #popup-content .popup-content-info .popup-content-top .content-top-fr .top-fr-weather .weather-temp-val[data-v-355b9d5e]{width:108px;margin-left:5px}.island-fcst-container #popup-content .popup-content-info .popup-content-top .content-top-fr .top-fr-weather .weather-status[data-v-355b9d5e],.island-fcst-container #popup-content .popup-content-info .popup-content-top .content-top-fr .top-fr-weather .weather-temp-val[data-v-355b9d5e]{line-height:24px;height:24px;margin-top:9px;margin-left:5px}.island-fcst-container #popup-content .popup-content-info .popup-content-middle[data-v-355b9d5e]{width:100%;height:50px;border-bottom:1px dotted #e5e5e5;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.island-fcst-container #popup-content .popup-content-info .popup-content-middle .content-middle-fl[data-v-355b9d5e],.island-fcst-container #popup-content .popup-content-info .popup-content-middle .content-middle-fr[data-v-355b9d5e]{width:50%;line-height:50px;text-align:center}.island-fcst-container #popup-content .popup-content-info .popup-content-middle .content-middle-fl span[data-v-355b9d5e],.island-fcst-container #popup-content .popup-content-info .popup-content-middle .content-middle-fr span[data-v-355b9d5e]{color:#666;font-size:14px;margin-left:10px}.island-fcst-container #popup-content .popup-content-info .popup-content-bottom .content-bottom-time[data-v-355b9d5e]{width:100%;height:24px;line-height:24px;font-size:12px;color:#666;margin-top:8px}.island-fcst-container #popup-content .popup-content-info .popup-content-bottom .content-bottom-items[data-v-355b9d5e]{width:100%;height:80px;margin-top:-5px;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.island-fcst-container #popup-content .popup-content-info .popup-content-bottom .content-bottom-items .content-bottom-item[data-v-355b9d5e]{width:50%;height:40px;margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.island-fcst-container #popup-content .popup-content-info .popup-content-bottom .content-bottom-items .content-bottom-item .bottom-item-fl[data-v-355b9d5e]{width:38px;height:38px;border-radius:50%;text-align:center;padding-top:10px}.island-fcst-container #popup-content .popup-content-info .popup-content-bottom .content-bottom-items .content-bottom-item .bottom-item-fl.wind-box[data-v-355b9d5e]{background-image:-webkit-gradient(linear,left top,left bottom,from(#5ac695),to(#4daa7e));background-image:linear-gradient(180deg,#5ac695 0,#4daa7e)}.island-fcst-container #popup-content .popup-content-info .popup-content-bottom .content-bottom-items .content-bottom-item .bottom-item-fl.temp-box[data-v-355b9d5e]{background-image:-webkit-gradient(linear,left top,left bottom,from(#fabc0a),to(#fea41b));background-image:linear-gradient(180deg,#fabc0a 0,#fea41b)}.island-fcst-container #popup-content .popup-content-info .popup-content-bottom .content-bottom-items .content-bottom-item .bottom-item-fl.wave-box[data-v-355b9d5e]{background-image:-webkit-gradient(linear,left top,left bottom,from(#05a2fc),to(#08f));background-image:linear-gradient(180deg,#05a2fc 0,#08f)}.island-fcst-container #popup-content .popup-content-info .popup-content-bottom .content-bottom-items .content-bottom-item .bottom-item-fr[data-v-355b9d5e]{margin-left:5px}.island-fcst-container #popup-content .popup-content-info .popup-content-bottom .content-bottom-items .content-bottom-item .bottom-item-fr div[data-v-355b9d5e]:first-child{font-size:12px;color:#666}.island-fcst-container #popup-content .popup-content-info .popup-content-bottom .content-bottom-items .content-bottom-item .bottom-item-fr div[data-v-355b9d5e]:last-child{margin-top:5px;font-size:14px}.island-fcst-container #popup-content .popup-content-info .popup-content-bottom .content-bottom-tide[data-v-355b9d5e]{width:100%;height:auto}.island-fcst-container #popup-content .popup-content-info .popup-content-bottom .content-bottom-tide .bottom-tide-list[data-v-355b9d5e]{width:100%;height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:12px;margin-bottom:10px}.island-fcst-container #popup-content .popup-content-info .popup-content-bottom .content-bottom-tide .bottom-tide-list .tide-title[data-v-355b9d5e]{width:55px;color:#999;font-family:SimSun}.island-fcst-container #popup-content .popup-content-info .popup-content-bottom .content-bottom-tide .bottom-tide-list .tide-max-val[data-v-355b9d5e],.island-fcst-container #popup-content .popup-content-info .popup-content-bottom .content-bottom-tide .bottom-tide-list .tide-min-val[data-v-355b9d5e]{width:100px;border:1px solid #e5e5e5;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.island-fcst-container #popup-content .popup-content-info .popup-content-bottom .content-bottom-tide .bottom-tide-list .tide-max-val .max-val-title[data-v-355b9d5e],.island-fcst-container #popup-content .popup-content-info .popup-content-bottom .content-bottom-tide .bottom-tide-list .tide-min-val .max-val-title[data-v-355b9d5e]{color:#f85656}.island-fcst-container #popup-content .popup-content-info .popup-content-bottom .content-bottom-tide .bottom-tide-list .tide-max-val .min-val-title[data-v-355b9d5e],.island-fcst-container #popup-content .popup-content-info .popup-content-bottom .content-bottom-tide .bottom-tide-list .tide-min-val .min-val-title[data-v-355b9d5e]{color:#0087ff}.island-fcst-container #popup-content .popup-content-info .popup-content-bottom .content-bottom-tide .bottom-tide-list .tide-max-val div[data-v-355b9d5e]:first-child,.island-fcst-container #popup-content .popup-content-info .popup-content-bottom .content-bottom-tide .bottom-tide-list .tide-min-val div[data-v-355b9d5e]:first-child{width:45px;background-color:#eee;border-right:1px solid #e5e5e5;font-family:SimSun}.island-fcst-container #popup-content .popup-content-info .popup-content-bottom .content-bottom-tide .bottom-tide-list .tide-max-val div:first-child img[data-v-355b9d5e],.island-fcst-container #popup-content .popup-content-info .popup-content-bottom .content-bottom-tide .bottom-tide-list .tide-min-val div:first-child img[data-v-355b9d5e]{vertical-align:-2px;margin:0 5px 0 3px}.island-fcst-container #popup-content .popup-content-info .popup-content-bottom .content-bottom-tide .bottom-tide-list .tide-max-val div:first-child span[data-v-355b9d5e],.island-fcst-container #popup-content .popup-content-info .popup-content-bottom .content-bottom-tide .bottom-tide-list .tide-min-val div:first-child span[data-v-355b9d5e]{display:inline-block;margin-top:2px}.island-fcst-container #popup-content .popup-content-info .popup-content-bottom .content-bottom-tide .bottom-tide-list .tide-max-val div[data-v-355b9d5e]:last-child,.island-fcst-container #popup-content .popup-content-info .popup-content-bottom .content-bottom-tide .bottom-tide-list .tide-min-val div[data-v-355b9d5e]:last-child{font-family:SimSun;padding-left:3px;line-height:20px}.island-fcst-container #popup-content .popup-content-more[data-v-355b9d5e]{width:100%;height:50px;line-height:50px;text-align:center;cursor:pointer;color:#06c;font-size:14px;background-color:#f5f5f5}