.weather-widget[data-v-ccc50230]{width:100%;height:100%;color:#fff;padding:10px;box-sizing:border-box;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;flex-direction:column}.weather-widget .select-box[data-v-ccc50230]{height:42px;display:flex;justify-content:space-between}.weather-widget .select-box[data-v-ccc50230] .el-cascader{width:200px}.weather-widget .select-box[data-v-ccc50230] .el-cascader .el-input .el-input__inner{background-color:hsla(0,0%,100%,0);color:#fff;border:none;padding:0;font-size:15px}.weather-widget .current-weather[data-v-ccc50230]{width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:center;padding:10px}.weather-widget .current-weather div[data-v-ccc50230]{text-align:left;width:50%;padding:10px 0;font-size:16px;color:#fff}.weather-widget .current-weather div[data-v-ccc50230]:first-of-type{font-size:26px;font-weight:700}.weather-widget .icon-main[data-v-ccc50230]{width:2em;height:2em;vertical-align:-.15em;fill:currentColor;overflow:hidden;margin-top:10px}.weather-widget .weather-box[data-v-ccc50230]{flex:1;padding:10px 0;border-radius:4px;background:hsla(0,0%,100%,.2)}.weather-widget .weather-box .weather-list[data-v-ccc50230]{display:flex;justify-content:space-around}.weather-widget .weather-box .weather-list>div[data-v-ccc50230]{flex:1;display:flex;flex-direction:column;align-items:center}.weather-widget .weather-box .weather-list>div>p[data-v-ccc50230]{text-align:center;margin-top:10px;font-size:15px}.weather-widget .weather-box .weather-list>div>p[data-v-ccc50230]:nth-of-type(2){font-size:14px;color:hsla(0,0%,100%,.5)}.weather-widget .weather-box .weather-charts[data-v-ccc50230]{width:100%;height:150px;margin-top:10px;box-sizing:border-box}.wel-index{width:100%;height:calc(100vh - 114px);overflow:hidden;padding:0!important;background:#0b1321;display:flex;flex-direction:column}.wel-index .flow-chart{width:100%;padding:20px 0;border-top:1px solid transparent;border-bottom:1px solid transparent;-o-border-image:linear-gradient(90deg,transparent,transparent,rgba(64,158,255,.8),transparent,transparent) 1 round;border-image:linear-gradient(90deg,transparent,transparent,rgba(64,158,255,.8),transparent,transparent) 1 round;background:linear-gradient(90deg,#0b1321,#0f254d,#0b1321)}.wel-index .line-box{display:flex;margin-top:10px}.wel-index .line-box .left{flex:1}.wel-index .line-box .left,.wel-index .line-box .right{border-bottom:1px solid transparent;-o-border-image:linear-gradient(90deg,transparent,transparent,rgba(64,158,255,.8),transparent,transparent) 1 round;border-image:linear-gradient(90deg,transparent,transparent,rgba(64,158,255,.8),transparent,transparent) 1 round}.wel-index .line-box .right{width:350px}.wel-index .statistics-weather{color:#fff;flex:1;display:flex;padding:0 10px 10px}.wel-index .statistics-weather .statistics,.wel-index .statistics-weather .weather{height:calc(100vh - 339px);overflow:hidden;overflow-y:auto;border-left:1px solid transparent;border-right:1px solid transparent;-o-border-image:linear-gradient(180deg,transparent,rgba(64,158,255,.8)) 1 round;border-image:linear-gradient(180deg,transparent,rgba(64,158,255,.8)) 1 round;border-bottom:1px solid rgba(64,158,255,.8);background:linear-gradient(180deg,#040e1f,#102750)}.wel-index .statistics-weather .statistics{flex:1;padding:5px}.wel-index .statistics-weather .statistics>div{width:calc(25% - 22.5px);min-height:88px;padding:10px 5px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid rgba(64,158,255,.4);border-radius:6px;float:left;margin:5px;background:linear-gradient(180deg,#01141e,#0f254e)}.wel-index .statistics-weather .statistics>div.active{cursor:pointer}.wel-index .statistics-weather .statistics>div>p{font-weight:700;font-size:17px;color:#fff;text-align:center}.wel-index .statistics-weather .statistics>div>p:last-of-type{margin-top:5px}.wel-index .statistics-weather .statistics>div>p:last-of-type span{color:#00b9f1}.wel-index .statistics-weather .statistics .no-data{width:100%;margin-top:calc(50vh - 169.5px);text-align:center}.wel-index .statistics-weather .weather{width:350px;margin-left:10px;height:calc(100vh - 329px)}.wel{display:flex;flex-wrap:wrap;width:1100px;margin:0 auto}