.editor-attribute{
  display:flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding:10px;
  width:100%;
  height:740px;
  overflow: hidden;
  overflow-y: auto;
  .el-collapse{
    width:100%;
  }

  .el-collapse-item{
    border:1px solid #e5e5e5;
    width:100%;
    padding:10px;
    margin-top:10px;
    border-radius: 10px;
  }
  .el-collapse-item__header,.el-collapse-item__wrap{
      border:none!important;
  }


  .el-form{
    width:100%;
    .line{

      width:100%;
    }


    .attr-items{
      display:flex;
      flex-direction: column;
      .attr-item{
        height:50px;
        font-size:12px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
      }
    }

    .el-form-item{
      margin-bottom:0px;
      .el-form-item__label{
        text-align:left;
      }
      .el-form-item__content{
        text-align:left;
        .input-item{
          width:100%;
        }
        .input-num{
          width:40%;
          margin-left:5px;
        }
        .btn-save{
          display:flex;
          justify-content:flex-end;
          align-items: center;
          width:100%;
          height:50px;
        }

        .header-list{
           border:1px solid #CCC;
           border-radius: 10px;
           height:100px;
          clear:both;
          display:flex;
          flex-direction: column;
          justify-content: flex-start;
          align-items: flex-start;
          overflow: hidden;
          overflow-y: auto;

          .item{
            padding-left:10px;
            width:100%;
            height:20px;
            line-height: 20px;
            color:#000;
          }
          .active-item{
            background:#f1f1f1;
            color:#cfcfcf!important;
          }
        }
        .opt{
          width:100%;
          height:50px;
          display:flex;
          flex-direction: row;
          justify-content: space-evenly;
          align-items: center;
        }

      }
    }
  }

}


