blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}body{background:#fff;font-family:Verdana,Arial,Helvetica,sans-serif}body,caption,td,th{font-size:14px}address,caption,cite,code,dfn,em,strong,var{font-style:normal;font-weight:400}a{text-decoration:none;color:#000}img{border:none}button,input,select,textarea{font:14px Verdana,Helvetica,Arial,sans-serif}table{border-collapse:collapse}html{overflow-y:scroll}.fr{float:right}.cl{clear:both}.ib{display:inline-block}#app[data-v-052106f7]{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app header[data-v-052106f7]{background-color:#7d61f2;height:44px;position:fixed;left:0;right:0;z-index:100}#app header .setting[data-v-052106f7]{float:left}#app header .location[data-v-052106f7]{float:right}#app header img[data-v-052106f7]{display:inline-block;height:28px;width:28px;padding:8px}#app header h1[data-v-052106f7]{font-weight:500;text-align:center;line-height:44px;font-size:18px}#app header h1 a[data-v-052106f7]{color:#fff}#app .content-wrap[data-v-052106f7],#home[data-v-ed3ba958]{padding:44px 0;box-sizing:border-box}#home[data-v-ed3ba958]{position:absolute;top:0;left:0;width:100%;min-height:100%;background-color:#362460;text-align:center}.city-wrap[data-v-ed3ba958]{width:100%;height:90%}.city-card[data-v-ed3ba958]{margin-top:26px;display:inline-block;position:relative}.data-org[data-v-ed3ba958]{position:absolute;bottom:0;left:0;right:0;margin:auto;color:#7c53dd;text-align:center;font-size:10px}.data-org a[data-v-ed3ba958]{color:#fff}.city-card[data-v-bc24b762]{width:300px;height:500px;text-align:center;box-shadow:1px 1px 5px #534485;border-radius:8px;color:#fff;background:url(/static/img/card-bg.38034fd.png) 50% no-repeat}.city-card .temperature[data-v-bc24b762]{font-size:80px;line-height:80px;margin-top:74px;position:relative}.city-card .temperature[data-v-bc24b762]:after{content:"\B0";position:absolute}.city-card .city-name[data-v-bc24b762]{font-size:22px;line-height:22px;margin-top:20px}.city-card .status[data-v-bc24b762]{margin-top:22px}.city-card .status img[data-v-bc24b762]{vertical-align:sub}.city-card .status span[data-v-bc24b762]{font-size:20px;line-height:20px}.city-card .detail[data-v-bc24b762]{margin-top:42px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.city-card .detail img[data-v-bc24b762]{height:18px}.city-card .chance[data-v-bc24b762]{font-size:10px}.city-card .num[data-v-bc24b762]{font-size:27px;line-height:27px;position:relative}.city-card .num[data-v-bc24b762]:after{position:absolute;top:0;font-size:10px;line-height:10px;-webkit-transform:scale(.8);transform:scale(.8)}.city-card .wind[data-v-bc24b762]{position:relative}.city-card .wind .num[data-v-bc24b762]:after{content:"MPH"}.city-card .rainy .num[data-v-bc24b762]:after{content:"%"}.city-card .weekly[data-v-bc24b762]{height:120px;width:100%;position:absolute;bottom:0;left:0;background-color:rgba(0,0,0,.3);border-radius:0 0 8px 8px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.city-card .weekly .day[data-v-bc24b762]{margin-top:26px}.city-card .weekly .img-wrap[data-v-bc24b762]{height:20px;margin-top:15px}.city-card .weekly .c-temperature[data-v-bc24b762]{font-size:20px;line-height:20px;margin-top:8px;position:relative}.city-card .weekly .c-temperature[data-v-bc24b762]:after{content:"\B0";position:absolute;top:0}.now-detail[data-v-b0d549c2]{background-color:#69bcf7;width:100%;height:190px;border-bottom:3px solid #fff}.now-detail .img-wrap[data-v-b0d549c2]{width:100px;height:100px;margin:38px 0 0 40px;float:left}.now-detail .img-wrap img[data-v-b0d549c2]{width:100%}.now-detail .content[data-v-b0d549c2]{float:right;margin:38px}.now-detail .content h2[data-v-b0d549c2],.now-detail .content p[data-v-b0d549c2]{line-height:26px;color:#fff;font-size:16px}.timeline[data-v-b0d549c2]{background-color:#1a2432}.time-item[data-v-b0d549c2]{height:100px}.time-item .date[data-v-b0d549c2],.time-item .detail[data-v-b0d549c2],.time-item .weather-img[data-v-b0d549c2]{display:inline-block;font-size:0}.time-item .date>[data-v-b0d549c2],.time-item .detail>[data-v-b0d549c2],.time-item .weather-img>[data-v-b0d549c2]{font-size:14px}.time-item .detail .info .humidity[data-v-b0d549c2],.time-item .detail .info .rainy-chance[data-v-b0d549c2],.time-item .detail .info .wind[data-v-b0d549c2]{display:inline-block;font-size:0}.time-item .detail .info .humidity>[data-v-b0d549c2],.time-item .detail .info .rainy-chance>[data-v-b0d549c2],.time-item .detail .info .wind>[data-v-b0d549c2]{font-size:14px}.timeline{background-color:#1a2432;color:#fff}.timeline .date{vertical-align:top;text-align:right}.timeline .weather-img{width:65px;height:100%;position:relative;vertical-align:top}.timeline .weather-img img{position:relative;width:40px;margin:0 12px;display:inline-block;text-align:center;z-index:10}.timeline .weather-img:before{content:"";position:absolute;top:0;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1;display:block;width:4px;background-color:#2a3342}.time-item{height:100px}.time-item .date,.time-item .detail,.time-item .weather-img{padding-top:23px;display:inline-block;font-size:0;box-sizing:border-box}.time-item .date>*,.time-item .detail>*,.time-item .weather-img>*{font-size:14px}.time-item .detail{width:50%}.time-item .detail .info{padding-top:6px}.time-item .detail .info .humidity,.time-item .detail .info .rainy-chance,.time-item .detail .info .wind{display:inline-block;width:30%;font-size:0}.time-item .detail .info .humidity>*,.time-item .detail .info .rainy-chance>*,.time-item .detail .info .wind>*{font-size:14px}.time-item .detail img{height:10px}.setting li[data-v-1cb61662]{padding:20px 8px;border-bottom:1px solid #ccc}.setting li p[data-v-1cb61662]:active{background-color:#fff}