.BMapLib_Drawing{
}
.BMapLib_Drawing_panel{
    height:47px;
    border:1px solid #666;
    border-radius:5px;
    overflow:hidden;
    box-shadow:1px 1px 3px rgba(0, 0, 0, 0.3);
    float:left;
}
.BMapLib_Drawing .BMapLib_box{
    border-right:1px solid #d2d2d2;
    float:left;
    height:100%;
    width:64px;
    height:100%;
    background-image:url(../images/bg_drawing_tool.png);
    cursor:pointer;
}
.BMapLib_Drawing .BMapLib_last{
    border-right:none;
}

/*拖动地图图标*/
.BMapLib_Drawing .BMapLib_hander{
    background-position:0 0;
}
.BMapLib_Drawing .BMapLib_hander_hover{
    background-position:0 -52px;
}

/*画点图标*/
.BMapLib_Drawing .BMapLib_marker{
    background-position:-65px 0;
}
.BMapLib_Drawing .BMapLib_marker_hover{
    background-position:-65px -52px;
}

/*画圆图标*/
.BMapLib_Drawing .BMapLib_circle{
    background-position:-130px 0;
}
.BMapLib_Drawing .BMapLib_circle_hover{
    background-position:-130px -52px;
}

/*画线图标*/
.BMapLib_Drawing .BMapLib_polyline{
    background-position:-195px 0;
}
.BMapLib_Drawing .BMapLib_polyline_hover{
    background-position:-195px -52px;
}

/*画多边形图标*/
.BMapLib_Drawing .BMapLib_polygon{
    background-position:-260px 0;
}
.BMapLib_Drawing .BMapLib_polygon_hover{
    background-position:-260px -52px;
}

/*画矩形图标*/
.BMapLib_Drawing .BMapLib_rectangle{
    background-position:-325px 0;
}
.BMapLib_Drawing .BMapLib_rectangle_hover{
    background-position:-325px -52px;
}

/*使用提示框*/
.BMapLib_tip {
    position: absolute;
    top: 40px;
    display: none;
    overflow: hidden;
    width: 162px;
    height: 40px;
    border: 1px solid #ccc;
    line-height: 20px;
    border-radius: 4px;
    background-color: #fff;
    text-align: center;
    font-size: 12px;
}
.BMapLib_tip_text {
    font-size: 12px;
    color: #999;
}
.BMapLib_tip.rectangle {
    left: -65px;
}
.BMapLib_tip.polygon {
    left: -25px;
}
.BMapLib_tip.circle {
    left: 10px;
}
.BMapLib_tip p {
    margin: 0;
}

/*边长、半径提示窗口*/
.screenshot {
    position: absolute;
    background: #fff;
    border: 1px solid #E9E9E9;
    border-radius: 2px;
    color: #333;
    padding: 0 4px;
    font-size: 12px;
}
.screenshot .unit {
    display: block;
    color: #999999;
    width: 12px;
    float: right;
}
.screenshot .circlShot {
    width: 50px;
    text-align: center;
    line-height: 30px;
    height: 30px;
}
.screenshot #screenshotNum {
    display: inline-block;
    height: 30px;
    text-align: center;
    cursor: text;
}
.screenshot #circleInput {
    display: none;
    border: none;
    width: 34px;
    height: 30px;
    margin-top: -1px;
    outline: none;
    user-select: text;
    appearance: listitem;
    -webkit-user-select: text;
    -webkit-appearance: listitem;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}
.screenshot #circleInput:focus {
    outline: none;
    border: none;
}
.screenshot .rectWH {
    width: 110px;
    height: 30px;
    line-height: 30px;
    padding: 2px 0;
}
.screenshot .rectWH span {
    display: inline-block;
    width: 10px;
    text-align: center;
}
.screenshot .rectWH .multiple {
    color: #999;
}
.screenshot .rectWH .wh {
    display: inline-block;
    width: 45px;
}
.screenshot .rectWH .wh #rectWidth,
.screenshot .rectWH .wh #rectHeight {
    width: 33px;
    cursor: text;
}
.screenshot .rectWH .wh #rectWidthInput,
.screenshot .rectWH .wh #rectHeightInput {
    display: none;
    border: none;
    width: 34px;
    height: 30px;
    margin-top: -1px;
    outline: none;
    user-select: text;
    appearance: listitem;
    -webkit-user-select: text;
    -webkit-appearance: listitem;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}
.screenshot .rectWH .wh #rectWidthInput:focus,
.screenshot .rectWH .wh #rectHeightInput:focus {
    outline: none;
    border: none;
    padding: 0;
}
.screenshot:hover,
.screenshot:focus-within {
    border: 1px solid #5E87DB;
}

