/*weather.css*/

#weather {
  display: flex;
  height:20px;
  width: 100%;
  align-items: center;
}
#weather ul {
  margin: 0;
  padding: 0;
  padding-left:20px;
}
.drop-bar{
  position: relative;
}
.hover-content {
  display: none; /* 默认隐藏 */
  width: 200px;
  height: auto;
  position: absolute; /* 绝对定位，相对于父元素 */
  top: 100%; /* 在按钮的下方 */
  left: 0;
  padding: 10px;
  font-size: 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #f9f9f9;
  z-index: 10; /* 提升 z-index，让它显示在其他内容上方 */
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
}
.hover-button:hover + .hover-content {
  display: block; /* 悬停时显示 .hover-content */
}
.hover-content:hover {
  display: block;
}