.ocefcst-top-nav[data-v-7fa491ec]{width:100%;height:38px;line-height:38px;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ocefcst-top-nav .ocefcst-start-time[data-v-7fa491ec]{font-size:12px;color:#999;margin-left:-100px;margin-top:8px}.ocefcst-top-nav .ocefcst-mark-explain[data-v-7fa491ec]{width:auto}.ocefcst-top-nav .ocefcst-mark-explain ul[data-v-7fa491ec]{width:auto;height:28px;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;font-size:12px;border-radius:17px;background-color:#eee;margin-top:2px}.ocefcst-top-nav .ocefcst-mark-explain ul li[data-v-7fa491ec]{width:70px;height:28px;line-height:28px;text-align:center;color:#666;cursor:pointer;border-radius:17px}.ocefcst-top-nav .ocefcst-mark-explain ul li.active[data-v-7fa491ec]{background-image:-webkit-gradient(linear,left bottom,left top,from(#0389fa),to(#08a7fc));background-image:linear-gradient(0deg,#0389fa 0,#08a7fc);color:#fff}.ocefcst-title[data-v-7fa491ec]{font-size:32px;line-height:32px;height:24px}.ocefcst-subtitle[data-v-7fa491ec]{font-size:18px;line-height:24px;height:24px}.island-relative-fcst[data-v-7fa491ec]{width:100%;height:auto;margin-bottom:15px}.island-relative-fcst .island-fcst-top[data-v-7fa491ec]{width:100%;height:32px;line-height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:10px 0}.island-relative-fcst #ocefst-chart[data-v-7fa491ec]{width:100%;height:300px;margin-top:20px}.island-tide-fcst[data-v-7fa491ec]{width:100%;height:auto}.island-tide-fcst .tide-fcst-top[data-v-7fa491ec]{width:100%;height:24px;line-height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.island-tide-fcst .tide-fcst-top .tide-fcst-module[data-v-7fa491ec]{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:128px;height:24px;line-height:24px;border:1px solid #06c;border-radius:2px;font-size:12px;color:#666}.island-tide-fcst .tide-fcst-top .tide-fcst-module div[data-v-7fa491ec]{width:50%;text-align:center;cursor:pointer}.island-tide-fcst .tide-fcst-top .tide-fcst-module div.active[data-v-7fa491ec]{background-color:#06c;color:#fff}.island-tide-fcst #tide-chart[data-v-7fa491ec]{width:100%;height:215px;margin-top:10px}.island-tide-fcst .tide-fcst-date[data-v-7fa491ec]{width:100%;height:32px;line-height:32px;margin-top:10px}.island-tide-fcst .tide-fcst-date ul[data-v-7fa491ec]{width:400px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:center;border-radius:17px;background-color:#eee}.island-tide-fcst .tide-fcst-date ul li[data-v-7fa491ec]{width:75px;font-size:12px;cursor:pointer}.island-tide-fcst .tide-fcst-date ul li.active[data-v-7fa491ec]{border-radius:17px;color:#fff;background-image:-webkit-gradient(linear,left bottom,left top,from(#0389fa),to(#08a7fc));background-image:linear-gradient(0deg,#0389fa 0,#08a7fc)}.five-weafcst-container[data-v-f8731068]{width:100%;height:100%}.five-weafcst-container .five-weafcst-title[data-v-f8731068]{width:100%;height:24px;line-height:24px;font-size:24px}.five-weafcst-container .five-weafcst-lists[data-v-f8731068]{width:100%;height:360px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;margin-top:20px}.five-weafcst-container .five-weafcst-lists ul[data-v-f8731068]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex}.five-weafcst-container .five-weafcst-lists ul li[data-v-f8731068]{width:20%;height:100%;border-right:1px solid #e5e5e5;text-align:center;padding-top:25px;font-size:12px}.five-weafcst-container .five-weafcst-lists ul li[data-v-f8731068]:first-child{border-left:1px solid #e5e5e5}.five-weafcst-container .five-weafcst-lists ul li .weafcst-week[data-v-f8731068]{font-size:14px;line-height:20px}.five-weafcst-container .five-weafcst-lists ul li .weafcst-date[data-v-f8731068]{color:#999;margin-top:5px}.five-weafcst-container .five-weafcst-lists ul li .weafcst-status[data-v-f8731068]{line-height:20px;font-size:14px;margin:15px 0 10px 0}.five-weafcst-container .five-weafcst-lists ul li .weafcst-icon[data-v-f8731068]{width:100%;height:45px;text-align:center}.five-weafcst-container .five-weafcst-lists ul li .weafcst-icon img[data-v-f8731068]{height:auto;line-height:45px}.five-weafcst-container .five-weafcst-lists ul li .weafcst-temp[data-v-f8731068]{line-height:20px;margin:22px 0}.five-weafcst-container .five-weafcst-lists ul li .weafcst-wind[data-v-f8731068]{font-size:12px;color:#999}.near-location-container[data-v-146eb21b]{width:100%;height:auto}.near-location-container .near-location-title[data-v-146eb21b]{width:auto;font-size:24px}.near-location-container .near-route-box[data-v-146eb21b]{width:100%;height:auto;margin-bottom:40px}.near-location-container .near-route-box .near-route-top[data-v-146eb21b]{width:100%;height:24px;line-height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex}.near-location-container .near-route-box .near-route-ptime[data-v-146eb21b]{font-size:14px;color:#666;margin-left:20px}.near-location-container .near-route-box .near-route-lists[data-v-146eb21b]{width:100%;height:auto;margin-top:20px}.near-location-container .near-route-box .near-route-lists table[data-v-146eb21b]{width:100%;height:auto;border-collapse:collapse}.near-location-container .near-route-box .near-route-lists table thead tr[data-v-146eb21b]{height:40px;line-height:40px;background-color:#f5f5f5;border:1px solid #e5e5e5}.near-location-container .near-route-box .near-route-lists table thead tr th[data-v-146eb21b]{font-weight:400;text-align:center;font-size:14px;color:#666}.near-location-container .near-route-box .near-route-lists table tbody[data-v-146eb21b]{width:100%;height:auto}.near-location-container .near-route-box .near-route-lists table tbody tr[data-v-146eb21b]{width:100%;height:40px;line-height:40px;border:1px solid #e5e5e5}.near-location-container .near-route-box .near-route-lists table tbody tr td[data-v-146eb21b]{text-align:center;font-size:14px;color:#333}.near-location-container .near-route-box .near-route-lists table tbody tr td.route-detail[data-v-146eb21b]{color:#06c;cursor:pointer}.near-location-container .near-island-box[data-v-146eb21b]{width:100%;height:auto;margin-bottom:60px}.near-location-container .near-island-box .near-island-lists[data-v-146eb21b]{margin-top:18px}.near-location-container .near-island-box .near-island-lists ul[data-v-146eb21b]{width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.near-location-container .near-island-box .near-island-lists ul li[data-v-146eb21b]{width:260px;min-height:200px;height:auto}.near-location-container .near-island-box .near-island-lists ul li .near-island-img[data-v-146eb21b]{width:100%;height:138px;overflow:hidden}.near-location-container .near-island-box .near-island-lists ul li .near-island-img img[data-v-146eb21b]{width:100%;height:100%}.near-location-container .near-island-box .near-island-lists ul li .near-island-name[data-v-146eb21b]{width:100%;height:20px;line-height:17px;margin:10px 0;font-size:20px;border-left:3px solid #06c;padding-left:10px;font-size:17px;cursor:pointer}.near-location-container .near-island-box .near-island-lists ul li .near-island-desc[data-v-146eb21b]{font-size:14px;color:#666;line-height:24px;width:100%;height:195px;overflow:hidden}.near-location-container .near-island-box .near-island-more[data-v-146eb21b]{width:100%;height:50px;line-height:50px;margin-top:40px;text-align:center}.near-location-container .near-island-box .near-island-more span[data-v-146eb21b]{margin:0 auto;display:inline-block;width:175px;border:1px solid #06c;border-radius:2px;color:#06c;font-size:14px;cursor:pointer}.carousel-container .el-carousel__container{width:1200px}.carousel-container .el-carousel__indicators--outside{margin-top:8px}.carousel-container .el-carousel__indicator .el-carousel__button{border-radius:50%;background-color:rgba(0,0,0,.3);opacity:1;width:8px;height:8px}.carousel-container .el-carousel__arrow.el-carousel__arrow--left,.carousel-container .el-carousel__arrow.el-carousel__arrow--right{width:40px;height:40px;line-height:40px;display:block;font-size:26px;background-color:rgba(0,0,0,.4)}.carousel-container .el-carousel__indicator.is-active .el-carousel__button{background-color:#06c}.ocefcst-island-desc .el-scrollbar__wrap{overflow-x:hidden}.island-detail-nav[data-v-b098df3a]{width:100%;height:400px;background:-webkit-gradient(linear,left top,left bottom,color-stop(100%,rgba(0,0,0,.4)),to(rgba(0,0,0,.4))),url(../img/island-nav-bkimg.ad2e6436.png) no-repeat 100% 100%;background:linear-gradient(rgba(0,0,0,.4) 100%,rgba(0,0,0,.4) 0),url(../img/island-nav-bkimg.ad2e6436.png) no-repeat 100% 100%}.island-detail-nav .detail-nav-inner[data-v-b098df3a]{width:1200px;height:100%;margin:0 auto}.island-detail-nav .detail-nav-inner .carousel-container[data-v-b098df3a]{width:100%;height:100%;position:relative}.island-detail-nav .detail-nav-inner .carousel-container .carousel-island-info[data-v-b098df3a]{position:absolute;bottom:0;width:100%;height:100px;background:rgba(0,0,0,.6);z-index:990;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.island-detail-nav .detail-nav-inner .carousel-container .carousel-island-info .island-info-fl[data-v-b098df3a]{width:895px;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;color:#fff}.island-detail-nav .detail-nav-inner .carousel-container .carousel-island-info .island-info-fl .island-info-name[data-v-b098df3a]{width:305px;height:30px;line-height:28px;border-right:1px solid #a0a4a6;font-size:28px;margin-top:40px;text-align:center}.island-detail-nav .detail-nav-inner .carousel-container .carousel-island-info .island-info-fl .island-info-weather[data-v-b098df3a]{width:630px;height:100px;line-height:100px;padding-left:30px;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.island-detail-nav .detail-nav-inner .carousel-container .carousel-island-info .island-info-fl .island-info-weather .info-wea-stauts[data-v-b098df3a]{margin-right:20px}.island-detail-nav .detail-nav-inner .carousel-container .carousel-island-info .island-info-fl .island-info-weather .info-wea-stauts img[data-v-b098df3a]{height:28px;width:28px;vertical-align:-5px}.island-detail-nav .detail-nav-inner .carousel-container .carousel-island-info .island-info-fl .island-info-weather .info-wea-stauts .wea-split[data-v-b098df3a]{margin:0 10px;font-size:18px}.island-detail-nav .detail-nav-inner .carousel-container .carousel-island-info .island-info-fl .island-info-weather .info-wea-stauts .wea-status-desc[data-v-b098df3a]{margin-left:10px;vertical-align:2px}.island-detail-nav .detail-nav-inner .carousel-container .carousel-island-info .island-info-fl .island-info-weather .info-wea-stauts .wea-status-temp[data-v-b098df3a]{vertical-align:2px}.island-detail-nav .detail-nav-inner .carousel-container .carousel-island-info .island-info-fl .island-info-weather .info-wea-sunrise[data-v-b098df3a],.island-detail-nav .detail-nav-inner .carousel-container .carousel-island-info .island-info-fl .island-info-weather .info-wea-sunset[data-v-b098df3a]{margin-right:25px}.island-detail-nav .detail-nav-inner .carousel-container .carousel-island-info .island-info-fl .island-info-weather .info-wea-sunrise img[data-v-b098df3a],.island-detail-nav .detail-nav-inner .carousel-container .carousel-island-info .island-info-fl .island-info-weather .info-wea-sunset img[data-v-b098df3a]{margin-right:10px}.island-detail-nav .detail-nav-inner .carousel-container .carousel-island-info .island-info-fl .island-info-weather .info-wea-stauts[data-v-b098df3a],.island-detail-nav .detail-nav-inner .carousel-container .carousel-island-info .island-info-fl .island-info-weather .info-wea-sunrise[data-v-b098df3a],.island-detail-nav .detail-nav-inner .carousel-container .carousel-island-info .island-info-fl .island-info-weather .info-wea-sunset[data-v-b098df3a]{height:100px;line-height:100px;padding-top:6px;font-size:14px}.island-detail-nav .detail-nav-inner .carousel-container .carousel-island-info .island-info-fr[data-v-b098df3a]{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;color:#fff;padding-top:20px;font-size:14px;margin-right:20px}.island-detail-nav .detail-nav-inner .carousel-container .carousel-island-info .island-info-fr .info-like-img[data-v-b098df3a],.island-detail-nav .detail-nav-inner .carousel-container .carousel-island-info .island-info-fr .info-share-img[data-v-b098df3a]{width:32px;height:32px;line-height:32px;border-radius:50%;text-align:center;margin:5px auto;cursor:pointer}.island-detail-nav .detail-nav-inner .carousel-container .carousel-island-info .island-info-fr .info-like-img img[data-v-b098df3a],.island-detail-nav .detail-nav-inner .carousel-container .carousel-island-info .island-info-fr .info-share-img img[data-v-b098df3a]{vertical-align:-3px}.island-detail-nav .detail-nav-inner .carousel-container .carousel-island-info .island-info-fr .island-info-like[data-v-b098df3a]{width:auto;text-align:center;margin-right:20px}.island-detail-nav .detail-nav-inner .carousel-container .carousel-island-info .island-info-fr .info-like-desc span[data-v-b098df3a]{font-size:12px}.island-detail-nav .detail-nav-inner .carousel-container .carousel-island-info .island-info-fr .info-like-desc span[data-v-b098df3a]:first-child{color:#f85657;margin-right:5px}.island-detail-nav .detail-nav-inner .carousel-container .carousel-island-info .island-info-fr .info-share-desc span[data-v-b098df3a]{font-size:12px}.island-detail-nav .detail-nav-inner .carousel-container .carousel-island-info .island-info-fr .info-share-desc span[data-v-b098df3a]:first-child{color:#fbba01;margin-right:5px}.island-detail-nav .detail-nav-inner .carousel-container .carousel-island-info .island-info-fr .info-like-img[data-v-b098df3a]{background-image:linear-gradient(120deg,#de6767,#f55a5a)}.island-detail-nav .detail-nav-inner .carousel-container .carousel-island-info .island-info-fr .info-share-img[data-v-b098df3a]{background-image:linear-gradient(120deg,#fcce43,#fea717)}.island-detail-nav .detail-nav-inner .carousel-container .carousel-img[data-v-b098df3a]{width:100%;height:100%;position:relative}.island-detail-main[data-v-b098df3a]{width:1200px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.island-detail-main .main-fl[data-v-b098df3a]{width:840px;height:auto}.island-detail-main .main-fl .island-detail-middle[data-v-b098df3a]{width:100%;height:auto;margin:50px auto}.island-detail-main .main-fl .island-detail-weather[data-v-b098df3a]{width:100%;height:405px;margin:40px auto}.island-detail-main .main-fr[data-v-b098df3a]{width:320px;height:auto;margin:50px 0;position:relative;top:0}.island-detail-main .main-fr .main-fr-inner[data-v-b098df3a]{width:320px;height:auto;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear}.island-detail-main .main-fr .main-fr-inner.active[data-v-b098df3a]{position:fixed;top:40px}.island-detail-main .main-fr .ocefcst-fr-map[data-v-b098df3a]{width:100%;height:auto;position:relative}.island-detail-main .main-fr .ocefcst-fr-map .ocefcst-map-copyright[data-v-b098df3a]{position:absolute;right:0;bottom:30px;z-index:999;width:135px;height:20px;line-height:20px;text-align:center;border-top-left-radius:2px;background-color:hsla(0,0%,100%,.6);font-size:12px}.island-detail-main .main-fr .ocefcst-fr-map #map-pos[data-v-b098df3a]{width:100%;height:180px}.island-detail-main .main-fr .ocefcst-fr-map .oce-pos-desc[data-v-b098df3a]{width:100%;height:20px;line-height:20px;font-size:14px;margin-top:10px}.island-detail-main .main-fr .ocefcst-fr-map .oce-pos-desc i[data-v-b098df3a]{color:#666;font-size:18px;margin-right:5px;vertical-align:-2px}.island-detail-main .main-fr .ocefcst-fr-map .oce-pos-desc span[data-v-b098df3a]{color:#666}.island-detail-main .main-fr .island-desc-title[data-v-b098df3a]{width:100%;height:24px;line-height:24px;border-left:2px solid #06c;padding-left:20px;margin-left:-2px;font-size:18px}.island-detail-main .main-fr .ocefcst-island-desc[data-v-b098df3a]{width:auto;margin:40px auto;min-height:100px;border-left:2px solid #e5e5e5;height:auto;padding-bottom:5px}.island-detail-main .main-fr .ocefcst-island-desc .island-desc-content[data-v-b098df3a]{margin:20px 0;width:100%;height:380px;height:auto;border-left:2px solid #e5e5e5;overflow:hidden;line-height:24px;color:#666;padding-left:20px;margin-left:-2px;font-size:14px}.island-detail-main .main-fr .ocefcst-island-desc .island-desc-content .island-desc-inner[data-v-b098df3a]{width:100%;height:auto}.island-detail-main .main-fr .ocefcst-travel-time[data-v-b098df3a]{width:100%;height:auto;border-left:2px solid #e5e5e5;padding-bottom:20px}.island-detail-main .main-fr .ocefcst-travel-time .travel-time-desc[data-v-b098df3a]{margin-top:20px;width:100%;padding-left:20px;color:#999;font-size:14px}