*{padding:0;margin:0;box-sizing:border-box}#app{height:100vh;width:100vw}.headerBox{height:60px;width:100%;background-color:#000;display:flex}.logoBox,.navListBox{height:100%;width:50%}.navListBox{display:flex;justify-content:flex-end}.navListBoxItem{color:#fff}.navListBoxItem,.navListBoxItem.active2{height:100%;width:20%;line-height:60px;text-align:center}.navListBoxItem.active2{color:#42a0fd}.typhoonBody{width:100%;height:calc(100vh - 60px);background-color:#7fffd4;position:relative}#map{width:100%;height:100%}.windBodyBox{width:100%;height:calc(100vh - 60px);background-color:#7fffd4;position:relative}#windMap{width:100%;height:100%}.uploadBox{width:150px;height:100px;position:absolute;top:50px;right:25px;background-color:#fff;z-index:999;border-radius:15px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}.unpTitle{height:30px;width:100%;line-height:30px;font-size:14px;text-align:center}