body {
    margin: 0;
    font: 13px/1.5 "Microsoft YaHei", "Helvetica Neue", "Sans-Serif";
    min-height: 960px;
    min-width: 600px;
}

.my-map {
    margin: 0 auto;
    width: 950px;
    height: 550px
}

    .my-map .icon {
        background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat;
    }

    .my-map .icon-cir {
        height: 31px;
        width: 28px;
    }

    .my-map .icon-cir-red {
        background-position: -11px -5px;
    }

.amap-container {
    height: 100%;
}

.myinfowindow {
    width: 240px;
    min-height: 50px;
}

    .myinfowindow h5 {
        height: 20px;
        line-height: 20px;
        overflow: hidden;
        font-size: 14px;
        font-weight: bold;
        width: 220px;
        text-overflow: ellipsis;
        word-break: break-all;
        white-space: nowrap;
    }

    .myinfowindow div {
        margin-top: 10px;
        min-height: 40px;
        line-height: 20px;
        font-size: 13px;
        color: #6f6f6f;
    }