proginn-frontend/assets/css/kaifain/kaifainAddNoScoped.scss

input {
  height: 44px !important;
}

.my-editor {
  background-color: transparent !important;
}

.my-editor .ql-editor, .my-editor .quill-editor {
  height: calc(100% - 52px);
}

.uploadInfo {
  .left {
    width: 155px;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    background: #fff;
    .el-icon-delete {
      display: none;
    }
    .avatar-uploader .el-upload {
      width: 155px;
      height: 155px;
      border: 1px dashed #409eff;
      border-radius: 6px;
      cursor: pointer;
      position: relative;
      overflow: hidden;
      img {
        width: 100%;
        height: auto;
        object-fit: contain;
        object-position: top left;
      }
    }
    .avatar-uploader .el-upload:hover {
      border-color: #409eff;
      .el-icon-delete {
        display: block;
      }
    }
    .avatar-uploader-icon {
      position: absolute;
      top: 0;
      left: 0;
      font-size: 44px;
      color: #409eff;;
      width: 155px;
      height: 155px;
      line-height: 120px;
      text-align: center;
    }
    .avatar {
      width: 155px;
      height: 155px;
      display: block;
    }
    .title {
      position: absolute;
      left: 50%;
      bottom: 40px;
      transform: translateX(-50%);
      font-size: 13px;
      font-weight: 500;
      color: #409eff;
      line-height: 18px;
      text-decoration: underline;
    }

    .rightTips {
      height: 19px;
      font-size: 13px;
      font-weight: 400;
      color: rgba(153, 153, 153, 1);
      line-height: 19px;
      text-align: center;
    }
  }
  .right {

  }
}

.diaContentWork {
  padding:0 25px;
  max-height: 500px;
  overflow-x: hidden;
  overflow-y: scroll;
  .taskName, .ourLogo, .taskDesc, .taskFile{
    margin-top: 20px;
    .name {
      flex-shrink: 0;
      height:20px;
      font-size:14px;
      font-weight:500;
      color:rgba(25,34,46,1);
      line-height:20px;
      margin-bottom: 3px;
    }
    .value {
      flex-grow: 1;
      .uploadInfo {
        display: flex;
        align-items: center;
        .left {
          width: 120px;
          flex-shrink: 0;
          overflow: hidden;
          position: relative;
          background: #fff;
          .el-icon-delete {
            display: none;
          }
          .avatar-uploader .el-upload {
            width: 120px;
            height: 120px;
            border: 1px dashed #dce1e8;
            border-radius: 6px;
            cursor: pointer;
            position: relative;
            overflow: hidden;
            img {
              width: 100%;
              height: auto;
              object-fit: contain;
              object-position: top left;
            }
          }
          .avatar-uploader .el-upload:hover {
            border-color: #409eff;
            .el-icon-delete {
              display: block;
            }
          }
          .avatar-uploader-icon {
            position: absolute;
            top: 0;
            left: 0;
            font-size: 44px;
            color: #dce1e8;;
            width: 120px;
            height: 120px;
            line-height: 120px;
            text-align: center;
          }
          .avatar {
            width: 120px;
            height: 120px;
            display: block;
          }
          .title {
            position: absolute;
            left: 50%;
            bottom: 40px;
            transform: translateX(-50%);
            font-size: 13px;
            font-weight: 500;
            color: #dce1e8;
            line-height: 18px;
            text-decoration: underline;
          }

          .rightTips {
            height: 19px;
            font-size: 13px;
            font-weight: 400;
            color: rgba(153, 153, 153, 1);
            line-height: 19px;
            text-align: center;
          }
        }
      }
    }
  }
  .taskDesc {
    .value {
      width:524px;
      height:400px;
      background:rgba(255,255,255,1);
      border-radius:2px;
      border:1px solid rgba(215,223,232,1);
    }
  }

  .taskDesc {
    margin-top: 33px;
  }
}


.dialog-footer {
  margin-left: 25px;
  display: flex;
  align-items: center;

  .preview {
    margin-top: 30px;
    cursor: pointer;
    color: #666;
  }
  .submit, .cancle {
    margin-left: 10px;
    margin-top: 35px;
    width:115px;
    height:44px;
    background:rgba(48,142,255,1);
    box-shadow:0px 2px 6px 0px rgba(48,142,255,0.3);
    border-radius:2px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    p {
      height:20px;
      font-size:14px;
      font-weight:500;
      color:rgba(255,255,255,1);
      line-height:20px;
    }
  }
  .cancle {
    background:rgba(236,236,236,1);
    border-radius:2px;
    p {
      color:rgba(102,102,102,1);
    }
  }
}

.uploadFileWord {
  height:20px;
  font-size:14px;
  font-weight:400;
  color:rgba(0,147,253,1);
  line-height:20px;
  text-decoration: underline;
}

.uploadFileTip {
  margin-top: 10px;
  margin-left: 13px;
  height:17px;
  font-size:12px;
  font-weight:400;
  color:rgba(153,153,153,1);
  line-height:17px;
}