.header_frame[data-v-4b66014e]{width:100vw;height:2.75rem;position:fixed;left:0;top:0;z-index:50;display:flex;align-items:center;color:#fff}.header_frame .left[data-v-4b66014e]{width:4.375rem;padding-left:1.25rem;font-size:.9rem;box-sizing:border-box;display:flex;align-items:center;height:100%}.header_frame .title[data-v-4b66014e]{flex-grow:1;max-width:calc(100% - 8.75rem);text-align:center;font-weight:700}.header_frame .right[data-v-4b66014e]{width:4.375rem;box-sizing:border-box;padding-right:1.25rem;display:flex;align-items:center;height:100%;justify-content:flex-end}.header_frame .right .custom-btn[data-v-4b66014e]{font-size:1.175rem}.header_frame .right .share_btn[data-v-4b66014e]{font-size:1.875rem;margin-left:.8rem}.header-call[data-v-4b66014e]{position:fixed;left:0;top:0;z-index:50;width:100vw}.header-call .right[data-v-4b66014e]{position:absolute;top:.625rem;right:1.25rem;font-size:1.375rem;color:#fff}.header-call .right .custom-btn[data-v-4b66014e]{font-size:1.375rem}.panel[data-v-452b19ab]{height:100vh;width:100vw;background-size:cover}.panel .top_detail[data-v-452b19ab]{padding-top:3.75rem;height:30%;width:90%;margin:0 auto}.panel .top_detail .temperature_panel .temperature[data-v-452b19ab]{font-size:5.625rem;color:#fff;text-align:center;line-height:5.625rem}.panel .top_detail .temperature_panel .sign[data-v-452b19ab]{font-size:2.25rem;color:#fff;text-align:center;line-height:2.25rem;position:relative;bottom:2.25rem}.panel .top_detail .attr[data-v-452b19ab]{margin-top:1.25rem;margin-bottom:.75rem;font-size:1.125rem;color:#fff;line-height:1.125rem;text-shadow:0 .125rem .25rem rgba(0,0,0,.05)}.panel .top_detail .wind_panel[data-v-452b19ab]{display:flex;flex-direction:row}.panel .top_detail .wind_panel .wind[data-v-452b19ab]{display:flex;flex-direction:row;border-right:.0625rem solid hsla(0,0%,100%,.4)}.panel .top_detail .wind_panel .wind i[data-v-452b19ab]{width:1.5625rem;height:1.5625rem;line-height:1.5625rem;color:#fff}.panel .top_detail .wind_panel .wind span[data-v-452b19ab]{font-size:1rem;color:hsla(0,0%,100%,.95);text-align:center;line-height:1.5625rem;margin-right:.9375rem}.panel .top_detail .wind_panel .wind_weight[data-v-452b19ab]{display:flex;flex-direction:row;margin-left:.9375rem}.panel .top_detail .wind_panel .wind_weight i[data-v-452b19ab]{width:1.5625rem;height:1.5625rem;line-height:1.5625rem;color:#fff}.panel .top_detail .wind_panel .wind_weight span[data-v-452b19ab]{font-size:1rem;color:hsla(0,0%,100%,.95);text-align:center;line-height:1.5625rem}.panel .now_panel[data-v-452b19ab]{width:90%;height:3.375rem;line-height:3.375rem;margin:0 auto;background:hsla(0,0%,100%,.4);border-radius:.5rem;display:flex;flex-direction:row;justify-content:space-around}.panel .now_panel .date[data-v-452b19ab]{width:25%;font-size:.875rem;color:#222}.panel .now_panel .date .mr[data-v-452b19ab]{margin-right:.3125rem}.panel .now_panel .img[data-v-452b19ab]{width:15%}.panel .now_panel .img img[data-v-452b19ab]{width:1.5625rem;height:1.5625rem;margin-top:.9375rem}.panel .now_panel .weather[data-v-452b19ab]{width:20%;font-size:.875rem;color:#222;text-align:center}.panel .now_panel .temp[data-v-452b19ab]{width:20%;font-size:.9375rem;color:#222;text-align:right}.panel .forecase_panel[data-v-452b19ab]{width:90%;height:45vh;background:hsla(0,0%,100%,.4);border-radius:.5rem;margin:.5rem auto}.panel .forecase_panel .forecase_title[data-v-452b19ab]{height:2.5rem;line-height:2.5rem;display:flex;flex-direction:row;justify-content:space-between;padding:0 .625rem}.panel .forecase_panel .forecase_title .title[data-v-452b19ab]{font-size:1rem;color:#222;text-align:left;width:50%}.panel .forecase_panel .forecase_title .source[data-v-452b19ab]{font-size:.75rem;color:#888;text-align:right;width:50%}.panel .forecase_panel .forecase_main[data-v-452b19ab]{display:flex;flex-direction:row;justify-content:space-around;height:3.375rem;line-height:3.375rem}.panel .forecase_panel .forecase_main .date[data-v-452b19ab]{font-size:.875rem;color:#222;width:25%}.panel .forecase_panel .forecase_main .date .mr[data-v-452b19ab]{margin-right:.3125rem}.panel .forecase_panel .forecase_main .img[data-v-452b19ab]{width:15%}.panel .forecase_panel .forecase_main .img img[data-v-452b19ab]{width:1.5625rem;height:1.5625rem;margin-top:.9375rem}.panel .forecase_panel .forecase_main .weather[data-v-452b19ab]{width:20%;font-size:.875rem;color:#222;text-align:center}.panel .forecase_panel .forecase_main .temp[data-v-452b19ab]{width:20%;font-size:.9375rem;color:#222;text-align:right}