/**
 * @title: drawing.css
 * @Author gfwang
 * @Date: 2020/12/8 13:51
 * @Version 1.0
 */
.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}
.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
}
.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}
.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}
.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-icon {
    width: 16px;
    height: 16px;
}
.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}
.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}
.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.point-index{
    z-index: 20 !important;
}

.arrow-item .item {
    position: absolute;
    height: 10px;
    background-color: #000;
    width: 10px;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
}
.line-item .item {
    position: absolute;
    height: 10px;
    background-color: #000;
    width: 10px;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
}
.line-item .item:hover {
    opacity: 1 !important;
}
.arrow-item .item:hover {
    opacity: 1 !important;
}