@charset "UTF-8";
.back-btn[data-v-509a2cec] {
  width: 124px;
  height: 40px;
  border-radius: 20px;
  box-sizing: border-box;
  background: linear-gradient(355deg, #EAF3F8 10%, #EDF7FB 89%);
  border: 1px solid #6697D2;
  font-size: 14px;
  font-weight: normal;
  line-height: 40px;
  letter-spacing: 0em;
  color: #1F65BA;
  text-align: center;
  margin: 20px auto;
  cursor: pointer;
}
.topic-box .list[data-v-509a2cec] {
  margin-bottom: 16px;
}
.topic-box .list .left-type[data-v-509a2cec] {
  width: 140px;
  text-align: center;
  background: #EFEFEF;
  line-height: 260px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0em;
  /* 文字/888 */
  color: #888888;
}
.topic-box .list .center-content[data-v-509a2cec] {
  flex: 1;
  background: #FAFAFA;
  box-sizing: border-box;
  padding: 16px 24px;
}
.topic-box .list .center-content .title[data-v-509a2cec] {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0em;
  color: #666666;
}
.topic-box .list .center-content .select-content[data-v-509a2cec] {
  margin: 16px 0;
}
.topic-box .list .center-content .select-content .select-list[data-v-509a2cec] {
  font-size: 12px;
  font-weight: 500;
  color: #666666;
  margin-bottom: 8px;
}
.topic-box .list .center-content .select-content .anwser-style[data-v-509a2cec] {
  color: #0065E1 !important;
}
.topic-box .list .center-content .select-content .anwer-error[data-v-509a2cec] {
  color: #C53434 !important;
}
.topic-box .list .center-content .line[data-v-509a2cec] {
  width: 559px;
  height: 0px;
  border: 1px solid #EFEFEF;
}
.topic-box .list .center-content .anwser[data-v-509a2cec] {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0em;
  color: #3D3D3D;
  margin: 16px 0;
}
.topic-box .list .center-content .anwser span[data-v-509a2cec] {
  /* ABCD */
  color: #0065E1;
}
.topic-box .list .center-content .explain[data-v-509a2cec] {
  font-size: 14px;
  font-weight: 500;
  color: #B8B8B8;
}
.topic-box .list .right-rw .anwser-type[data-v-509a2cec] {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background: #0065E1;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 76px;
  color: #FFFFFF;
  margin: 90px auto;
}
.topic-box .list .right-rw .error[data-v-509a2cec] {
  background: #C53434 !important;
}
.topic-box .list .right-rw .notAnwser[data-v-509a2cec] {
  background: #929292;
}
.detail-btn[data-v-509a2cec] {
  border: 1px solid #A885FF;
  color: #A885FF;
}
.el-button[data-v-509a2cec]:active {
  color: #A885FF !important;
  border-color: #A885FF !important;
}
.el-button[data-v-509a2cec]:focus,
.el-button[data-v-509a2cec]:hover {
  color: #A885FF !important;
  border-color: #A885FF !important;
  background-color: none !important;
}
.flex[data-v-509a2cec] {
  display: flex;
}
.justify-center[data-v-509a2cec] {
  justify-content: center;
}
.justify-content[data-v-509a2cec] {
  justify-content: space-between;
}
.align-items[data-v-509a2cec] {
  align-items: center;
}
.task-kao[data-v-509a2cec] {
  width: 100%;
  padding-bottom: 30px;
}
[data-v-509a2cec].el-table--border,
.el-table--group[data-v-509a2cec] {
  border: none !important;
}
[data-v-509a2cec] .el-table__cell {
  border-right: none !important;
}
.table-box[data-v-509a2cec] {
  padding: 35px;
  background-color: white;
}
.table-box .top-box[data-v-509a2cec] {
  display: flex;
  justify-content: space-between;
}
.table-box .top-box .left-img[data-v-509a2cec] {
  width: 360px;
  height: 200px;
  margin-right: 15px;
  display: block;
}
.table-box .top-box .right-content[data-v-509a2cec] {
  flex: 1;
  padding: 38px;
  box-sizing: border-box;
  background: linear-gradient(274deg, #98C1F4 0%, #68A1DF 96%);
  box-shadow: 0px 4px 6px 0px rgba(152, 0, 0, 0.2);
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
}
.table-box .top-box .right-content .pass[data-v-509a2cec] {
  position: absolute;
  right: -48px;
  top: -54px;
  width: 200px;
  height: 200px;
}
.table-box .top-box .right-content .title img[data-v-509a2cec] {
  width: 29px;
  height: 30px;
  display: block;
}
.table-box .top-box .right-content .title .title-content[data-v-509a2cec] {
  font-size: 28px;
  font-weight: normal;
  line-height: 20px;
  color: #FFFFFF;
  margin-left: 16px;
  margin-right: 22px;
}
.table-box .top-box .right-content .title .type[data-v-509a2cec] {
  max-width: 750px;
  height: 31px;
  border-radius: 5px;
  padding: 0px 16px;
  font-size: 18px;
  font-weight: normal;
  line-height: 31px;
  text-align: center;
  background: #C5D9F1;
  color: #538BCE;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
.table-box .top-box .right-content .introduce[data-v-509a2cec] {
  font-size: 14px;
  font-weight: normal;
  line-height: 31px;
  color: #FFD1D2;
  margin-bottom: 14px;
  margin-top: 16px;
  margin-left: 46px;
}
.table-box .top-box .right-content .time[data-v-509a2cec] {
  width: 251px;
  height: 31px;
  justify-content: center;
  align-items: center;
  background: #1F65BA;
  font-size: 14px;
  font-weight: normal;
  color: #FFFFFF;
  margin-left: 46px;
}
.table-box .top-box .right-content .time span[data-v-509a2cec] {
  color: #FFD1D2;
}
.table-box .course-box[data-v-509a2cec] {
  margin-top: 50px;
}