.rate-dialog {
  background-color: #fff;
  border-radius: unset;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.rate-dialog .el-dialog__header {
    display: none;
}
.rate-dialog .rate-wrap {
    width: 100%;
    border: 1px solid #006cff;
    padding: 2.5rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: D-DIN;
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #505050;
}
.rate-dialog .rate-wrap .rate-content {
      padding: 2rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      margin: 1.5rem 0;
      border: 1px solid #b8d5ff;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
}
.rate-dialog .rate-wrap .rate-content .rate-title {
        font-family: D-DIN-Bold;
        color: #3c3c3c;
        margin-bottom: 1.5rem;
}
.rate-dialog .rate-wrap .rate-content .set-rate {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        margin-bottom: 10px;
}
.rate-dialog .rate-wrap .rate-content .set-rate img {
          height: 1.5rem;
          margin: 0 8px;
}
.rate-dialog .rate-wrap .rate-content .score-view {
        font-family: D-DIN-Bold;
        color: #006cff;
}
.rate-dialog .rate-wrap .comment-score-btn {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
}
.rate-dialog .rate-wrap .comment-score-btn .btn-item {
        min-width: 6.75rem;
        padding: 0 8px;
        height: 2rem;
        line-height: 2rem;
        border: 1px solid #006cff;
        font-size: 1.125rem;
        color: #006cff;
        text-align: center;
        margin: 0 10px;
        cursor: pointer;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
}
.rate-dialog .rate-wrap .comment-score-btn .btn-item:hover {
          background-color: #006cff;
          color: #fff;
}


.scorm-player[data-v-1328133c] {
  position: relative;
  width: 100vw;
  height: calc(100vh - 4.5rem);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.back-index[data-v-1328133c] {
  position: fixed;
  top: calc(4.5rem + 1.25rem);
  right: 1.25rem;
  padding: 8px 1.5rem;
  font-size: 1.5rem;
  border-radius: 1.5rem;
  color: #005fff;
  background: rgba(255, 255, 255, 0.51);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ffffff;
  /* border-image: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.26) 45%, #ffffff 99%) 1; */
  backdrop-filter: blur(10px);
&[data-v-1328133c]::after {
    content: '';
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    border-top: 1px solid #005fff;
    border-right: 1px solid #005fff;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    margin-left: 8px;
}
}