.main[data-v-3fb64196]{width:100%;position:relative;z-index:999}[data-v-3fb64196] .tool-box{min-width:100px;padding:10px;border:1px solid #2788bc;background:url(../img/tool-bg.5950067e.png) no-repeat 50% 50%/cover;color:#fff;position:relative;border-radius:5px;font-family:ali;font-weight:700;font-size:16px}[data-v-3fb64196] .tool-box .item{margin-top:5px;text-align:left;font-size:14px;font-weight:400}[data-v-3fb64196] .tool-box:before{content:"";width:9px;height:18px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAASCAYAAACJgPRIAAAAAXNSR0IArs4c6QAAAKFJREFUKFOF0lEKgkAQBuCZPJ/uYTTwAEXWEaICjxQ+R1FJPoovKSZ/rLAbW7kzzx//zs4Mk1QAs2RU1S+8KLw/l0ycTqKobDdEFBe7fPYXRWW3JkKiQX060w8aARAX+zzQQJeD1KPLMCA5bg9Bc7naP1k0BWySqvoVXsP8O8FEjUm+FKcn8TkTKzZuoDgCB/qG+YHCWgwUF2zhrc3EeyKA30aggTVDRPOIAAAAAElFTkSuQmCC);position:absolute;left:-9px;top:50%;transform:translateY(-50%)}[data-v-3fb64196] .tool-box.left{position:relative}[data-v-3fb64196] .tool-box.left:before{content:"";width:9px;height:18px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAASCAYAAACJgPRIAAAAAXNSR0IArs4c6QAAAKFJREFUKFOF0lEKgkAQBuCZPJ/uYTTwAEXWEaICjxQ+R1FJPoovKSZ/rLAbW7kzzx//zs4Mk1QAs2RU1S+8KLw/l0ycTqKobDdEFBe7fPYXRWW3JkKiQX060w8aARAX+zzQQJeD1KPLMCA5bg9Bc7naP1k0BWySqvoVXsP8O8FEjUm+FKcn8TkTKzZuoDgCB/qG+YHCWgwUF2zhrc3EeyKA30aggTVDRPOIAAAAAElFTkSuQmCC);position:absolute;left:108px!important;top:50%;transform:translateY(-50%);transform:rotate(180deg)}.main[data-v-1e34aebe]{width:100%}[data-v-1e34aebe] .tool-box{min-width:100px;padding:10px;border:1px solid #1deccd;background:url(../img/tool-bg.5950067e.png) no-repeat 50% 50%/cover;color:#fff;position:relative;border-radius:5px;font-family:ali;font-weight:700;font-size:16px}[data-v-1e34aebe] .tool-box .item{margin-top:5px;text-align:left;font-size:14px;font-weight:400}[data-v-1e34aebe] .tool-box.left{position:relative}.page[data-v-6c44d9df]{width:100%;height:calc(100% - 28px);margin:11px 0 17px;position:relative;display:flex;overflow:hidden;justify-content:space-between}.page .left-warpper[data-v-6c44d9df]{position:relative}.page .left-warpper .item-box[data-v-6c44d9df]{height:100%}.page .left-warpper .item-box .item-box-main[data-v-6c44d9df]{height:calc(100% - 36px)}.page .left-warpper .item-box .item-box-main .item-today[data-v-6c44d9df]{width:100%;height:45%;margin:0 auto;position:relative}.page .left-warpper .item-box .item-box-main .item-today .taody-title[data-v-6c44d9df]{width:100%;height:30px;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:500;color:#4fd7fb;background:linear-gradient(180deg,rgba(0,69,172,.5019607843137255),rgba(3,172,186,.5019607843137255));box-shadow:0 3px 6px 1px rgba(0,0,0,.16),inset 0 0 6px 1px rgba(3,172,186,.5019607843137255)}.page .left-warpper .item-box .item-box-main .item-today .today-body[data-v-6c44d9df]{width:100%;height:calc(100% - 30px);padding:20px 15px;background:linear-gradient(180deg,rgba(0,69,172,.1),rgba(3,172,186,.1));box-shadow:inset 0 0 25px 1px rgba(79,215,251,.25);overflow-y:auto}.page .left-warpper .item-box .item-box-main .item-today .today-body .w-today-left[data-v-6c44d9df]{display:flex;justify-content:flex-start;align-items:center}.page .left-warpper .item-box .item-box-main .item-today .today-body .w-today-left .w-totay-img-box[data-v-6c44d9df]{display:flex;align-items:center}.page .left-warpper .item-box .item-box-main .item-today .today-body .w-today-left .w-totay-img-box .w-totay-img[data-v-6c44d9df]{width:60px;height:60px}.page .left-warpper .item-box .item-box-main .item-today .today-body .w-today-left .today-tem-weat[data-v-6c44d9df]{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.page .left-warpper .item-box .item-box-main .item-today .today-body .w-today-left .today-tem-weat .w-today-temperature[data-v-6c44d9df]{font-size:34px;font-weight:400;color:#fff}.page .left-warpper .item-box .item-box-main .item-today .today-body .w-today-left .today-tem-weat .w-today-weather[data-v-6c44d9df]{font-size:17px;font-weight:400;color:#4fd7fb}.page .left-warpper .item-box .item-box-main .item-today .today-body .today-aqi[data-v-6c44d9df]{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:10px}.page .left-warpper .item-box .item-box-main .item-today .today-body .today-aqi .aqi-left[data-v-6c44d9df]{display:flex;justify-content:flex-start;align-items:center}.page .left-warpper .item-box .item-box-main .item-today .today-body .today-aqi .aqi-left .aqi-left-img[data-v-6c44d9df]{width:30px;height:30px}.page .left-warpper .item-box .item-box-main .item-today .today-body .today-aqi .aqi-left .aqi-left-text[data-v-6c44d9df]{margin-left:10px;font-size:16px;font-weight:400;color:#fff}.page .left-warpper .item-box .item-box-main .item-today .today-body .today-aqi .aqi-right[data-v-6c44d9df]{font-size:14px;font-weight:400;color:#fff}.page .left-warpper .item-box .item-box-main .item-today .today-body .today-humid[data-v-6c44d9df]{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.page .left-warpper .item-box .item-box-main .item-today .today-body .today-humid .humid-item[data-v-6c44d9df]{width:33%;display:flex;justify-content:flex-start;align-items:center}.page .left-warpper .item-box .item-box-main .item-today .today-body .today-humid .humid-item .humid-item-image[data-v-6c44d9df]{widows:11px;height:14.5px}.page .left-warpper .item-box .item-box-main .item-today .today-body .today-humid .humid-prompt[data-v-6c44d9df]{width:0;height:18px;opacity:1;border:1px solid #fff;opacity:.25}.page .left-warpper .item-box .item-box-main .item-today .today-body .today-aqi-desc[data-v-6c44d9df]{font-size:14px;color:#fff;margin-top:15px;line-height:17px}.page .left-warpper .item-box .item-box-main .item-today .today-body .totay-healthy[data-v-6c44d9df]{margin-top:15px;font-size:14px;line-height:17px;color:#4fd7fb}.page .left-warpper .item-box .item-box-main .w-body[data-v-6c44d9df]{margin-top:10px;width:100%;height:calc(55% - 10px);background:linear-gradient(180deg,rgba(0,69,172,.1),rgba(3,172,186,.1));box-shadow:inset 0 0 25px 1px rgba(79,215,251,.25);display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;overflow:auto}.page .left-warpper .item-box .item-box-main .w-body .w-other[data-v-6c44d9df]{width:30%}.page .left-warpper .item-box .item-box-main .w-body .w-other .w-other-title[data-v-6c44d9df]{text-align:center;font-size:14px;font-weight:400;color:#4fd7fb;padding-top:5px}.page .left-warpper .item-box .item-box-main .w-body .w-other .ohter-item[data-v-6c44d9df]{position:relative;background:linear-gradient(180deg,rgba(0,69,172,.1),rgba(3,172,186,.1))}.page .left-warpper .item-box .item-box-main .w-body .w-other .ohter-item .other-item-title-bg[data-v-6c44d9df]{position:absolute;top:0;left:0;width:100%;height:34px;background:#001534;box-shadow:inset 0 0 10px 1px #0ef;opacity:.4}.page .left-warpper .item-box .item-box-main .w-body .w-other .ohter-item .other-item-title[data-v-6c44d9df]{width:100%;height:34px;font-size:14px;font-weight:400;color:#9ceaff;display:flex;justify-content:center;align-items:center}.page .left-warpper .item-box .item-box-main .w-body .w-other .ohter-item .other-item-body[data-v-6c44d9df]{background:linear-gradient(180deg,rgba(0,69,172,.1),rgba(3,172,186,.1))}.page .left-warpper .item-box .item-box-main .w-body .w-other .ohter-item .other-item-body .w-other-img-box[data-v-6c44d9df]{display:flex;justify-content:center;align-items:center;padding:10px 0}.page .left-warpper .item-box .item-box-main .w-body .w-other .ohter-item .other-item-body .w-other-img-box .w-other-img[data-v-6c44d9df]{width:42px;height:42px}.page .left-warpper .item-box .item-box-main .w-body .w-other .ohter-item .other-item-body .body-text[data-v-6c44d9df]{text-align:center;font-size:14px;font-weight:600;color:#03acba;margin-bottom:5px}.page .left-warpper .item-box .item-box-main .w-body .w-other .ohter-item .other-item-body .body-footer-bg[data-v-6c44d9df]{position:absolute;bottom:0;left:0;width:100%;height:34px;background:#001534;box-shadow:inset 0 0 10px 1px #0ef;border-radius:0 0 0 0;opacity:.4}.page .left-warpper .item-box .item-box-main .w-body .w-other .ohter-item .other-item-body .body-footer[data-v-6c44d9df]{width:100%;height:34px;font-size:14px;font-weight:400;color:#4fd7fb;display:flex;justify-content:space-around;align-items:center}.page .center-warpper-div[data-v-6c44d9df]{width:50%;position:relative;z-index:45;height:100%;display:flex;flex-direction:column;justify-content:center}.page .center-warpper-div .item-aqiinfo-box[data-v-6c44d9df]{width:100%;display:flex;justify-content:space-between;align-items:center}.page .center-warpper-div .item-aqiinfo-box .aqi-item[data-v-6c44d9df]{width:120px;padding:2px 10px;position:relative}.page .center-warpper-div .item-aqiinfo-box .aqi-item .aqi-item-bg[data-v-6c44d9df]{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,28,50,.9);box-shadow:inset 0 0 14px 1px #0090ff;opacity:.5}.page .center-warpper-div .item-aqiinfo-box .aqi-item .api-title[data-v-6c44d9df]{position:relative;font-size:14px;font-weight:400;color:#53cef7}.page .center-warpper-div .item-aqiinfo-box .aqi-item .api-data[data-v-6c44d9df]{position:relative;margin-top:-10px}.page .center-warpper-div .item-aqiinfo-box .aqi-item .api-data-title[data-v-6c44d9df]{position:relative;font-size:24px;font-weight:400;color:#f2fcff}.page .center-warpper-div .item-aqiinfo-box .aqi-item .api-data-units[data-v-6c44d9df]{font-size:14px;font-weight:400;color:#53cef7}.page .center-warpper-div .tem-pre[data-v-6c44d9df]{width:100%;height:25%;margin-top:15px;position:relative}.page .center-warpper-div .tem-pre .tem-pre-bg[data-v-6c44d9df]{width:100%;height:100%;position:absolute;top:0;left:0;background:#13a8ea;border-radius:0 0 0 0;opacity:.09}.page .center-warpper-div .tem-pre .item[data-v-6c44d9df]{width:100%;height:100%;padding:10px 30px}.page .center-warpper-div .tem-pre .item .item-title[data-v-6c44d9df]{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:14}.page .center-warpper-div .tem-pre .item .item-title .card-item[data-v-6c44d9df]{font-size:17px;font-weight:400;color:#fff}.page .center-warpper-div .tem-pre .item .item-title .switch-card[data-v-6c44d9df]{pointer-events:all;width:168px;height:28px;border-radius:16px 16px 16px 16px;opacity:1;border:1px solid #009db5;display:flex;justify-content:flex-start;align-items:center}.page .center-warpper-div .tem-pre .item .item-title .switch-card .card-item[data-v-6c44d9df]{width:50%;height:100%;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:400;color:#fff}.page .center-warpper-div .tem-pre .item .item-title .switch-card .select-item-left[data-v-6c44d9df]{background:#009db5;border-radius:16px 0 0 16px}.page .center-warpper-div .tem-pre .item .item-title .switch-card .select-item-right[data-v-6c44d9df]{background:#009db5;border-radius:0 16px 16px 0}.page .center-warpper-div .tem-pre .item .item-title .right-text[data-v-6c44d9df]{color:#3edad7;font-size:14px}.page .right-warpper[data-v-6c44d9df]{position:relative;display:flex;flex-direction:column}.page .right-warpper .spot-card .title[data-v-6c44d9df]{height:30px;display:flex;justify-content:space-around;align-items:center}.page .right-warpper .spot-card .table-div[data-v-6c44d9df]{flex:1;overflow-y:auto}.page .right-warpper .spot-card .table-div[data-v-6c44d9df]::-webkit-scrollbar{display:none}.page .right-warpper .spot-card .table-div .table[data-v-6c44d9df]{margin:0 auto;opacity:.85;width:100%;height:100%}.page .right-warpper .spot-card .table-div .table .tr[data-v-6c44d9df]{background:linear-gradient(180deg,rgba(0,69,172,.1),rgba(3,172,186,.1));border-bottom:1px solid #063d44;border-radius:20px}.page .right-warpper .spot-card .table-div .table .tr td[data-v-6c44d9df]{text-align:center;padding:10px 0;width:30%}.page .right-warpper .spot-card .table-div .table .tr .td-title[data-v-6c44d9df]{max-width:252px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page .right-warpper .w-alarm[data-v-6c44d9df]{width:100%;height:256px;margin-top:10px}.page .right-warpper .w-alarm .alarm-card[data-v-6c44d9df]{height:256px;position:relative}.page .right-warpper .w-alarm .alarm-card .alarm-content-bg[data-v-6c44d9df]{position:absolute;top:0;left:0;width:100%;height:220px;margin:0 0 0 0;box-shadow:inset 0 0 16px 1px rgba(31,157,227,.52)}.page .right-warpper .w-alarm .alarm-card .alarm-content[data-v-6c44d9df]{width:100%;height:220px;padding:20px 15px;display:flex;flex-direction:column}.page .right-warpper .w-alarm .alarm-card .alarm-content .alarm-content-title[data-v-6c44d9df]{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#efefef}.page .right-warpper .w-alarm .alarm-card .alarm-content .alarm-content-body[data-v-6c44d9df]{width:100%;flex:1;margin-top:15px;overflow:auto;font-size:14px;color:#4fd7fb}.page .right-warpper .w-alarm .alarm-card .alarm-content .alarm-content-body[data-v-6c44d9df]::-webkit-scrollbar{display:none}.page .right-warpper .w-alarm[data-v-6c44d9df] .slick-dots{height:6px;bottom:15px}.page .right-warpper .w-alarm[data-v-6c44d9df] .slick-dots li button{width:6px;height:6px;border-radius:50%;background-color:#28acc6}[data-v-6c44d9df] .ant-calendar-picker-input{background:rgba(46,121,136,0);color:#fff;border:1px solid #057981}[data-v-6c44d9df] .ant-calendar-picker-icon{color:#fff}.life-content .life-item[data-v-6c44d9df]{text-align:center}.life-content .life-item .life-img[data-v-6c44d9df]{margin-top:10px;display:inline-block;width:66px;height:90px}.life-content .life-item .life-title[data-v-6c44d9df]{color:#00ebff;font-size:14px}.life-content .life-item .life-detail[data-v-6c44d9df]{color:#fff;font-size:14px}