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