.weather[data-v-27f12540]{width:100%;background-color:#fff;padding-bottom:10px}.weather-tem[data-v-27f12540]{font-size:45px;margin-left:10px}.weather-tem span[data-v-27f12540]{font-size:10px;font-weight:400;margin-left:5px}.weather-wea[data-v-27f12540]{margin-left:8px;padding-top:27px;font-size:2rem}.weather-city[data-v-27f12540]{margin-left:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px}.chart-title[data-v-27f12540]{text-align:right;font-size:10px;padding:0 10px 10px}.chart-title span[data-v-27f12540]{display:inline-block;padding:2px 5px;border-radius:13px;color:#fff;background-color:#2f8ffb}.modal-page[data-v-5301c3de]{width:100vw;height:100vh;background-color:#f1f1f1;position:fixed;top:0;left:0;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.modal-title[data-v-5301c3de]{background-color:#fff;height:40px;line-height:40px;text-align:center;position:relative;font-weight:700;font-size:14px;border-bottom:1px solid #f1f1f1}.back-btn[data-v-5301c3de]{font-size:32px;position:absolute;color:#000;left:10px;top:-3px;font-weight:200}.animated[data-v-5301c3de]{-webkit-animation-duration:.5s;animation-duration:.5s}.main-container[data-v-1fc509ac]{height:100%;width:100%;background-color:#f1f1f1;overflow:auto}.main-container[data-v-1fc509ac]::-webkit-scrollbar{display:none}.func-container[data-v-1fc509ac]{padding:2rem 2rem 0;-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#fff;margin-top:10px}.func[data-v-1fc509ac]{background-color:rgba(85,172,238,.063);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:12px;padding-bottom:5px;width:90px;height:90px;border-radius:8px;position:relative;margin-bottom:2rem}.func span[data-v-1fc509ac]{position:absolute;bottom:8px}.animated[data-v-1fc509ac]{-webkit-animation-duration:.5s;animation-duration:.5s}.circle-point[data-v-1fc509ac]{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:#43c686;margin-right:5px}.circle[data-v-1fc509ac]{width:5.4rem;height:5.4rem;margin-bottom:1.4rem}