html,
    body {
      width:100%;
      height:100%;
      margin: 0;
      padding: 0;
      font-family: Arial, sans-serif;
      flex-direction: column;
	  align-items: center;
	  justify-content: space-between;
    }

 /* 顶部按钮区域样式 */
    #topbutton {
      display:flex;
      width:90%;
      margin:2% 5%;
      background-color: ;
      overflow: hidden;
      
    }

    /* 输入框样式 */
    #inputkeyword {
      width: 60%;
      height: 30px;
      padding-left: 20px;
      border-radius: 5px;
      border: 1px solid #66CCFF;
      margin-left:15px;
      margin-right: 10px;
    }

    /* 搜索按钮样式 */
    #searchBtn {
      padding:0 15px;.display: flex; align-items: center;  justify-content: center; height:35px; 
      margin:auto 5%;
      font-size: 15px;
      color: #fff;
      width: 40%;
      background-color: #00BBCC;
      border-radius: 5px;
      border: none;
      cursor: pointer;
    }

   /* 搜索按钮悬停效果 */
    #searchBtn:active {
      background-color: #00cccc;
    }

    /* 搜索按钮悬停效果 */
    #searchBtn:hover {
      background-color: #00cccc;
    }

    /* 地图容器样式 */
    #mapX {
      margin: 0;
      padding:0;
      width: 100%;
      height: 300px;
      z-index: 1;
      overflow: hidden;
      border-radius: 10px;
    }

    /* 地图背景样式 */
    #tmapdiv {
      width:90%;
      margin: 0 5%;
      height: 320px;
      background-image: url(../tab/image/siditubg.jpg);
      background-size: 100%;

    }

    /* 搜索结果列表样式 */
    #poilist {
      margin:10px 5%;
      width: 90%;
      height: auto;
      
    }

    /* 搜索部分样式 */
    #searchPart {
      position: absolute;
      top: 10px;
      left: 10px;
      z-index: 1001;
    }

    /* 信息展示样式 */
    #information {
      margin: 5px;
    }

#infowin {

    word-wrap: break-word;
    width: 200px;
    height: auto;
    margin: 0;
    padding: 0;
}

p {
   white-space: normal;
  width:200px;
  margin-bottom:5px;
    /* 允许长单词换行 */
  padding:0;
  font-size:16px;
}
   

    /* 街道链接样式 */
    #street {
      font-size: 15px;
      outline: none;
      text-decoration: none;
      color: #fff;
      margin-left: 10px;
    }

    /* 地区显示样式 */
    #mydistrict {
      display: inline-block;
      vertical-align: middle;
      outline: none;
      text-align: center;
      margin: auto 8px;
      padding: 0 10px;
      height: 30px;
      line-height: 30px;
      background-color: #00BBCC;
      border-radius: 5px;
    }


    /* 附近搜索按钮区域样式 */
    #searchnear {
      margin: 0 5% 5% 5%;
      display: flex;
      flex-wrap: wrap;
 	 align-items: center;
	  justify-content: space-between;
    }

    /* 附近搜索按钮样式 */
    #searchnear button {
      font-size: 15px;
      color: #fff;
      width: 20%;
      height: 40px;
      margin: 5px;
      background-color: #00BBCC;
      border-radius: 5px;
      border: none;
      cursor: pointer;
    }

    /* 附近搜索按钮悬停效果 */
    #searchnear button:hover {
      background-color: #00bbcc;
    }

    /* 地址显示样式 */
    #myaddress {
      display: inline-block;
      vertical-align: middle;
      outline: none;
      text-align: center;
      margin: auto 8px;
      padding: 0 10px;
      height: 30px;
      line-height: 30px;
      background-color: #00BBCC;
      border-radius: 5px;
      color: #fff;
    }

#footer{
  display:flex;
  width:100%;
  margin:0 auto;
  
      flex-direction: column;
	  align-items: center;
	  justify-content: space-between;
  text-align:center;
}