.background[data-v-19fcf71e]{width:100%;height:100%;position:absolute}.background .top-hor-line[data-v-19fcf71e]{position:absolute}.background .left-top-corner[data-v-19fcf71e]{position:absolute;left:20px;top:35px}.background .left-bottom-corner[data-v-19fcf71e]{position:absolute;left:20px;bottom:35px}.background .right-top-corner[data-v-19fcf71e]{position:absolute;right:20px;top:35px}.background .right-bottom-corner[data-v-19fcf71e]{position:absolute;right:20px;bottom:35px}.background .left-border-line[data-v-19fcf71e]{position:absolute;left:20px;top:278px}.background .right-border-line[data-v-19fcf71e]{position:absolute;right:20px;top:278px}.background .banner-title[data-v-19fcf71e]{position:absolute;top:25px;height:48px;text-align:center;font-weight:400;font-size:30px;color:#fff;width:100%;background:radial-gradient(0deg,#d7d7d7 0,#fff 100%);font-family:Swiss721BT;font-style:normal;text-transform:none}.header-container[data-v-8c224a32]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.header-container .group-tip[data-v-8c224a32]{display:inline-block;width:66px;height:38px}.header-container .group-line[data-v-8c224a32]{height:1px;-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#fff}.header-container .group-think-line[data-v-8c224a32]{width:8px;height:3px;background-color:#fff}.header-container .group-title[data-v-8c224a32]{font-family:Adobe Heiti Std;font-size:18px;color:#f9fafa;font-style:normal;text-transform:none;position:absolute;left:66px;line-height:38px;font-weight:700}.meteo-container[data-v-54cdad20]{position:absolute;background:rgba(23,78,128,.22);color:#fff}.meteo-container .met-bg[data-v-54cdad20]{z-index:10;position:absolute;display:block;width:404px;height:232px;left:28px;top:24px}.meteo-container .bold-text[data-v-54cdad20]{position:absolute;z-index:20;font-family:MyriadPro;font-weight:400;font-size:24px;text-align:center;font-style:italic;word-spacing:-6px}.meteo-container .bold-text .small[data-v-54cdad20]{font-size:12px}.meteo-container .tip-text[data-v-54cdad20]{position:absolute;z-index:20;font-family:Adobe Heiti Std;font-size:14px;line-height:35px;text-align:center;font-style:normal}.meteo-container .tip1[data-v-54cdad20]{left:29px;top:80px;width:89px;height:28px}.meteo-container .tip2[data-v-54cdad20]{right:30px;top:80px;width:96px;height:28px}.meteo-container .tip3[data-v-54cdad20]{left:29px;top:140px;width:89px;height:28px}.meteo-container .tip4[data-v-54cdad20]{right:30px;top:140px;width:96px;height:28px}.meteo-container .bold1[data-v-54cdad20]{left:29px;top:35px;width:98px}.meteo-container .bold2[data-v-54cdad20]{right:33px;top:35px;width:100px}.meteo-container .bold3[data-v-54cdad20]{left:29px;top:170px;width:110px;height:28px}.meteo-container .bold4[data-v-54cdad20]{right:29px;top:170px;width:120px;height:28px}.meteo-container .wind-circle[data-v-54cdad20]{position:absolute;left:168px;top:78px;width:116px;height:116px;z-index:30;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.meteo-container .temp-text[data-v-54cdad20]{position:absolute;z-index:50;font-family:MyriadPro;font-weight:400;font-size:14px;text-align:center;font-style:italic;left:180px;top:190px;width:80px}.meteo-container .wind-dirction-tip[data-v-54cdad20]{position:absolute;z-index:60;font-family:MyriadPro;font-weight:400;font-size:14px;text-align:center;width:120px;left:165px;top:155px}.hydro-container[data-v-68db230c]{position:absolute;background:rgba(23,78,128,.22)}.hydro-container .wave-grade-container[data-v-68db230c]{position:absolute;left:30px;top:30px;width:97px;height:97px;border-radius:97px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:Adobe Heiti Std;font-size:11px;color:#fff;font-weight:700;z-index:40}.hydro-container .wave-grade-container .grade-info[data-v-68db230c]{font-weight:400;font-size:36px;color:#009fff;line-height:23px;font-style:normal;margin:8px 0}.hydro-container .wave-chart[data-v-68db230c]{position:absolute;left:30px;top:30px;width:97px;height:97px}.hydro-container .tide-status-conatiner[data-v-68db230c]{position:absolute;left:30px;top:155px;width:97px;height:97px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:Adobe Heiti Std;font-size:11px;color:#fff;font-weight:700;z-index:40;text-align:center}.hydro-container .tide-status-conatiner .tide-status[data-v-68db230c]{font-weight:400;font-size:24px;color:#7cc5f7;font-style:normal;margin:8px 0 -4px 0;width:97px;text-align:center}.hydro-container .tide-status-conatiner .small[data-v-68db230c]{font-size:12px;color:#7cc5f7;text-align:center;margin-bottom:2px}.hydro-container .tide-chart[data-v-68db230c]{position:absolute;left:30px;top:155px;width:97px;height:97px;background-image:url(../../static/img/surface-current.cecfd8ac.png);background-size:97px 97px}.hydro-container .line-cat-container[data-v-68db230c]{position:absolute;left:160px;top:30px;width:290px;height:25px;z-index:50;font-size:10px;color:#fff}.hydro-container .line-cat-container[data-v-68db230c],.hydro-container .line-cat-container li[data-v-68db230c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hydro-container .line-cat-container li[data-v-68db230c]{cursor:pointer;margin-right:10px}.hydro-container .line-cat-container .box[data-v-68db230c]{width:10px;height:10px;background:#09f;border:1px solid #62a2cd;margin-right:6px}.hydro-container .line-cat-container .box1-selected[data-v-68db230c]{width:10px;height:10px;background:#fc0;border:1px solid #62a2cd;margin-right:6px}.hydro-container .line-cat-container .box2-selected[data-v-68db230c]{width:10px;height:10px;background:#ff974c;border:1px solid #62a2cd;margin-right:6px}.hydro-container .line-cat-container .box3-selected[data-v-68db230c]{width:10px;height:10px;background:#e65a56;border:1px solid #62a2cd;margin-right:6px}.hydro-container .line-chart[data-v-68db230c]{position:absolute;left:150px;top:55px;width:300px;height:205px}.hydro-container .row[data-v-68db230c]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:20;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:53px;width:440px;z-index:30}.hydro-container .row1[data-v-68db230c]{left:10px;top:296px}.hydro-container .row2[data-v-68db230c]{left:10px;top:379px}.hydro-container .col[data-v-68db230c]{width:140px;height:53px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.hydro-container .col .col-img[data-v-68db230c]{width:53px;height:53px;display:inline-block;margin-right:4px}.hydro-container .col .col-text-wrapper[data-v-68db230c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:53px}.hydro-container .col .col-text-wrapper .col-no-text[data-v-68db230c]{font-size:24px;color:#fff;text-align:center;font-style:italic;font-weight:700;word-spacing:-6px;min-width:80px}.hydro-container .col .col-text-wrapper .col-no-text .small[data-v-68db230c]{text-align:center;font-size:14px}.hydro-container .col .col-text-wrapper .col-tip-text[data-v-68db230c]{font-size:12px;color:#00f3fb;text-align:center;font-weight:700}.rose-chart-container[data-v-4ddba8c6]{width:300px;height:350px;margin:50px 46px 0 0;position:relative}.rose-chart-container .wind-title[data-v-4ddba8c6]{position:absolute;width:100%;height:40px;text-align:center;font-size:18px;color:#f9fafa;font-weight:700;top:-25px}.rose-chart-container .wind-chart[data-v-4ddba8c6]{height:290px}.rose-chart-container .wind-cat-wrapper[data-v-4ddba8c6]{height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around}.rose-chart-container .wind-cat-wrapper .cat-list-container[data-v-4ddba8c6]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 20px;-ms-flex-wrap:wrap;flex-wrap:wrap}.rose-chart-container .wind-cat-wrapper .cat-list-container .cat-item[data-v-4ddba8c6]{width:70px;font-size:13px;color:#41464b;font-weight:300;margin:2px 0;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.rose-chart-container .wind-cat-wrapper .cat-list-container .cat-item .box[data-v-4ddba8c6]{display:inline-block;width:10px;height:10px;margin-right:4px;border:1px solid #62a2cd;background-color:transparent}.rose-chart-container .wind-cat-wrapper .cat-list-container .cat-item .box1-selected[data-v-4ddba8c6]{background:#00aeff}.rose-chart-container .wind-cat-wrapper .cat-list-container .cat-item .box2-selected[data-v-4ddba8c6]{background:#62d9ad}.rose-chart-container .wind-cat-wrapper .cat-list-container .cat-item .box3-selected[data-v-4ddba8c6]{background:#7991c3}.rose-chart-container .wind-cat-wrapper .cat-list-container .cat-item .box4-selected[data-v-4ddba8c6]{background:#79d3ff}.rose-chart-container .wind-cat-wrapper .cat-list-container .cat-item .box5-selected[data-v-4ddba8c6]{background:#ffdc4c}.rose-chart-container .wind-cat-wrapper .cat-list-container .cat-item .box6-selected[data-v-4ddba8c6]{background:#ff974c}.rose-chart-container .wind-cat-wrapper .cat-list-container .cat-item .box7-selected[data-v-4ddba8c6]{background:#e65a56}.rose-chart-container .wind-cat-wrapper .cat-list-container .cat-item .box8-selected[data-v-4ddba8c6]{background:#6d61e4}.rose-chart-container .wind-cat-wrapper .cat-list-container .cat-item .box9-selected[data-v-4ddba8c6]{background:#75e765}.rose-chart-container .wind-cat-wrapper .cat-list-container .cat-item .box-disable[data-v-4ddba8c6]{border:1px solid grey;background-color:transparent}.his-container[data-v-2d9a23f7]{position:absolute;background:rgba(23,78,128,.22)}.his-container .left .cat-container[data-v-2d9a23f7],.his-container[data-v-2d9a23f7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.his-container .left .cat-container[data-v-2d9a23f7]{margin:15px 0 0 40px;width:800px;height:78px}.his-container .left .cat-container .time-slot[data-v-2d9a23f7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;font-size:16px;color:#00f3fb;font-weight:700}.his-container .left .cat-container .time-slot .tip-title[data-v-2d9a23f7]{width:30px;font-size:12px;color:#00f3fb;font-weight:700}.his-container .left .cat-container .time-slot .time-container[data-v-2d9a23f7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:13px;color:#fff;font-weight:700;cursor:pointer}.his-container .left .cat-container .time-slot .time-container .time-text[data-v-2d9a23f7]{margin-left:6px}.his-container .left .cat-container .time-slot .time-container .confirm-btn[data-v-2d9a23f7]{width:56px;height:16px;background:rgba(107,206,255,.6);color:#000;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:2px;font-size:10px;margin-left:16px;cursor:pointer}.his-container .left .cat-container .cat-list-container[data-v-2d9a23f7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.his-container .left .cat-container .cat-list-container .cat-item[data-v-2d9a23f7]{width:115px;font-size:12px;color:#fff;font-weight:700;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.his-container .left .cat-container .cat-list-container .cat-item .box[data-v-2d9a23f7]{display:inline-block;width:10px;height:10px;margin-right:4px;border:1px solid #62a2cd;background-color:transparent}.his-container .left .cat-container .cat-list-container .cat-item .box1-selected[data-v-2d9a23f7]{background:#00aeff}.his-container .left .cat-container .cat-list-container .cat-item .box2-selected[data-v-2d9a23f7]{background:#62d9ad}.his-container .left .cat-container .cat-list-container .cat-item .box3-selected[data-v-2d9a23f7]{background:#7991c3}.his-container .left .cat-container .cat-list-container .cat-item .box4-selected[data-v-2d9a23f7]{background:#79d3ff}.his-container .left .cat-container .cat-list-container .cat-item .box5-selected[data-v-2d9a23f7]{background:#ffdc4c}.his-container .left .cat-container .cat-list-container .cat-item .box6-selected[data-v-2d9a23f7]{background:#ff974c}.his-container .left .cat-container .cat-list-container .cat-item .box7-selected[data-v-2d9a23f7]{background:#e65a56}.his-container .left .cat-container .cat-list-container .cat-item .box8-selected[data-v-2d9a23f7]{background:#6d61e4}.his-container .left .history-chart[data-v-2d9a23f7]{width:900px;height:300px;margin:16px 0 0 30px}.his-container .el-date-editor.el-input[data-v-2d9a23f7]{width:140px;margin-left:6px}.his-container[data-v-2d9a23f7] .el-input__prefix{display:none}.his-container[data-v-2d9a23f7] .el-input__inner{padding:0;background-color:transparent;color:#fff;border:0}.speed-container[data-v-0a559d68]{position:absolute;background:rgba(23,78,128,.22)}.speed-container .speed-chart[data-v-0a559d68]{height:100%}.speed-container .left-tip[data-v-0a559d68]{position:absolute;color:#fff;left:20px;top:4px}.speed-container .right-tip[data-v-0a559d68]{position:absolute;color:#fff;right:8px;top:4px}.alarm-container[data-v-3f3569b6]{position:absolute;padding:10px 20px 20px 20px;font-size:11px;color:#f9fafa}.alarm-container .head[data-v-3f3569b6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:700;padding:8px 0}.alarm-container .head .head-title1[data-v-3f3569b6]{width:120px;padding-left:10px}.alarm-container .head .head-title2[data-v-3f3569b6]{width:100px}.alarm-container .head .head-title3[data-v-3f3569b6]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-right:10px}.alarm-container .warp[data-v-3f3569b6]{overflow:hidden;height:280px;margin-bottom:20px}.alarm-container .item-highlight[data-v-3f3569b6]{background:rgba(23,78,128,.4);border-radius:12px 12px 12px 12px}.alarm-container .no-data[data-v-3f3569b6]{width:100%;text-align:center;line-height:280px;color:#fff;font-size:14px;background-color:rgba(23,78,128,.4)}.screen-container[data-v-2534a600]{background-color:#020d1a;position:relative}.screen-container .device-no[data-v-2534a600]{left:60px}.screen-container .device-no[data-v-2534a600],.screen-container .time[data-v-2534a600]{position:absolute;top:53px;font-family:MyriadPro;font-weight:700;font-size:24px;color:#fcfdfe;line-height:20px;text-align:left;font-style:normal;text-transform:none}.screen-container .time[data-v-2534a600]{right:60px}.screen-container .local-time[data-v-2534a600]{position:absolute;right:60px;top:90px;font-family:MyriadPro;font-weight:700;font-size:24px;color:#fcfdfe;line-height:20px;text-align:left;font-style:normal;text-transform:none}.screen-container .highlight[data-v-2534a600]{color:#64a5ff}