forgeplus-react/src/glcc/interimReview/index.scss

.interimBox{
  background-image:linear-gradient(180deg,#ebf2ff 0%,#ebf2ff 43.09%,#f3f4f8 100%);
  padding-bottom: 125px;
  position: relative;
  .bg1, .bg2{
    width: 150px;
    position: absolute;
    top: 45%;
    left: 6%;
  }
  .bg2{
    top: auto;
    left: auto;
    right: 20%;
    bottom: 0;
  }
  &.glcc-check .bg1{top: 36%;}
  .bannerInterim{
    width: 100%;
  }
  .navBox{
    padding: 20px 0 10px;
    color:#202d40;
    border-bottom: 1px dashed #bec5d5;
    .linkBox{
      color:#a4aabb;
      &:hover{color: $primary-color;}
    }
  }
  .mainBox{
    width: 1200px;
    margin: 0 auto;
    z-index: 1;
    position: relative;
  }
  .tipBox{
    padding: 12px 20px;
    color:#6c7283;
    line-height: 2.5;
    background-color:#e4edff;
    .spanBox{color: #000;}
    div{line-height: 1.8;margin-bottom: 10px;}
    .blueSpan{
      color: $primary-color;
      &:hover{color: $primary-color-hover;}
    }
  }
  .titleBox{color: #333;}
  .referBox{
    margin-top: 25px;
    background-color:rgba(255, 255, 255, 0.27);
    border:1px solid #ffffff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 30px 0;
    position: relative;
    .referItem{
      width: 47%;
      display: flex;
      .ant-form-item-control-wrapper{flex-grow: 1;}
      &.oneCont{
        width: 97%;
        .ant-upload-list-item{width: 30%;}
        .ant-upload-list-item:hover .ant-upload-list-item-info{background: none;}
      }
      .ant-input, .uploadBox{
        border-color:#b3c3db;
        background: none !important;
      }
      .contentBox{
        padding: 10px 11px 20px
      }
    }
    &.tutor{
      border: none;
      margin-top: -20px;
      background: none;
      .remarkBox{
        position: relative;
        flex: 0.97;
        .has-error .ant-form-explain{
          position: absolute;
        }
      }
      .oneCont{display: block;}
      .wordNum{
        position: absolute;
        right: 55px;
        bottom: 10px;
      }
      .referItem{margin-bottom: 5px;}
    }
  }
  .tutorContent{
    border: 1px solid #fff;
    margin-top: 40px;
    background-color: #f1f6ff;
    .task-tabs {
      margin-top: 0px;
      border: none;
      background: none;
      .task-title-stuName{
        font-weight:700;
        color:#333;
        padding-bottom: 25px;
        border-bottom:1px dashed #bec5d5;
      }
    }
  }
  .reviewBox{
    .successReviewBox{
      color:#2dab4d;
      background-color:rgba(82, 206, 152, 0.11);
      border:1px solid rgba(36, 167, 67, 0.61);
      margin: -5px 20px 20px;
      padding: 6px 15px;
    }
    .title{
      color:#333333;
      display: flex;
      align-items: center;
      .blueBox{
        display: inline-block;
        width:5px;
        height:14px;
        background-color:#466aff;
        margin-right: 8px;
      }
    }
    .flexBox{
      color:#202d40;
      border-bottom: 1px dashed #bec5d5;
      div{
        display: flex;
        align-items: baseline;
        margin-bottom: 10px;
        .blueSpan{
          color: $primary-color;
          word-break: break-all;
          display: block;
          flex: 1;
        }
        .pptAttachment{
          color: $primary-color;
          max-width: 80%;
        }
      }
    }
  }
  .resultBox{
    padding: 30px 20px 50px 20px;
    .nullDateTip{color: #ff3838;}
    &.nullData .flexBox div{align-items: center;}
    .blueBg{
      width: 85%;
      min-height: 36px;
      display: inline-block;
      padding: 4px 10px;
      background-color:rgba(70, 106, 255, 0.05);
      border-radius:4px;
      word-break: break-all;
    }
    .mustSpan{
      position: relative;
      padding-left: 10px;
      &::before{
        content: '*';
        color: #ff3838;
        font-size: 18px;
        position: absolute;
        left: 8px;
        top: 3px;
      }
      &.ppt::before{
        top: -2px;
        left: 12px;
      }
    }
    .flexBox{
      border: none;
      width: 100%;
    }
    .tutorRes{
      width: 100%;
      background-color:rgba(107, 136, 255, 0.05);
      border-radius:4px;
      color:#6c7283;
      padding: 16px 30px 30px 20px;
      .smallTil{
        color: #202d40;
      }
      .passStatusBox{
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width:59px;
        height:28px;
        color:#d2001d;
        background-color:rgba(251, 0, 34, 0.06);
        border:1px solid #df001f;
        border-radius:6px;
        &.pass{
          color:#2dab4d;
          background-color:rgba(82, 206, 152, 0.11);
          border-color:rgba(36, 167, 67, 0.61);
        }
      }
      .blueSpan{color: $primary-color;}
    }
    .tutorRemark{
      word-break: break-all;
      flex: 1;
      color:#6c7283;
    }
  }
}
.interimBox.resultListBox{
  .searchBox{
    display: flex;
    align-items: center;
  }
  .resultListTable th.columnsResult.actionBox .ant-table-column-title{
    visibility: visible;
  }
  .projectDetailBox.nodata{
    margin: 0 auto;
  }
}