.BMapGLLib_Drawing {
    /* left: 500px; */
}

.BMapGLLib_box:nth-child(1) {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.BMapGLLib_last {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.BMapGLLib_Drawing_panel {
    height: 34px;
    /* background-color: red; */
    margin: 0 auto;
    display: flex;
    /* border: 1px solid #e8e9eb; */
    border-radius: 4px 0 0 4px;
    background: #ffffff;
}

.BMapGLLib_Drawing .BMapGLLib_box {
    width: 51px;
    height: 100%;
    cursor: pointer;
}

/* .BMapGLLib_Drawing .BMapGLLib_last {
    border-right: 1px solid #e8e9eb;
} */

/*拖动地图图标*/
.BMapGLLib_Drawing .BMapGLLib_hander {
    background-position: 0 0;
}

.BMapGLLib_Drawing .BMapGLLib_hander_hover {
    background-position: 0 -52px;
}

/*画点图标*/
.BMapGLLib_Drawing .BMapGLLib_marker {
    background-image: url(./images/makers.png);
    background-size: 24px;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #e8e9eb;
    border-right: none;
}

.BMapGLLib_Drawing .BMapGLLib_marker_hover {
    /* background-position:-65px -52px; */
    background-image: url(./images/marker.png);
    background-size: 24px;
    background-position: center center;
    background-color: #2468f2;
    background-repeat: no-repeat;
    border: 1px solid #2468f2;
    border-right: none;
}

/* .BMapGLLib_Drawing .BMapGLLib_rectangle_hover,
.BMapGLLib_last {
    border-right: 1px solid #2468f2 !important;
} */

/* .BMapGLLib_Drawing .BMapGLLib_rectangle,
.BMapGLLib_last {
    border-right: 1px solid #e8e9eb !important;
} */

/* .BMapGLLib_Drawing .BMapGLLib_circle_hover,
.BMapGLLib_last {
    border-right: 1px solid #2468f2 !important;
} */

/* .BMapGLLib_Drawing .BMapGLLib_circle,
.BMapGLLib_last {
    border-right: 1px solid #e8e9eb !important;
} */

/* .BMapGLLib_Drawing .BMapGLLib_polyline_hover,
.BMapGLLib_last {
    border-right: 1px solid #2468f2 !important;
} */

/* .BMapGLLib_Drawing .BMapGLLib_polyline,
.BMapGLLib_last {
    border-right: 1px solid #e8e9eb !important;
} */

/* .BMapGLLib_Drawing .BMapGLLib_rectangle_hover,
.BMapGLLib_last {
    border-right: 1px solid #2468f2 !important;
} */

/* .BMapGLLib_Drawing .BMapGLLib_rectangle,
.BMapGLLib_last {
    border-right: 1px solid #e8e9eb !important;
} */

/*画圆图标*/
.BMapGLLib_Drawing .BMapGLLib_circle {
    background-image: url(./images/circle.png);
    background-size: 24px;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #e8e9eb;
    border-right: none;
}

.BMapGLLib_Drawing .BMapGLLib_circle_hover {
    background-image: url(./images/circles.png);
    background-size: 24px;
    background-position: center center;
    background-color: #2468f2;
    background-repeat: no-repeat;
    border: 1px solid #2468f2;
    border-right: none;
}

/*画线图标*/
.BMapGLLib_Drawing .BMapGLLib_polyline {
    background-image: url(./images/polyline.png);
    background-size: 24px;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #e8e9eb;
    border-right: none;
}

.BMapGLLib_Drawing .BMapGLLib_polyline_hover {
    background-image: url(./images/polylines.png);
    background-size: 24px;
    background-position: center center;
    background-color: #2468f2;
    background-repeat: no-repeat;
    border: 1px solid #2468f2;
    border-right: none;
}

/*画多边形图标*/
.BMapGLLib_Drawing .BMapGLLib_polygon {
    background-image: url(./images/polygon.png);
    background-size: 24px;
    background-position: center center;
    border: 1px solid #e8e9eb;
    border-right: none;
    background-repeat: no-repeat;
}

.BMapGLLib_Drawing .BMapGLLib_polygon_hover {
    background-image: url(./images/polygons.png);
    background-size: 24px;
    background-position: center center;
    background-color: #2468f2;
    background-repeat: no-repeat;
    border: 1px solid #2468f2;
    border-right: none;
}

/*画矩形图标*/
.BMapGLLib_Drawing .BMapGLLib_rectangle {
    background-image: url(./images/rectangle.png);
    background-size: 24px;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #e8e9eb;
}

.BMapGLLib_Drawing .BMapGLLib_rectangle_hover {
    background-image: url(./images/rectangles.png);
    background-size: 24px;
    background-position: center center;
    background-color: #2468f2;
    background-repeat: no-repeat;
    border: 1px solid #2468f2;
}

/*使用提示框*/
.BMapGLLib_tip {
    position: absolute;
    background: rgba(7, 12, 20, 0.85);
    box-shadow: 0 2px 8px 0 rgba(7, 12, 20, 0.12);
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #fff;
    text-align: center;
    font-weight: 400;
    width: 52px;
    height: 35px;
    border-radius: 3px;
    line-height: 35px;
    z-index: 2;
    display: none;
}

.BMapGLLib_tip:before {
    content: '';
    width: 0px;
    height: 0px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(7, 12, 20, 0.85);
    position: absolute;
    top: 35px;
    left: calc(50% - 4px);
}

.BMapGLLib_tip_title {
    margin: 0;
    padding: 0;
}

/*边长、半径提示窗口*/
.screenshot {
    position: absolute;
    background: #fff;
    border-radius: 2px;
    /* color: #fff;  */
    font-size: 14px;
    background: rgba(7, 12, 20, 0.85);
    box-shadow: 0 2px 8px 0 rgba(7, 12, 20, 0.12);
    padding: 8px 16px;
    border-radius: 4px;
}

.screenshot::after {
    content: '';
    width: 0px;
    height: 0px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 4px solid rgba(7, 12, 20, 0.85);
    position: absolute;
    left: -4px;
    top: calc(50% - 4px);
}

.DrawRadius {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #D4D6D9;
    line-height: 22px;
    font-weight: 400;
    display: block;
    width: 45px;
}

.screenshot .unit {
    display: block;
    color: #999999;
    width: 12px;
    float: right;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #FFFFFF;
    /* line-height: 22px; */
    font-weight: 400;
}

.screenshot .circlShot {
    text-align: center;
    display: flex;
    align-items: center;

}

.screenshot #screenshotNum {
    display: inline-block;
    text-align: center;
    cursor: text;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;

}

.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; */
    display: flex;
    height: 30px;
    line-height: 30px;
}

