.cc-edit-upload {
  &-main {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 8;

    .el-upload-dragger {
      height: auto;
    }
    .el-upload-input {
      display: none;
    }
  }
  &-cover {
    height: 400px;
    > img {
      display: block;
      height: 100%;
      width: auto;
      margin: 0 auto;
    }
  }
  &-dcover {
    padding: 109px 0;
    > i {
      font-size: 160px;
      color: #999;
    }
  }
  &-edit {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
  }

  &-edit-box {
    height: 350px;
    position: relative;
    .img-progress {
      position: absolute;
      height: 10px;
      width: 100%;
      bottom: 0;
      left: 0;
      z-index: 7;
    }
  }
  &-edit-btns {
    height: 50px;
    padding-top: 10px;
    text-align: center;
    button {
      margin: 0 10px;
    }
  }
  &-tips {
    position: absolute;
    top: 405px;
    left: 0;
    font-size: 14px;
    z-index: 9;
  }
}

.cc-tips {
  &-success {
    color: #4c9dff;
  }
  &-error {
    color: #ed4014;
  }
}
