.imageLabel-box {
    /*font-size: 14px;*/
    /*visibility: hidden;*/
    /*opacity: 0;*/
    /*position: fixed;*/
    width: 100%;
    height: 100%;
    /*   left: 0;
    top: 0;*/
    /*background-color: #363636;*/
    z-index: 100;
    /*    transition: all .4s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none*/
    border: 1px solid #959595;
}

    /*    .imageLabel-box.imageLabel-box-active {
        visibility: visible;
        opacity: 1;
        transform: scale(1)
    }*/

    .imageLabel-box * {
        -webkit-tap-highlight-color: rgba(255,0,0,0);
        outline: none;
        box-sizing: border-box;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .imageLabel-box button {
        -webkit-user-select: none
    }

    .imageLabel-box input[type=number] {
        -moz-appearance: textfield
    }

    .imageLabel-box input::-webkit-inner-spin-button, .imageLabel-box input::-webkit-outer-spin-button {
        -webkit-appearance: none !important;
        margin: 0
    }

    .imageLabel-box button, .imageLabel-box input[type=number], .imageLabel-box input[type=password], .imageLabel-box input[type=tel], .imageLabel-box input[type=text] {
        -webkit-appearance: none
    }

    .imageLabel-box input::-webkit-search-cancel-button {
        display: none
    }

    .imageLabel-box .imageLabel {
        width: 100%;
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .imageLabel-box .imageLabel .imageLabel-box {
            width: 100%;
            height: 100%
        }

    .imageLabel-box .imageLabel-buttons {
        padding: 10px;
        text-align: center
    }

        .imageLabel-box .imageLabel-buttons div {
            padding: 5px 10px;
            margin: 0 10px;
            background-color: #4b5060
        }

    .imageLabel-box .imageLabel-img-boxs {
        -ms-flex-pack: center;
        -ms-flex-align: center;
        -ms-flex: 1;
        flex: 1;
    }

        .imageLabel-box .imageLabel-img-boxs, .imageLabel-box .imageLabel-img-boxs .imageLabel-img-body {
            width: 100%;
            height: 100%;
            justify-content: center;
            align-items: center;
            display: -ms-flexbox;
            display: flex
        }

            .imageLabel-box .imageLabel-img-boxs .imageLabel-img-body {
                position: relative;
                overflow: hidden;
                -ms-flex-pack: center;
                -ms-flex-align: center;
                width: 100%;
                height: 100%;
            }

.imageLabel-img {
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}

    .imageLabel-img.imageLabel-img-active {
        visibility: visible;
        opacity: 1
    }

.imageLabel-content {
    cursor: crosshair;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute
}

.imageLabel-imgdrop {
    cursor: move;
    position: absolute;
    min-width: 7px;
    min-height: 7px;
    background-color: rgba(255,226,93,.6);
    border: 1px dashed #959595;
    z-index: 10;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.imageLabel-right {
    position: absolute;
    left: 100%;
    top: 0;
    padding: 5px;
    /*display: none;*/
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.3);
    border-radius: 5px;
    /*border-radius:0px 5px 5px 0px;*/
    /*margin-left:8px;*/
}

.imageLabel-imgdrop:hover .imageLabel-right {
    display: flex;
}

.imageLabel-right img {
    display: block;
    width: 50px;
    margin: 10px 0;
}

.imageLabel-imgdrop span {
    color: #000000;
    font-weight: bolder;
    font-size: 16px;
    text-shadow: 1px 0 1px #fff, 0 1px 1px #fff, 0 -1px 1px #fff, -1px 0 1px #fff;
}

.imageLabel-imgdrop em.imageLable-em {
    display: none;
    z-index: -1;
    position: absolute;
    background-color: rgba(0,0,0,.4)
}

    .imageLabel-imgdrop em.imageLable-em:first-of-type {
        bottom: 100%;
        left: 50%;
        width: 10000px;
        margin-bottom: 1px;
        height: 10000px;
        margin-left: -5000px
    }

    .imageLabel-imgdrop em.imageLable-em:nth-of-type(2) {
        left: 100%;
        margin-left: 1px;
        top: -1px;
        width: 10000px;
        bottom: -1px
    }

    .imageLabel-imgdrop em.imageLable-em:nth-of-type(3) {
        top: 100%;
        left: 50%;
        width: 10000px;
        margin-top: 1px;
        height: 10000px;
        margin-left: -5000px
    }

    .imageLabel-imgdrop em.imageLable-em:nth-of-type(4) {
        right: 100%;
        top: -1px;
        width: 10000px;
        margin-right: 1px;
        bottom: -1px
    }

.imageLabel-imgdrop .imageLable-i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid #fff;
    background-color: #959595;
    position: absolute;
    /*cursor: default !important;*/
}

    .imageLabel-imgdrop .imageLable-i:first-of-type {
        left: -5px;
        top: -5px;
        cursor: nw-resize;
    }

    .imageLabel-imgdrop .imageLable-i:nth-of-type(2) {
        right: -5px;
        top: -5px;
        cursor: ne-resize
    }

    .imageLabel-imgdrop .imageLable-i:nth-of-type(3) {
        right: -5px;
        bottom: -5px;
        cursor: se-resize
    }

    .imageLabel-imgdrop .imageLable-i:nth-of-type(4) {
        left: -5px;
        bottom: -5px;
        cursor: sw-resize
    }

    .imageLabel-imgdrop .imageLable-i:nth-of-type(5) {
        left: 50%;
        top: -5px;
        margin-left: -5px;
        cursor: n-resize
    }

    .imageLabel-imgdrop .imageLable-i:nth-of-type(6) {
        right: -5px;
        top: 50%;
        margin-top: -5px;
        cursor: ew-resize
    }

    .imageLabel-imgdrop .imageLable-i:nth-of-type(7) {
        left: 50%;
        bottom: -5px;
        margin-left: -5px;
        cursor: n-resize
    }

    .imageLabel-imgdrop .imageLable-i:nth-of-type(8) {
        left: -5px;
        top: 50%;
        margin-top: -5px;
        cursor: ew-resize
    }

.imageLabel-imgdrop em.imageLable-em {
    pointer-events: none
}

.imageLabel-imgdrop.imageLabel-drop-has {
    background-color: rgba(255,0,0,.3)
}



.imageLabel-imgdrop.active {
    /* border: 2px solid transparent;
        -o-border-image: url(../images/border.gif) 1 1 round;
        border-image: url(../images/border.gif) 1 1 round;*/
    border: 2px dotted #3699FF;
    z-index: 9;
    /*background-color: rgba(0,0,255,.3)*/
}

.imageLabel-imgdrop.selected {
    background-color: rgba(246,78,96,.5);
}

.imageLabel-imgdrop.imageLabel-drop-move {
    background-color: transparent !important
}


.imageLabel-imgdrop.imageLabel-drop-now {
    display: block !important;
    background-color: transparent
}

    .imageLabel-imgdrop.imageLabel-drop-now em.imageLable-em {
        display: block
    }


.imageLabel-btn {
    padding: 6px 10px;
    background-color: #333;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.06),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.3)
}

    .imageLabel-btn:active {
        opacity: .8
    }


.imageLabel-imgdrop-font, .imageLabel-imgdrop.imageLabel-drop-now .imageLabel-imgdrop-font {
    opacity: 0
}

.imageLabel-imgdrop-font {
    opacity: 1
}

.imageLabel-imgdrop .imageLabel-imgdrop-font {
    pointer-events: none;
    overflow: hidden;
    padding: 2px;
    position: absolute
}

.imageLabel-imgdrop .imageLabel-imgdrop-font, .imageLabel-input {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.imageLabel-input {
    position: fixed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden;
    transition: all .4s;
    opacity: 0;
    z-index: 999999
}

@keyframes imageLabelLoading {
    form {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}