.el-dialog-line-work {
    /deep/ {
      .el-progress__text {
        font-size: 40px !important;
        color: #60b699;
        top: 75px;
        left: 5px;
      }
      .el-dialog__body {
        padding: 0;
      }
    }
    .top-close {
      position: absolute;
      z-index: 1001;
      cursor: pointer;
      top: 0px;
      right: 10px;
      font-size: 30px;
    }
    .line-work {
      background-image: url('images/homework-report-bg.png');
      background-size: cover;
      width: 100%;
      .work-top {
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        .work-font {
          text-align: center;
          line-height: 70px;
          font-size: 30px;
          background-image: url('images/homework-report-title.png');
          background-size: 100% 100%;
          width: 480px;
          height: 100px;
        }
      }
      .work-content {
        position: relative;
        margin: 30px 30px;
        padding: 20px 10px;
        min-height: 400px;
        border-radius: 30px;
        background-color: #a7e7db;
        .content-img {
          position: absolute;
          left: 50%;
          transform: translate(-50%, 0);
          top: -40px;
          .img-pos {
            width: 360px;
          }
          .img-font {
            color: white;
            font-size: 22px;
            position: absolute;
            top: 30px;
            left: 50%;
            transform: translate(-50%, 0);
          }
        }
        .content {
          min-height: 400px;
          border-radius: 25px;
          background-color: white;
          text-align: center;
          .content-gold {
            font-size: 25px;
            color: #70b6af;
            padding-top: 50px;
            margin-bottom: 30px;
          }
          .content-pie {
            position: relative;
            .progress-font {
              position: absolute;
              font-size: 20px;
              top: 115px;
              left: 50%;
              transform: translateX(-50%);
            }
          }
          .content-num {
            width: 400px;
            margin-left: 90px;
            margin-top: 30px;
            padding: 20px 0px;
            background-color: #f5f5f5;
            border-radius: 40px;
            text-align: center;
            .num {
              display: flex;
              .num-correct {
                flex: 1;
                display: flex;
                justify-content: center;
                align-items: center;
                .correct-font {
                  padding-left: 20px;
                  font-size: 20px;
                }
              }
            }
          }
          .content-time {
            padding: 50px 0;
            font-size: 20px;
            .time-pos {
              padding-left: 30px;
            }
            .time-color {
              color: #a1bdb7;
            }
          }
          .content-order-num {
            display: flex;
            flex-wrap: wrap;
            padding: 30px 50px;
            .order {
              position: relative;
              cursor: pointer;
              margin: 20px 37px;
              .order-num {
                height: 80px;
                width: 80px;
                border-radius: 40px;
                text-align: center;
                line-height: 80px;
                font-size: 35px;
                font-weight: bold;
                color: white;
                background-color: #fc7176;
              }
              .order-img {
                bottom: 0px;
                right: -5px;
                width: 30px;
                position: absolute;
              }
            }
          }
        }
      }
    }
  }