body{background-color:#fafafa}#app{position:absolute;top:50%;left:50%;width:1000px;height:600px;margin-top:-300px;margin-left:-500px;border-radius:3px;background-color:#444;box-shadow:0 2px 2px 2px rgba(0,0,0,.3)}#app:after{content:"";display:block;clear:both}#app>#infomation{float:left;width:600px}#app>#infomation>#current-weather{margin-top:70px;height:180px}hr{width:80%;margin:80px auto;border:none;border-top:1px solid #fff}#app>#infomation>#forecast{height:400px}#app>#map{float:right;width:400px;height:600px}.location[data-v-fba810f6]{text-align:center;font-size:40pt;color:#fff}.weather[data-v-fba810f6]{text-align:center;font-size:20pt;color:#fff}.temp[data-v-fba810f6]{text-align:center;font-size:50pt;color:#fff}#map-canvas{width:400px;height:600px}.forecasts[data-v-1f8446c5]{display:-webkit-box;display:-ms-flexbox;display:flex;width:80%;padding:0;margin:0 auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.forecasts>li.item[data-v-1f8446c5]{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;color:#fff;text-align:center;list-style-type:none}.forecasts>li.item[data-v-1f8446c5]:first-child:before{content:"";position:absolute;top:-10px;left:50%;display:block;width:6px;height:6px;margin-left:-3px;border-radius:50%;background-color:red}.forecasts>li.item>.temp[data-v-1f8446c5]{margin-top:-8px}