.screenshot .rectWH span {
    text-align: center;
}

.screenshot .rectWH .multiple {
    color: #999;
    padding-left: 5px;
    padding-right: 5px;
}

/* .screenshot .rectWH .wh {
    display: inline-block;
    width: 38px;
  } */
.screenshot .rectWH .wh #rectWidth,
.screenshot .rectWH .wh #rectHeight {
    cursor: text;
    color: #fff;
}

.screenshot .rectWH .wh #rectWidthInput,
.screenshot .rectWH .wh #rectHeightInput {
    display: none;
    border: none;
    max-width: 100px;
    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;
    text-align: center;
}

.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: 24px;
    height: 24px;
    margin-left: 15px;
    background: #ffffff url("./images/confirm.png") no-repeat top center;
    background-size: contain;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    line-height: 24px;
    background-color: white;
    font-size: 16px;
    background-size: 16px;
    background-position: center center;
    background-repeat: no-repeat;
}

.operateWindow div #confirmOperate:hover {
    float: left;
    width: 24px;
    height: 24px;
    margin-left: 15px;
    background: #ffffff url("./images/confirms.png") no-repeat top center;
    background-size: contain;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    line-height: 24px;
    background-color: white;
    font-size: 16px;
    background-size: 16px;
    background-position: center center;
    background-repeat: no-repeat;
}

.operateWindow div #cancelOperate {
    float: left;
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-left: 3px;
    background: #ffffff url("./images/cancel.png") no-repeat top center;
    background-size: contain;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    background-color: white;
    font-size: 16px;
    background-size: 16px;
    background-position: center center;
    background-repeat: no-repeat;
}

.operateWindow div #cancelOperate:hover {
    float: left;
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-left: 3px;
    background: #ffffff url("./images/cancels.png") no-repeat top center;
    background-size: contain;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    background-color: white;
    font-size: 16px;
    background-size: 16px;
    background-position: center center;
    background-repeat: no-repeat;
}

.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;
}

/* 绘制时气泡 */
.tip_label {
    background: rgba(7, 12, 20, 0.85);
    box-shadow: 0 2px 8px 0 rgba(7, 12, 20, 0.12);
    border-radius: 4px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #ffffff;
    line-height: 22px;
    font-weight: 400;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.tip_label:before {
    content: '';
    width: 0px;
    height: 0px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 4px solid rgba(7, 12, 20, 0.85);
    position: absolute;
    left: -3px;
    top: calc(50% - 4px);
}

.tip_label1 {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    font-weight: 400;
    padding-bottom: 4px;
}

.tip_label2 {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #ffffff;
    line-height: 22px;
    font-weight: 400;
    padding-bottom: 6px;
    padding-right: 8px;
}