.custom-content-marker {
        position: relative;
        width: 25px;
        height: 34px;
      }

      .custom-content-marker img {
        width: 100%;
        height: 100%;
      }

      .custom-content-marker .close-btn {
        position: absolute;
        top: -6px;
        right: -8px;
        width: 15px;
        height: 15px;
        font-size: 12px;
        background: #ccc;
        border-radius: 50%;
        color: #fff;
        text-align: center;
        line-height: 15px;
        box-shadow: -1px 1px 1px rgba(10, 10, 10, 0.2);
      }

      .custom-content-marker .close-btn:hover {
        background: #666;
      }
              /* 手机或平板设备 */
        @media only screen and (max-width: 768px) {
            /* 在宽度小于等于 768px 的屏幕上应用的样式 */
             #gaode_map_container {
                width: 100vw; /* 设置地图容器宽度 */
                height: 50vh; /* 设置地图容器高度 */
              }
                }
        /* 桌面设备 */
        @media only screen and (min-width: 769px) {
            /* 在宽度大于等于 769px 的屏幕上应用的样式 */
            #gaode_map_container {
                width: 80vw; /* 设置地图容器宽度 */
                height: 50vh; /* 设置地图容器高度 */
              }
        }