.el-dialog-noborder {
    /deep/ {
      .el-dialog {
        width: 725px;
        max-height: 600px;
      }
      .el-dialog__header {
        border: none;
        padding: 0;
      }
      .el-dialog__body {
        max-height: 68vh;
        padding: 0;
        overflow-x: hidden;
        overflow-y: scroll;
        background-color: #48c2bb;
      }
    }
    .top-close {
      position: absolute;
      z-index: 1001;
      cursor: pointer;
      top: -35px;
      right: 20px;
      font-size: 30px;
    }
    .top {
      position: relative;
      .top-bg {
        width: 100%;
      }
      .top-class-name {
        font-size: 24px;
        position: absolute;
        top: 57%;
        left: 50%;
        transform: translate(-50%, 0);
        background-color: #fad53f;
        border-radius: 25px;
        padding: 10px 0px;
        width: 300px;
        text-align: center;
      }
    }
    .content-one {
      height: 300px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-align: center;
      padding: 0 60px;
      .content-top {
        display: flex;
        .top-font {
          flex: 1;
          font-size: 30px;
          line-height: 55px;
          color: #30c793;
          .font-image {
            width: 30px;
          }
          .font-color {
            color: #8c8c8c;
          }
          .font-color-correct {
            color: #76b098;
          }
          .font-precent {
            font-size: 22px;
            color: #a5a9a8;
          }
          .font-false {
            color: #c9536b;
          }
        }
      }
      .content-time {
        margin-top: 40px;
        font-size: 22px;
        color: #a5a9a8;
      }
    }
    .content-two {
      margin: 80px 40px 80px 40px;
      min-height: 200px;
      .skilled-content {
        .content-title {
          display: flex;
          .title-font {
            flex: 1;
            font-size: 20px;
            text-align: center;
            border: 2px solid white;
            background-color: #e9f6ff;
            color: black;
            padding: 20px 0;
          }
          .font-small {
            font-size: 15px;
          }
        }
      }
      .skilled {
        margin-bottom: 50px;
        .skilled-top {
          position: relative;
          .top-image {
            width: 130px;
          }
          .top-font {
            position: absolute;
            top: 7px;
            left: 10px;
            font-size: 20px;
            color: white;
          }
        }
      }
      .unSkilled {
        .unSkilled-top {
          position: relative;
          text-align: right;
          .top-image {
            width: 200px;
          }
          .top-font {
            position: absolute;
            top: 7px;
            right: 10px;
            font-size: 20px;
            color: white;
          }
        }
      }
    }
    .content-three {
      margin: 80px 40px 80px 40px;
      min-height: 100px;
      display: flex;
      flex-wrap: wrap;
      .answer-info {
        position: relative;
        flex-basis: 110px;
        cursor: pointer;
        margin-bottom: 20px;
        .info-num {
          height: 40px;
          width: 40px;
          border-radius: 20px;
          text-align: center;
          line-height: 40px;
          font-size: 17px;
          background-color: #b79fdd;
          color: white;
          position: absolute;
          top: -17px;
          left: -5px;
        }
      }
    }
    .content-four {
      display: flex;
      margin: 80px 10px 80px 10px;
      min-height: 200px;
      .class-outline {
        flex: 1;
        text-align: center;
        .outline-title {
          font-size: 20px;
          font-weight: bold;
          margin-bottom: 40px;
        }
        .outline-content-v {
          width: 90%;
          margin-bottom: 9px;
          text-align: center;
          font-size: 12px;
          border-radius: 5px;
          padding: 15px 0;
        }
        .outLine-color-more {
          background-color: #e9f6ff;
          color: #89adc3;
        }
        .outLine-color-less {
          background-color: #fae8d4;
          color: #d3af7b;
        }
      }
      .class-none {
        flex: 1;
        width: 90%;
        height: 17px;
        border-radius: 5px;
        padding: 15px 0;
      }
    }
  }