/*操作按钮*/
.operateWindow {
    position: absolute;
    width: 270px;
    height: 35px;
    -webkit-user-select: none;
}
.operateWindow div {
    height: 24px;
}
.operateWindow div span {
    display: block;
    float: left;
    margin: 2px 0;
    text-align: center;
    cursor: pointer;
}
.operateWindow div #confirmOperate {
    float: left;
    width: 50px;
    height: 30px;
    margin-left: 15px;
    background: #ffffff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAwxJREFUaAXtmE1oE0EUx2fWNCkpfkA9iXeN0tbqYVNUFISCJ1GoiPhxELWtx3oQRBA8iR48iEkPJYIeilK8qChFxJOJSlNsxYhFFKviIVQqqTUm+5wpmTIpm+xHNpspfXt5szOzb/6//+zO7iwheKAD6AA6gA6gA+gAOoAOoAPoADqADqADK88BupyQhzI7V+d/zd4AQg4x4T81CgNn9clHThiWDfDdpL7mN5l7CgBRAcjEzxMSiPR1jX8WdVZRs+qgQrsZLNfFZrqZUNjtRKPywJVgBSSlxpQo24lKA1vBEkoTvfrESzugoo+ywCXYJ/IzK0TzSCkZXq9vPi3X2SkruWhJsF1mEBy2VY8cO0zvF83aq9UpB1xPWG6EUsD1hlUK2A9YZYD9glUC2E9Yx8CPP+4PTc/8iIQg+PWk/irLE9Ry+A3Ltdp+D8ded3R+yU5PFYqFdM6Y+xZPtp/3AJZ/G3v+6qmmyzYwFI0YE7exlCxkgHEtlmy/Xi15pTZpZhc3AnLfWt6zch6zsm1gArB1aQIAY+BWsm0Q4LLtPBKsrzMrtNsWyr7lXoiLyiLAmXhy5M5z2Bsoqzc5aTQsl2QbuInQXgb9yYSDbdPgaCaVHeGLmlk7r1MBlutw9KU1NNa5IZ//NwpAtvCLlx6U0GctYXrgRMfbnNxW+lPh+wIlaxBl2zPMLzi1Pf1dC4T2MLAxkUCObKb35f7AaCK9bZ2oVwmWa3I0wwJi8M2OtcXC34fsXt4l6soiJePNwaZuCIfn2T8oJWZW6HMFzC9m0GEG/YBBd4tkcqSUfmDnM9X2s263ePI4TsuugflA9971BLOzmWF2Kx90MnA937NWOmoCXoCGnlXZ1PsEW8iOWw3G2xsJuzC+HZFWfdhtS+OptpsMur9a30bDcm2OVulKMOx5hb7o5Dmi0auV+7j/LVMpp5t6T4DFwP36xAWiaRfFuYgqzOyiFlHwMrJNxRFCjEvsFm+hRLvdGt10xc0PNy81YS50AB1AB9ABdAAdQAfQAXQAHUAH0AF0YCU78B/Xn4einv7Y7QAAAABJRU5ErkJggg==) no-repeat top center;
    background-size: contain;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    border-radius: 2px;
}
.operateWindow div #cancelOperate {
    float: left;
    width: 50px;
    height: 30px;
    margin-left: 8px;
    background: #ffffff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAupJREFUaAXtmTtvFDEQx2eWQ4ICISRaegq6hI4CCSEkQgkRgi6QkhRwCOiOGlIAouIhUhGSAqVFQgr1HWW+AvcBIo7myDB25GjX571drx8NY+m0a589M7//+rVeAEmigCggCogCooAoIAqIAqKAKCAKiAKiwP+nAIYi051LZ2D65w0Q3ODfGI7hU/wy2gm1a9rTzYUHgPgYgE6y/U9w4dQzHOxOzf++18K3wUx9BXsAdzmY0/zfefhLX+nW4r2Zeh0KaHnhJTd7DUTn2P5Zvu/D3n6/g6mjJuHA6slWE3KA70Khuf06C/moalrl0PY3W2VOSQzgscN+ELSGJXrosMs9m345y1sWhgPzmGVf5PDXCVp34zpYgAkcL547fLUuCgbWExTiagxoDevsxppnAj1cws/DvdZ0jorBs7Sxqccsj13Ou2wSz7SruD36YOrb11awm6Ndu51v3hWcr42j+l2hc8GqQKMCK4O+0DlhkwD7QOeGTQbcDhq+8dx+TdV1pMMJKsKYtW1H79JlBw3du1y1fJ8MVjlJCqwceEInhc0C7AGdHFbFErzxUEaakl5/kcdsfeJ1mt5igjFru8wCrGfj+glKxcTbUOzr7m9HGDmffgyrV7z67aKN07gjsxv45pM+4YZ1NtoLhw90MuAG2AkU+IIDzQ6dBLgRVr31bI2eMPT93NDRx3Ar2NJsTMuLK3BA7xncFUv0Me1y4jMkKnV9YU3jnNDRgHlJWefjF/exjDqpwOI6bg9/GEj7mgs6CnAorIHPAR0MzN14jdfZVyboyhXhN2/mluY92Up9zjRC94qruDn8brdrmw+fpXmH5HTWAVbZ4dn749zZe0qOo1tnBM7CcGD1RcBOHWGNmQboWX+mYYtrOLD6/FFOgbDGVC10QVV/pkHLa/gYHlzuHX7+0F8ExnyUOgg9Si3HTrcvXgHVjZFO8Eq9gVs/N8r/y70oIAqIAqKAKCAKiAKigCggCogCooAo0EGBf6iFZapSQC/BAAAAAElFTkSuQmCC) no-repeat top center;
    background-size: contain;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    border-radius: 2px;
}
.operateWindow div #warnOperate {
    float: left;
    width: 200px;
    height: 30px;
    margin-left: 4px;
    line-height: 30px;
    background: #FFFBCC;
    border: 1px solid #E1E1E1;
    border-radius: 2px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #703A04;
    letter-spacing: 0;
    cursor: default;
}
.operateLeft p span {
    float: right;
}