.main[data-v-d4810de4]{width:100%;position:relative;z-index:999}[data-v-d4810de4] .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-d4810de4] .tool-box .item{margin-top:5px;text-align:left;font-size:14px;font-weight:400}[data-v-d4810de4] .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-d4810de4] .tool-box.left{position:relative}[data-v-d4810de4] .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)}.page[data-v-f59df9e2]{width:100%;height:calc(100vh - 148px);position:relative;display:flex;justify-content:space-around;padding-top:20px}.page .left-warpper[data-v-f59df9e2]{position:relative;height:100%;z-index:13}.page .left-warpper .item-box[data-v-f59df9e2]{height:100%}.page .left-warpper .item-box .item-box-bg[data-v-f59df9e2]{width:100%;height:calc(100% - 52px);background:linear-gradient(360 deg,#051736 0,rgba(0,102,255,0) 27%,rgba(0,44,108,0) 53%,#03acba 77%,transparent);opacity:.42;position:absolute;top:52px;left:0}.page .left-warpper .item-box .item-box-main[data-v-f59df9e2]{height:calc(100% - 52px)}.page .left-warpper .item-box .item-box-main .item-today[data-v-f59df9e2]{width:100%;height:45%;margin:0 auto;position:relative}.page .left-warpper .item-box .item-box-main .item-today .today-title-bg[data-v-f59df9e2]{width:100%;height:30px;background:linear-gradient(180deg,#0045ac,#03acba);box-shadow:0 3px 6px 1px rgba(0,0,0,.16),inset 0 0 6px 1px #03acba;border-radius:0 0 0 0;opacity:.5;position:absolute;left:0;top:0}.page .left-warpper .item-box .item-box-main .item-today .taody-title[data-v-f59df9e2]{width:100%;height:30px;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:500;color:#4fd7fb}.page .left-warpper .item-box .item-box-main .item-today .today-body[data-v-f59df9e2]{width:100%;padding:20px;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)}.page .left-warpper .item-box .item-box-main .item-today .today-body .w-today-left[data-v-f59df9e2]{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[data-v-f59df9e2]{width:85px;height:85px}.page .left-warpper .item-box .item-box-main .item-today .today-body .w-today-left .today-tem-weat[data-v-f59df9e2]{margin-left:20px}.page .left-warpper .item-box .item-box-main .item-today .today-body .w-today-left .w-today-temperature[data-v-f59df9e2]{font-size:34px;font-weight:400;color:#fff}.page .left-warpper .item-box .item-box-main .item-today .today-body .w-today-left .w-today-weather[data-v-f59df9e2]{font-size:17px;font-weight:400;color:#4fd7fb}.page .left-warpper .item-box .item-box-main .item-today .today-body .today-aqi[data-v-f59df9e2]{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-f59df9e2]{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-f59df9e2]{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-f59df9e2]{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-f59df9e2]{font-size:14px;font-weight:400;color:#fff}.page .left-warpper .item-box .item-box-main .item-today .today-body .today-humid[data-v-f59df9e2]{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-f59df9e2]{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-f59df9e2]{widows:11px;height:14.5px}.page .left-warpper .item-box .item-box-main .item-today .today-body .today-humid .humid-prompt[data-v-f59df9e2]{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-f59df9e2]{font-size:14px;font-weight:400;color:#fff;margin:20px 0}.page .left-warpper .item-box .item-box-main .item-today .today-body .totay-healthy[data-v-f59df9e2]{font-size:14px;font-weight:400;color:#4fd7fb}.page .left-warpper .item-box .item-box-main .w-body[data-v-f59df9e2]{width:100%;height:60%;padding:20px 0;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}.page .left-warpper .item-box .item-box-main .w-body .w-other[data-v-f59df9e2]{width:30%}.page .left-warpper .item-box .item-box-main .w-body .w-other .w-other-title[data-v-f59df9e2]{text-align:center;font-size:14px;font-weight:400;color:#4fd7fb;margin-bottom:10px}.page .left-warpper .item-box .item-box-main .w-body .w-other .ohter-item[data-v-f59df9e2]{position:relative;background:linear-gradient(180deg,rgba(0,69,172,.1),rgba(3,172,186,.1));margin-bottom:20px}.page .left-warpper .item-box .item-box-main .w-body .w-other .ohter-item .other-item-title-bg[data-v-f59df9e2]{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-f59df9e2]{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-f59df9e2]{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-f59df9e2]{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-f59df9e2]{width:51px;height:51px}.page .left-warpper .item-box .item-box-main .w-body .w-other .ohter-item .other-item-body .body-text[data-v-f59df9e2]{text-align:center;font-size:14px;font-weight:600;color:#03acba;margin-bottom:10px}.page .left-warpper .item-box .item-box-main .w-body .w-other .ohter-item .other-item-body .body-footer-bg[data-v-f59df9e2]{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-f59df9e2]{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-f59df9e2]{width:50%;position:relative;z-index:13;height:100%}.page .center-warpper-div .item-aqiinfo-box[data-v-f59df9e2]{width:100%;height:10%;display:flex;justify-content:space-between;align-items:center}.page .center-warpper-div .item-aqiinfo-box .aqi-item[data-v-f59df9e2]{width:120px;padding:2px 10px;position:relative}.page .center-warpper-div .item-aqiinfo-box .aqi-item .aqi-item-bg[data-v-f59df9e2]{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-f59df9e2]{position:relative;font-size:14px;font-weight:400;color:#53cef7}.page .center-warpper-div .item-aqiinfo-box .aqi-item .api-data[data-v-f59df9e2]{position:relative;margin-top:-10px}.page .center-warpper-div .item-aqiinfo-box .aqi-item .api-data-title[data-v-f59df9e2]{position:relative;font-size:34px;font-weight:400;color:#f2fcff}.page .center-warpper-div .item-aqiinfo-box .aqi-item .api-data-units[data-v-f59df9e2]{font-size:14px;font-weight:400;color:#53cef7}.page .center-warpper-div .item-bg-box[data-v-f59df9e2]{padding-top:20px;background:rgba(25,47,63,.6);margin-top:20px}.page .center-warpper-div .tem-pre[data-v-f59df9e2]{width:100%;height:35%;margin-top:15px;position:relative}.page .center-warpper-div .tem-pre .item[data-v-f59df9e2]{width:100%;height:100%;padding:10px 30px}.page .center-warpper-div .tem-pre .item .item-title[data-v-f59df9e2]{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-f59df9e2]{font-size:17px;font-weight:400;color:#fff}.page .center-warpper-div .tem-pre .item .item-title .switch-card[data-v-f59df9e2]{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-f59df9e2]{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-f59df9e2]{background:#009db5;border-radius:16px 0 0 16px}.page .center-warpper-div .tem-pre .item .item-title .switch-card .select-item-right[data-v-f59df9e2]{background:#009db5;border-radius:0 16px 16px 0}.page .center-warpper-div .tem-pre .item .item-title .right-text[data-v-f59df9e2]{color:#3edad7;font-size:14px}.page .right-warpper[data-v-f59df9e2]{position:relative;z-index:13}.page .right-warpper .life-item[data-v-f59df9e2]{text-align:center}.page .right-warpper .life-item .life-img[data-v-f59df9e2]{width:66px;height:90px}.page .right-warpper .life-item .life-title[data-v-f59df9e2]{font-size:14px;font-weight:400;color:#00ebff}.page .right-warpper .life-item .life-detail[data-v-f59df9e2]{font-size:14px;font-weight:400;color:#fff}.page .right-warpper .w-alarm[data-v-f59df9e2]{margin:10px 0 0 0}.page .right-warpper .w-alarm .alarm-card[data-v-f59df9e2]{height:280px;position:relative}.page .right-warpper .w-alarm .alarm-card .alarm-level[data-v-f59df9e2],.page .right-warpper .w-alarm .alarm-card .alarm-type[data-v-f59df9e2]{font-size:14px;color:#efefef}.page .right-warpper .w-alarm .alarm-card .alarm-content-bg[data-v-f59df9e2]{position:absolute;top:0;left:0;width:100%;height:250px;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-f59df9e2]{position:absolute;width:430px;height:250px;margin:0 0 0 0;font-size:16px;color:#efefef;overflow:auto;padding:20px 15px}.page .right-warpper .w-alarm .alarm-card .alarm-content .alarm-content-title[data-v-f59df9e2]{width:100%;display:flex;justify-content:space-between;align-items:center}.page .right-warpper .w-alarm .alarm-card .alarm-content .alarm-content-body[data-v-f59df9e2]{margin-top:20px;font-size:14px;font-weight:400;color:#4fd7fb}.page .right-warpper .w-alarm .alarm-card .alarm-content[data-v-f59df9e2]::-webkit-scrollbar{display:none}.page[data-v-f59df9e2] .ant-carousel .slick-dots li button{width:6px;height:6px;border-radius:50%;background-color:#28acc6}