.editor-croper-grid{
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #000;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;

    i{
        display: none;
        border: 0 solid rgba(0, 0, 0, .3);
        position: absolute;
        left: 0;
        top: 0;
    }
    &.active i{
        display: block;
    }

    i[class^="editor-croper-grid-x"] {
        border-left-width: 1px;
        height: 100%;
        width: 0;
    }
    i[class^="editor-croper-grid-y"] {
        border-top-width: 1px;
        width: 100%;
        height: 0;
    }
    .editor-croper-grid-x1{
        left: 33.3332%;
    }
    .editor-croper-grid-x2{
        left: 66.6664%;
    }
    .editor-croper-grid-y1{
        top: 33.332%;
    }
    .editor-croper-grid-y2{
        top: 66.664%;
    }
}