.editor{
  width:990px;
  min-height:100vh;
  margin:auto;
  display:flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left:0px;
  .editor-empty{
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
  }

  .layers{
    width:90%;
    // min-height:30px;
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    align-content: flex-start;
    position: relative;
    // min-height:50px;
    .main{
      width:100%;
      height:100%;
      display:flex;
      flex-direction: column;
      justify-content: flex-start;
      align-content: flex-start;
      border:1px dashed #CCC;

      &:hover{
          border:1px dashed red;
      }

      .empty-box{
        border:1px dashed #CCC;
        width:100%;
        height:40px;
      }
    }
    .label{
       position: absolute;
       top:50%;
       right:-80px;
       width:80px;
       height:50px;
       line-height: 50px;
       transform: translateY(-50%);
       color: #323233;
       background-color: #fff;
       text-align:center;
       font-size:12px;
       -webkit-box-shadow: 0 0 4px 0 rgba(10,42,97,.2);
       box-shadow: 0 0 4px 0 rgba(10,42,97,.2);

         .del{
           width:100%;
           position:absolute;
           height:100%;
           background:#000;
           opacity: 0.8;
           top:0px;
           left:0px;
           display:none;
         }
         &:hover{
            .del{
              display:block;
            }
         }



    }
    .controller{
      position:absolute;
      top:0px;
      right:-50px;
      width:50px;
      height:100px;
      font-size:12px;
      border:1px dashed #CCC;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      .attr{
        height:50px;
        width:100%;
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom:1px solid #FFF;
        .attr-icon-size{
          width:28px;
          height:28px;
        }
      }
      .del{
        height:50px;
        width:100%;
        display: flex;
        justify-content: center;
        align-items: center;
        .attr-icon-size{
          width:28px;
          height:28px;
        }
      }
    }
  }

  .active-layer{
    border: 1px solid blue;
  }

}
