.surround-box[data-v-6a093d82]{padding:2px}.surround-box .left-top[data-v-6a093d82]{top:0;border-top-width:2px;border-top-style:solid;border-color:#00fff7}.surround-box .left-bottom[data-v-6a093d82],.surround-box .left-top[data-v-6a093d82]{position:absolute;left:0;width:16px;height:8px;border-left-width:2px;border-left-style:solid}.surround-box .left-bottom[data-v-6a093d82]{bottom:0;border-bottom-width:2px;border-bottom-style:solid;border-color:#00fff7}.surround-box .right-top[data-v-6a093d82]{top:0;border-top-width:2px;border-top-style:solid;border-color:#00fff7}.surround-box .right-bottom[data-v-6a093d82],.surround-box .right-top[data-v-6a093d82]{position:absolute;right:0;width:16px;height:8px;border-right-width:2px;border-right-style:solid}.surround-box .right-bottom[data-v-6a093d82]{bottom:0;border-bottom-width:2px;border-bottom-style:solid;border-color:#00fff7}.weather-pane[data-v-6f63329a]{background:rgba(0,0,0,.5);transition:all .3s linear;overflow:hidden;width:440px}.weather-pane .collapse[data-v-6f63329a]{position:absolute;z-index:2;top:50%;left:0;transform:translateY(-50%);height:40px;width:18px;background-color:rgba(8,221,221,.25);font-size:20px;line-height:40px;cursor:pointer}.weather-pane .collapseTitle[data-v-6f63329a]{position:absolute;left:0;top:0;transition:all .3s linear;width:0;height:40px;line-height:40px;padding-left:44px;background-color:#01545d;font-size:16px;z-index:1}.weather-pane .collTitleOpen[data-v-6f63329a]{width:132px}.weather-pane .preday-weather-pane[data-v-6f63329a]{display:flex;justify-content:stretch;padding:16px 0;height:200px}.weather-pane .preday-weather-pane .preday-weather-item[data-v-6f63329a]{font-size:16px;border-left:1px dashed #08dddd;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:0 19px;color:#fff}.weather-pane .preday-weather-pane .preday-weather-item[data-v-6f63329a]:first-child{border-left:none!important}.weather-pane .preday-weather-pane .preday-weather-item img[data-v-6f63329a]{max-width:50px;max-height:50px}.weather-pane .statistics-pane>div[data-v-6f63329a]:first-child{display:flex;justify-content:center;align-items:center}.weather-pane .statistics-pane>div:first-child span[data-v-6f63329a]{display:inline-block;width:33.3%;padding:5px 0;text-align:center;border:1px solid #0b8183;cursor:pointer;background:rgba(0,29,34,.5);color:#fff}.weather-pane .statistics-pane>div:first-child .active[data-v-6f63329a]{background:#0b8183}.weather-pane .statistics-pane .chart-container[data-v-6f63329a]{width:570px;height:300px}.weather-pane .statistics-pane .quality-container[data-v-6f63329a]{width:440px;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap}.weather-pane .statistics-pane .quality-container .quality-item[data-v-6f63329a]{width:28%;height:114px;background:rgba(0,29,34,.5);color:#fff;margin:10px 0;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.weather-pane .statistics-pane .quality-container .quality-item div[data-v-6f63329a]:first-child{display:flex;flex-direction:column;justify-content:flex-start}.weather-pane .statistics-pane .quality-container .quality-item div:first-child p[data-v-6f63329a]:first-child{font-size:16px;color:#08dddd}.weather-pane .statistics-pane .quality-container .quality-item div[data-v-6f63329a]:last-child{display:flex;flex-direction:column;align-items:flex-end;font-size:30px;color:#08dddd}.weather-pane .statistics-pane .quality-container .quality-item div:last-child span[data-v-6f63329a]{font-size:14px;transform:translateY(-10px)}.weather-pane .statistics-pane .warning-container[data-v-6f63329a]{width:440px}.weather-pane .statistics-pane .warning-container .warning-item[data-v-6f63329a]{width:440px;height:100px;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;background:rgba(0,29,34,.5);color:#fff;margin:15px auto}.weather-pane .statistics-pane .warning-container .warning-item img[data-v-6f63329a]{width:120px;height:80px}.weather-pane .statistics-pane .warning-container .warning-item div[data-v-6f63329a]{margin-left:15px}.weather-pane .statistics-pane .warning-container .warning-item .content-box[data-v-6f63329a]{width:360px;border-right:1px solid #999}.weather-pane .statistics-pane .warning-container .warning-item .content-box p[data-v-6f63329a]:last-child{font-size:12px;color:#999;margin-top:6px}.weather-pane .statistics-pane .warning-container .warning-item div:last-child span[data-v-6f63329a]{padding:1px 7px;border:1px solid #fff}.weather-pane .statistics-pane .warning-container .warning-item div:last-child span[data-v-6f63329a]:not(:nth-last-child(2)){border-right:none}.weather-pane .statistics-pane .warning-container .warning-item .level1 span[data-v-6f63329a]:nth-last-child(2){background:#00b0f1}.weather-pane .statistics-pane .warning-container .warning-item .level1 p[data-v-6f63329a]{color:#00b0f1}.weather-pane .statistics-pane .warning-container .warning-item .level2 span[data-v-6f63329a]:nth-last-child(2),.weather-pane .statistics-pane .warning-container .warning-item .level2 span[data-v-6f63329a]:nth-last-child(3){background:#f8b500}.weather-pane .statistics-pane .warning-container .warning-item .level2 p[data-v-6f63329a]{color:#f8b500}.weather-pane .statistics-pane .warning-container .warning-item .level3 span[data-v-6f63329a]:not(:first-child){background:#d95601}.weather-pane .statistics-pane .warning-container .warning-item .level3 p[data-v-6f63329a]{color:#d95601}.weather-pane .statistics-pane .warning-container .warning-item .level4 span[data-v-6f63329a]{background:red}.weather-pane .statistics-pane .warning-container .warning-item .level4 p[data-v-6f63329a]{color:red}.inner[data-v-6f63329a]{position:relative;max-height:calc(100vh - 250px);overflow:auto;width:440px}.inner[data-v-6f63329a]::-webkit-scrollbar{display:none}.inner .close[data-v-6f63329a]{position:absolute;top:10px;right:15px;z-index:9999}.title[data-v-6f63329a]{margin:16px 0 10px 16px;color:#fff;font-size:18px;display:flex;align-items:center}.title img[data-v-6f63329a]{width:20px;height:20px;margin-right:5px}.closed[data-v-6f63329a]{width:132px!important}.closedH[data-v-6f63329a]{max-height:40px!important}