.it_item[data-v-35464970] {
  width: 298px;
  height: 92px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 16px;
  font-size: 12px;
  text-align: left;
  color: #a0a0a0;
  line-height: 16px;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 16px;
  margin-bottom: 16px;
}
.it_item .item_name[data-v-35464970] {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #282828;
  line-height: 20px;
}
.it_item .item_btn[data-v-35464970] {
  color: #505050;
  margin-right: 8px;
}
.it_item[data-v-35464970]:nth-child(3n) {
  margin-right: 0;
}
.it_item[data-v-35464970]:hover {
  border: 1px solid #2F6AFF;
  background: #f2f7ff;
}
.it_item:hover .item_btn[data-v-35464970],
.it_item:hover .item_name[data-v-35464970] {
  color: #2F6AFF;
}
.forward_icon[data-v-35464970] {
  width: 16px;
  height: 16px;
}

.img_box[data-v-8ee6fb24] {
  width: 16px;
  height: 16px;
  margin: 0 24px;
}
.img_box img[data-v-8ee6fb24] {
  width: 100%;
  height: 100%;
}
.modal[data-v-8ee6fb24] {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-content[data-v-8ee6fb24] {
  width: 560px;
  background: #ffffff;
  border-radius: 12px;
}
.title_box[data-v-8ee6fb24] {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #282828;
  padding: 12px 0;
  border-bottom: 1px solid #D8D8D8;
}
h5[data-v-8ee6fb24] {
  font-size: 14px;
  color: #a0a0a0;
  line-height: 22px;
  padding: 14px 0 8px 32px;
  font-weight: normal;
}
.close[data-v-8ee6fb24] {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close[data-v-8ee6fb24]:hover,
.close[data-v-8ee6fb24]:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
table[data-v-8ee6fb24] {
  border-collapse: collapse;
  margin: 0 32px;
}
th[data-v-8ee6fb24] {
  background: #f8f8f8;
}
th[data-v-8ee6fb24],
td[data-v-8ee6fb24] {
  border: 1px solid #E6E6E6;
  height: 40px;
  box-sizing: border-box;
  font-size: 14px;
}
input[data-v-8ee6fb24] {
  width: 16px;
  height: 16px;
  border-radius: 4px;
}
.scrollable-body[data-v-8ee6fb24] {
  display: block;
  max-height: 240px;
}
.scrollable-body tr[data-v-8ee6fb24] {
  display: table;
  table-layout: fixed;
  /* 使表格布局固定 */
}
table th[data-v-8ee6fb24]:nth-child(1),
table td[data-v-8ee6fb24]:nth-child(1) {
  text-align: center;
  width: 58px !important;
}
table th[data-v-8ee6fb24]:nth-child(2),
table td[data-v-8ee6fb24]:nth-child(2) {
  text-align: center;
  width: 334px;
}
table th[data-v-8ee6fb24]:nth-child(3),
table td[data-v-8ee6fb24]:nth-child(3) {
  text-align: center;
  width: 110px;
}
.export_btn[data-v-8ee6fb24] {
  padding: 0 32px;
  background: #282828;
  border-radius: 6px;
  border: none;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  line-height: 36px;
  margin: 26px auto;
}

.img_box[data-v-6a5431e0] {
  width: 16px;
  height: 16px;
  margin: 0 24px;
}
.img_box img[data-v-6a5431e0] {
  width: 100%;
  height: 100%;
}
.modal[data-v-6a5431e0] {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-content[data-v-6a5431e0] {
  width: 560px;
  background: #ffffff;
  border-radius: 12px;
}
.title_box[data-v-6a5431e0] {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #282828;
  line-height: 22px;
  padding: 12px 0;
  border-bottom: 1px solid #e6e6e6;
}
h5[data-v-6a5431e0] {
  font-size: 14px;
  color: #a0a0a0;
  line-height: 22px;
  padding: 14px 0 8px 32px;
  font-weight: normal;
}
.close[data-v-6a5431e0] {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close[data-v-6a5431e0]:hover,
.close[data-v-6a5431e0]:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.list[data-v-6a5431e0] {
  max-height: 378px;
  overflow-x: auto;
  padding-bottom: 20px;
}
.list .item[data-v-6a5431e0] {
  margin: 0 32px;
  padding: 12px 0;
  box-sizing: border-box;
  font-size: 14px;
  color: #282828;
  border-bottom: 1px solid #E6E6E6;
}
.list .item .item-num[data-v-6a5431e0] {
  font-size: 14px;
  color: #a0a0a0;
  line-height: 22px;
}
.list .item .item-btn[data-v-6a5431e0] {
  padding: 0 14px;
  background: #2f6aff;
  border-radius: 20px;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  line-height: 32px;
  margin-left: 18px;
}
.list .item[data-v-6a5431e0]:last-child {
  border-bottom: none;
}

.img_box[data-v-4d6456de] {
  width: 16px;
  height: 16px;
  margin: 0 24px;
}
.img_box img[data-v-4d6456de] {
  width: 100%;
  height: 100%;
}
.modal[data-v-4d6456de] {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-content[data-v-4d6456de] {
  width: 560px;
  background: #ffffff;
  border-radius: 12px;
}
.title_box[data-v-4d6456de] {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #282828;
  padding: 12px 0;
  border-bottom: 1px solid #D8D8D8;
}
h5[data-v-4d6456de] {
  font-size: 14px;
  color: #a0a0a0;
  line-height: 20px;
  padding: 14px 32px 0 32px;
  font-weight: normal;
}
.close[data-v-4d6456de] {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close[data-v-4d6456de]:hover,
.close[data-v-4d6456de]:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.list[data-v-4d6456de] {
  padding-bottom: 20px;
}
.list .item[data-v-4d6456de] {
  margin: 0 32px;
  padding: 12px 0;
  box-sizing: border-box;
  font-size: 14px;
  color: #282828;
  border-bottom: 1px solid #E6E6E6;
}
.list .item .item-num[data-v-4d6456de] {
  font-size: 16px;
  color: #a0a0a0;
  line-height: 22px;
}
.list .item .item-btn[data-v-4d6456de] {
  padding: 0 14px;
  background: #2f6aff;
  border-radius: 20px;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  line-height: 32px;
  margin-left: 18px;
}
.list .item .item-hot[data-v-4d6456de] {
  width: 72px;
  background: #ff933d;
  border-radius: 4px;
  font-size: 12px;
  text-align: center;
  color: #ffffff;
  line-height: 24px;
  margin-left: 12px;
}
.list .item[data-v-4d6456de]:last-child {
  border-bottom: none;
}

.wq[data-v-b3d32216] {
  padding: 20px;
  background-color: white;
  min-height: 720px;
  border-radius: 8px;
}
.wq .data_wrap[data-v-b3d32216] {
  width: 926px;
  height: 390px;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  box-sizing: border-box;
  margin-bottom: 24px;
  padding-top: 20px;
  padding-right: 25px;
}
.wq .data_wrap h5[data-v-b3d32216] {
  font-size: 16px;
  font-weight: bold;
  color: #282828;
  line-height: 22px;
  margin-bottom: 22px;
  padding-left: 20px;
}
.wq .data_wrap .picture_wrap[data-v-b3d32216] {
  flex: 1;
  margin-left: 22px;
}
.wq .data_wrap .item[data-v-b3d32216] {
  width: 268px;
  border-bottom: 1px solid #e6e6e6;
  font-size: 14px;
  color: #282828;
  line-height: 22px;
  padding-top: 30px;
  padding-bottom: 30px;
  font-weight: bold;
}
.wq .data_wrap .item img[data-v-b3d32216] {
  width: 40px;
  height: 40px;
  margin-right: 16px;
}
.wq .data_wrap .item .item_num[data-v-b3d32216] {
  font-size: 12px;
  text-align: left;
  color: #a0a0a0;
  line-height: 16px;
  font-weight: normal;
  margin-top: 2px;
}
.wq .data_wrap .item .item_btn[data-v-b3d32216] {
  width: 100px;
  height: 40px;
  background: #2f6aff;
  border-radius: 20px;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  line-height: 40px;
}
.wq .data_wrap .item .item_btn_disable[data-v-b3d32216] {
  background: #f0f0f0;
  color: #A0A0A0;
}
.wq .data_wrap .item[data-v-b3d32216]:nth-child(3) {
  border: none;
}
.wq .title[data-v-b3d32216] {
  font-size: 16px;
  text-align: left;
  color: #282828;
  line-height: 22px;
  font-weight: bold;
  margin-bottom: 16px;
}
.wq .setup[data-v-b3d32216] {
  font-size: 14px;
  text-align: left;
  color: #282828;
  line-height: 22px;
  margin-bottom: 24px;
}
.wq .setup .switch[data-v-b3d32216] {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 20px;
  margin-left: 16px;
}
.wq .setup .switch-slider[data-v-b3d32216] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 34px;
}
.wq .setup .switch-slider[data-v-b3d32216]:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}
.wq .setup .switch-active[data-v-b3d32216] {
  background-color: #2F6AFF;
}
.wq .setup .switch-active[data-v-b3d32216]:before {
  transform: translateX(14px);
}
.wq .export_btn[data-v-b3d32216] {
  padding: 0 26px;
  height: 40px;
  background: #282828;
  border-radius: 6px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  line-height: 40px;
}
.wq .list[data-v-b3d32216] {
  margin-top: 20px;
  flex-wrap: wrap;
}
.txt_blue[data-v-b3d32216] {
  color: #2F6AFF;
}
.num_list[data-v-b3d32216] {
  padding-left: 32px;
}
.num_list .num_item[data-v-b3d32216] {
  width: 58px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  box-sizing: border-box;
  font-size: 14px;
  text-align: center;
  color: #787878;
  line-height: 40px;
  margin-right: 10px;
}
.num_list .num_item_active[data-v-b3d32216] {
  border: 1px solid #2F6AFF;
  background: #2F6AFF;
  color: white;
}

.wq[data-v-1cf66c72] {
  padding: 20px;
  background-color: white;
  min-height: 720px;
  border-radius: 8px;
}
.wq .type_tab div[data-v-1cf66c72] {
  font-size: 16px;
  text-align: center;
  color: #505050;
  line-height: 22px;
  margin-right: 40px;
}
.wq .type_tab div p[data-v-1cf66c72] {
  width: 24px;
  height: 3px;
  border-radius: 2px;
  margin: 4px auto 0;
}
.wq .type_tab .active[data-v-1cf66c72] {
  font-weight: bold;
  color: #2f6aff;
}
.wq .type_tab .active p[data-v-1cf66c72] {
  background: #2f6aff;
}
.wq .export_btn[data-v-1cf66c72] {
  padding: 0px 18px;
  height: 34px;
  border-radius: 6px;
  font-size: 14px;
  text-align: center;
  line-height: 34px;
  font-weight: normal;
  color: #a0a0a0;
  border-color: #d7dde4;
  border: 1px solid #f0f0f0;
}
.wq .export_btn[data-v-1cf66c72]:hover {
  border: 1px solid #2f6aff;
  color: #2f6aff;
  background-color: #F2F7FF;
}
.wq .list[data-v-1cf66c72] {
  margin-top: 24px;
  flex-wrap: wrap;
}
.txt_blue[data-v-1cf66c72] {
  color: #2F6AFF;
}

.rt_item[data-v-b2ad70ce] {
  width: 298px;
  min-height: 128px;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 16px;
  font-size: 12px;
  text-align: left;
  color: #a0a0a0;
  line-height: 16px;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 16px;
  margin: 16px 16px 0 0;
}
.rt_item .item_name[data-v-b2ad70ce] {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #282828;
  line-height: 20px;
  margin-bottom: 8px;
}
.rt_item .item_btn[data-v-b2ad70ce] {
  width: 80px;
  height: 28px;
  background: #2f6aff;
  border-radius: 18px;
  font-size: 12px;
  text-align: center;
  color: #ffffff;
  line-height: 28px;
}
.rt_item[data-v-b2ad70ce]:nth-child(3n) {
  margin-right: 0;
}
.rt_item[data-v-b2ad70ce]:hover {
  border: 1px solid #2F6AFF;
  background: #f2f7ff;
}
.rt_item:hover .score[data-v-b2ad70ce],
.rt_item:hover .item_name[data-v-b2ad70ce] {
  color: #2F6AFF;
}
.forward_icon[data-v-b2ad70ce] {
  width: 16px;
  height: 16px;
}
.pr12[data-v-b2ad70ce] {
  padding-right: 12px;
}


.pagination-container button[data-v-026f7de0] {
  /* 你的按钮样式 */
  width: 32px;
  height: 32px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  margin: 0 2px;
  font-size: 14px;
  text-align: center;
  color: #a0a0a0;
  line-height: 32px;
}
.pagination-container button.active[data-v-026f7de0] {
  /* 当前激活页码的样式 */
  width: 32px;
  height: 32px;
  background: #2f6aff;
  border-radius: 2px;
  text-align: center;
  color: #ffffff;
}
img[data-v-026f7de0] {
  width: 32px;
  height: 32px;
  padding: 0 2px;
}

.tips[data-v-e6a36a74] {
  height: 32px;
  background: #fff4eb;
  font-size: 14px;
  color: #ff933d;
  line-height: 32px;
  padding-left: 20px;
}
.ar_list[data-v-e6a36a74] {
  padding: 0 20px 20px;
  flex-wrap: wrap;
}
.record .item_time[data-v-e6a36a74] {
  height: 32px;
  background: #f8f8f8;
  font-size: 14px;
  text-align: left;
  color: #a0a0a0;
  line-height: 32px;
  padding-left: 20px;
}
.record .record_list[data-v-e6a36a74] {
  padding: 0 20px;
  flex-wrap: wrap;
}
.record .record_list .record_list_item[data-v-e6a36a74] {
  width: 298px;
  min-height: 128px;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 16px;
  font-size: 12px;
  text-align: left;
  color: #a0a0a0;
  line-height: 16px;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 16px;
  margin: 16px 16px 0 0;
}
.record .record_list .record_list_item .item_name[data-v-e6a36a74] {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #282828;
  line-height: 20px;
  margin-bottom: 8px;
}
.record .record_list .record_list_item .forward_icon[data-v-e6a36a74] {
  width: 16px;
  height: 16px;
  background: url(//img.cdeledu.com/ADVC/2024/0812/fe5e147139a92b03-0.png);
  background-size: 100% 100%;
  margin-left: 8px;
}
.record .record_list .zrecord_list_item[data-v-e6a36a74] {
  width: 298px;
  min-height: 176px;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 16px;
  font-size: 12px;
  text-align: left;
  color: #a0a0a0;
  line-height: 16px;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 16px;
  margin: 16px 16px 0 0;
}
.record .record_list .zrecord_list_item .item_name[data-v-e6a36a74] {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #282828;
  line-height: 20px;
  margin-bottom: 8px;
}
.record .record_list .zrecord_list_item .item_content[data-v-e6a36a74] {
  margin-top: 8px;
  color: #282828;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  /* 限制在3行 */
  overflow: hidden;
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
  word-break: break-all;
  /* 允许在任意字符处断行 */
}
.record .record_list .zrecord_list_item .forward_icon[data-v-e6a36a74] {
  width: 16px;
  height: 16px;
  background: url(//img.cdeledu.com/ADVC/2024/0812/fe5e147139a92b03-0.png);
  background-size: 100% 100%;
  margin-left: 8px;
}
.record .record_list .zrecord_list_item[data-v-e6a36a74]:hover,
.record .record_list .record_list_item[data-v-e6a36a74]:hover {
  border: 1px solid #2F6AFF;
  background: #f2f7ff;
}
.record .record_list .zrecord_list_item:hover .item_content[data-v-e6a36a74],
.record .record_list .record_list_item:hover .item_content[data-v-e6a36a74],
.record .record_list .zrecord_list_item:hover .item_bottom[data-v-e6a36a74],
.record .record_list .record_list_item:hover .item_bottom[data-v-e6a36a74],
.record .record_list .zrecord_list_item:hover .score[data-v-e6a36a74],
.record .record_list .record_list_item:hover .score[data-v-e6a36a74],
.record .record_list .zrecord_list_item:hover .item_name[data-v-e6a36a74],
.record .record_list .record_list_item:hover .item_name[data-v-e6a36a74] {
  color: #2F6AFF;
}
.record .record_list .zrecord_list_item:hover .forward_icon[data-v-e6a36a74],
.record .record_list .record_list_item:hover .forward_icon[data-v-e6a36a74] {
  background: url(//img.cdeledu.com/ADVC/2024/0812/01af4d025a98a846-0.png);
  background-size: 100% 100%;
}
.record .record_list .zrecord_list_item[data-v-e6a36a74]:nth-child(3n),
.record .record_list .record_list_item[data-v-e6a36a74]:nth-child(3n) {
  margin-right: 0;
}
.pagination[data-v-e6a36a74] {
  display: flex;
  flex-direction: row-reverse;
  padding: 0 20px 40px 0;
}

.ar[data-v-61550a5d] {
  padding: 20px 0;
  background-color: white;
  min-height: 720px;
  border-radius: 8px;
}
.ar .type_tab[data-v-61550a5d] {
  margin-bottom: 24px;
  padding-left: 20px;
  margin-top: 4px;
}
.ar .type_tab div[data-v-61550a5d] {
  font-size: 16px;
  text-align: center;
  color: #505050;
  line-height: 22px;
  margin-right: 40px;
}
.ar .type_tab div p[data-v-61550a5d] {
  width: 24px;
  height: 3px;
  border-radius: 2px;
  margin: 4px auto 0;
}
.ar .type_tab .active[data-v-61550a5d] {
  font-weight: bold;
  color: #2f6aff;
}
.ar .type_tab .active p[data-v-61550a5d] {
  background: #2f6aff;
}
.ar .tab_list[data-v-61550a5d] {
  padding-left: 20px;
  margin-bottom: 24px;
}
.ar .tab_list div[data-v-61550a5d] {
  width: 128px;
  height: 38px;
  background: #f0f0f0;
  border-radius: 19px;
  font-size: 16px;
  text-align: center;
  color: #787878;
  line-height: 38px;
  margin-right: 24px;
}
.ar .tab_list .active[data-v-61550a5d] {
  background: #2F6AFF;
  color: white;
  font-weight: bold;
}
.ar_list[data-v-61550a5d] {
  padding: 0 20px;
}
.txt_blue[data-v-61550a5d] {
  color: #2F6AFF;
}

.noteSearchTemplate .table-container[data-v-85f518a2] {
  width: 100%;
  overflow-x: auto;
}
.noteSearchTemplate .data-table[data-v-85f518a2] {
  margin: 0 0 0 20px;
  border-collapse: collapse;
}
.noteSearchTemplate .data-table th[data-v-85f518a2],
.noteSearchTemplate .data-table td[data-v-85f518a2] {
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.noteSearchTemplate .data-table th[data-v-85f518a2] {
  height: 40px;
  background-color: #F8F8F8;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #282828;
}
.noteSearchTemplate .data-table td[data-v-85f518a2] {
  font-size: 14px;
  color: #282828;
  height: 40px;
  min-height: 40px;
  box-sizing: border-box;
  line-height: normal;
}
.noteSearchTemplate .note-content[data-v-85f518a2],
.noteSearchTemplate .chapter-name[data-v-85f518a2] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 17px;
  word-break: break-all;
}
.noteSearchTemplate .btn[data-v-85f518a2] {
  width: 80px;
  height: 28px;
  background: #38ba88;
  border-radius: 16px;
  margin: 10px auto;
  font-size: 12px;
  text-align: center;
  color: #ffffff;
  line-height: 28px;
}
.noteSearchTemplate .data-table th[data-v-85f518a2]:nth-child(1),
.noteSearchTemplate .data-table td[data-v-85f518a2]:nth-child(1) {
  text-align: center;
  width: 60px !important;
}
.noteSearchTemplate .data-table th[data-v-85f518a2]:nth-child(2),
.noteSearchTemplate .data-table td[data-v-85f518a2]:nth-child(2) {
  width: 220px;
}
.noteSearchTemplate .data-table th[data-v-85f518a2]:nth-child(3),
.noteSearchTemplate .data-table td[data-v-85f518a2]:nth-child(3) {
  width: 407px;
  color: black !important;
}
.noteSearchTemplate .data-table th[data-v-85f518a2]:nth-child(4),
.noteSearchTemplate .data-table td[data-v-85f518a2]:nth-child(4) {
  width: 103px;
  text-align: center;
  color: black !important;
}
.noteSearchTemplate .data-table th[data-v-85f518a2]:nth-child(5),
.noteSearchTemplate .data-table td[data-v-85f518a2]:nth-child(5) {
  width: 136px;
}
.noteSearchTemplate .search_content[data-v-85f518a2] {
  width: 320px;
  height: 36px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  box-sizing: border-box;
  padding: 0 0 0 16px;
  margin: 0 0 0 20px;
  font-size: 14px;
}
.noteSearchTemplate .search_content[data-v-85f518a2]::-moz-placeholder {
  color: #C8C9CC;
}
.noteSearchTemplate .search_content[data-v-85f518a2]::placeholder {
  color: #C8C9CC;
}
.noteSearchTemplate .search_btn[data-v-85f518a2] {
  padding: 0 26px;
  height: 36px;
  background: #2f6aff;
  border-radius: 6px;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  line-height: 36px;
  margin: 0 0 0 16px;
}
.noteSearchTemplate .pagination[data-v-85f518a2] {
  display: flex;
  flex-direction: row-reverse;
  padding: 24px 20px 40px 0;
}

.notePage[data-v-13bc2f62] {
  padding: 20px 0;
  background-color: white;
  min-height: 720px;
  border-radius: 8px;
}
.notePage .top_title[data-v-13bc2f62] {
  margin-bottom: 24px;
}
.notePage .type_tab[data-v-13bc2f62] {
  padding-left: 20px;
}
.notePage .type_tab div[data-v-13bc2f62] {
  font-size: 16px;
  text-align: center;
  color: #505050;
  line-height: 22px;
  margin-right: 40px;
}
.notePage .type_tab div p[data-v-13bc2f62] {
  width: 24px;
  height: 3px;
  border-radius: 2px;
  margin: 4px auto 0;
}
.notePage .type_tab .active[data-v-13bc2f62] {
  font-weight: bold;
  color: #2f6aff;
}
.notePage .type_tab .active p[data-v-13bc2f62] {
  background: #2f6aff;
}
.notePage .tab_list[data-v-13bc2f62] {
  padding-left: 20px;
  margin-bottom: 24px;
}
.notePage .tab_list div[data-v-13bc2f62] {
  width: 128px;
  height: 38px;
  background: #f0f0f0;
  border-radius: 19px;
  font-size: 16px;
  text-align: center;
  color: #787878;
  line-height: 38px;
  margin-right: 24px;
}
.notePage .tab_list .active[data-v-13bc2f62] {
  background: #2F6AFF;
  color: white;
  font-weight: bold;
}
.notePage .export_btn[data-v-13bc2f62] {
  padding: 0px 18px;
  height: 34px;
  border-radius: 6px;
  font-size: 14px;
  text-align: center;
  line-height: 34px;
  margin-right: 20px;
  font-weight: normal;
  color: #a0a0a0;
  border-color: #d7dde4;
  border: 1px solid #f0f0f0;
}
.notePage .export_btn[data-v-13bc2f62]:hover {
  border: 1px solid #2f6aff;
  color: #2f6aff;
  background-color: #F2F7FF;
}
.notePage .tips[data-v-13bc2f62] {
  height: 38px;
  background: #fff4eb;
  font-size: 16px;
  color: #ff933d;
  line-height: 38px;
  padding-left: 20px;
}
.notePage .list[data-v-13bc2f62] {
  margin-top: 24px;
  flex-wrap: wrap;
  padding: 0 20px;
}

.rank_wrap[data-v-98be156c] {
  width: 100vw;
  height: 100vh;
  background-color: red;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
}
.rank_wrap .rank_box .content[data-v-98be156c] {
  position: relative;
  width: 464px;
  height: 640px;
  background: url(//img.cdeledu.com/ADVC/2024/0809/131b6700deebcc86-0.png);
  background-size: 100% 100%;
  border-radius: 12px;
  padding: 19px 24px 0;
  box-sizing: border-box;
}
.rank_wrap .rank_box .content .top[data-v-98be156c] {
  font-size: 16px;
  font-weight: bold;
  color: #ffc843;
  line-height: 22px;
}
.rank_wrap .rank_box .content .top .crown_img[data-v-98be156c] {
  width: 22px;
  height: 18px;
  margin-right: 4px;
}
.rank_wrap .rank_box .content .top_title[data-v-98be156c] {
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  color: #ffffff;
  line-height: 32px;
  padding: 4px 0;
}
.rank_wrap .rank_box .content .top_tips[data-v-98be156c] {
  opacity: 0.7;
  font-size: 14px;
  text-align: left;
  color: #ffffff;
  line-height: 20px;
}
.rank_wrap .rank_box .content .list[data-v-98be156c] {
  width: 416px;
  height: 492px;
  background: #ffffff;
  border-radius: 12px;
  margin-top: 16px;
  overflow-y: auto;
}
.rank_wrap .rank_box .content .list .t_name[data-v-98be156c] {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #282828;
  line-height: 22px;
  padding: 16px 0 4px 16px;
}
.rank_wrap .rank_box .content .list .t_num[data-v-98be156c] {
  font-size: 14px;
  text-align: left;
  color: #a0a0a0;
  line-height: 20px;
  padding: 0 0 4px 16px;
}
.rank_wrap .rank_box .content .list .top_three_students[data-v-98be156c] {
  padding: 4px 40px 0;
  border-bottom: 4px #F8F8F8 solid;
}
.rank_wrap .rank_box .content .list .top_three_students .score[data-v-98be156c] {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #6CB5EE;
  line-height: 22px;
}
.rank_wrap .rank_box .content .list .top_three_students .portrait[data-v-98be156c] {
  margin: 4px auto 0;
}
.rank_wrap .rank_box .content .list .top_three_students .name[data-v-98be156c] {
  font-size: 14px;
  text-align: center;
  color: #282828;
  font-weight: bold;
}
.rank_wrap .rank_box .content .list .top_three_students .time[data-v-98be156c] {
  font-size: 10px;
  text-align: center;
  color: #a0a0a0;
  line-height: 14px;
  margin-top: 4px;
  margin-bottom: 8px;
}
.rank_wrap .rank_box .content .list .top_three_students > div:nth-child(2) .score[data-v-98be156c] {
  color: #FF7D21;
}
.rank_wrap .rank_box .content .list .top_three_students > div:nth-child(3) .score[data-v-98be156c] {
  color: #915C48;
}
.rank_wrap .rank_box .content .list .top_three_students > div:nth-child(1) .portrait[data-v-98be156c] {
  width: 56px;
  height: 60px;
  background: url(//img.cdeledu.com/ADVC/2024/0809/d7d90d4c2fe51c48-0.png);
  background-size: 100% 100%;
}
.rank_wrap .rank_box .content .list .top_three_students > div:nth-child(1) .portrait img[data-v-98be156c] {
  width: 33px;
  height: 33px;
  background: #ffffff;
  border-radius: 50%;
}
.rank_wrap .rank_box .content .list .top_three_students > div:nth-child(2) .portrait[data-v-98be156c] {
  width: 80px;
  height: 86px;
  background: url(//img.cdeledu.com/ADVC/2024/0809/6b63da1ccaaf5b23-0.png);
  background-size: 100% 100%;
}
.rank_wrap .rank_box .content .list .top_three_students > div:nth-child(2) .portrait img[data-v-98be156c] {
  width: 50px;
  height: 49px;
  background: #ffffff;
  border-radius: 50%;
}
.rank_wrap .rank_box .content .list .top_three_students > div:nth-child(3) .portrait[data-v-98be156c] {
  width: 56px;
  height: 60px;
  background: url(//img.cdeledu.com/ADVC/2024/0809/1c1ba48657e677f8-0.png);
  background-size: 100% 100%;
}
.rank_wrap .rank_box .content .list .top_three_students > div:nth-child(3) .portrait img[data-v-98be156c] {
  width: 33px;
  height: 33px;
  background: #ffffff;
  border-radius: 50%;
}
.rank_wrap .rank_box .content .list .item[data-v-98be156c] {
  font-size: 12px;
  padding: 10px 0 9px;
  width: 384px;
  margin: auto;
  border-bottom: 1px solid #F0F0F0;
}
.rank_wrap .rank_box .content .list .item .ranking[data-v-98be156c] {
  font-size: 12px;
  font-weight: bold;
  color: #282828;
  line-height: 16px;
  width: 40px;
}
.rank_wrap .rank_box .content .list .item .portrait_img[data-v-98be156c] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 32px;
}
.rank_wrap .rank_box .content .list .item .item_name[data-v-98be156c] {
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  color: #282828;
  line-height: 16px;
}
.rank_wrap .rank_box .content .list .item .item_score[data-v-98be156c] {
  width: 64px;
  font-size: 12px;
  font-weight: bold;
  text-align: right;
  color: #2f6aff;
  line-height: 16px;
}
.rank_wrap .rank_box .content .list .bottom_item[data-v-98be156c] {
  width: 464px;
  height: 44px;
  background: #142850;
  border-radius: 12px;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  border: none;
  padding: 0 40px;
  color: white;
}
.rank_wrap .rank_box .content .list .bottom_item .item_name[data-v-98be156c],
.rank_wrap .rank_box .content .list .bottom_item .ranking[data-v-98be156c] {
  color: white;
}
.rank_wrap .rank_box .content .list .bottom_item .item_score[data-v-98be156c] {
  color: #FF933D;
}
.rank_wrap .rank_box .close_img[data-v-98be156c] {
  width: 34px;
  height: 34px;
  margin: 20px auto 0;
  background: #a0a0a0;
  border-radius: 50%;
}
.rank_wrap .rank_box .empty_img[data-v-98be156c] {
  width: 160px;
  height: 144px;
  margin: auto;
  padding: 138px 0 16px;
}
.rank_wrap .rank_box .empty_txt[data-v-98be156c] {
  font-size: 14px;
  text-align: center;
  color: #a0b0c2;
  line-height: 22px;
}
.rank_wrap .my_box[data-v-98be156c] {
  width: 464px;
  height: 44px;
  background: #142850;
  border-radius: 12px;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 12px;
  color: #ffffff;
  line-height: 16px;
  padding: 0 40px;
  box-sizing: border-box;
}
.rank_wrap .my_box .my_img[data-v-98be156c] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  padding: 0 32px 0 27px;
}

.my_zuoye_box[data-v-f3b8048a] {
  overflow: hidden;
}
.my_zuoye_box .top_wrap[data-v-f3b8048a] {
  height: 148px;
  background: #ffffff;
  border-radius: 8px;
  margin-bottom: 16px;
}
.my_zuoye_box .top_wrap h4[data-v-f3b8048a] {
  font-size: 20px;
  font-weight: bold;
  color: #282828;
  line-height: 28px;
  padding: 20px 0 16px 16px;
}
.my_zuoye_box .top_wrap .data_wrap[data-v-f3b8048a] {
  font-size: 14px;
  color: #282828;
  line-height: 20px;
}
.my_zuoye_box .top_wrap .data_wrap .data_wrap_item[data-v-f3b8048a] {
  width: 310px;
}
.my_zuoye_box .top_wrap .data_wrap .data_wrap_item .data_wrap_item_top[data-v-f3b8048a] {
  box-sizing: border-box;
  padding: 0 0 0 20px;
}
.my_zuoye_box .top_wrap .data_wrap .data_wrap_item .data_wrap_item_top .num[data-v-f3b8048a] {
  font-size: 24px;
  font-weight: bold;
  color: #282828;
  line-height: 28px;
  padding: 4px 0 0;
}
.my_zuoye_box .top_wrap .data_wrap .data_wrap_item .data_wrap_item_top .num span[data-v-f3b8048a] {
  font-size: 16px;
}
.my_zuoye_box .top_wrap .data_wrap .data_wrap_item .progress-bar[data-v-f3b8048a] {
  width: 270px;
  margin: 0 0 0 20px;
  height: 6px;
  background-color: #EDF0F9;
  border-radius: 4px;
  overflow: hidden;
  margin-top: 10px;
}
.my_zuoye_box .top_wrap .data_wrap .data_wrap_item .progress-bar-fill[data-v-f3b8048a] {
  height: 100%;
  background-color: #2F6AFF;
  border-radius: 2px;
  transition: width 0.5s ease-in-out;
}
.my_zuoye_box .top_wrap .data_wrap .divider[data-v-f3b8048a] {
  width: 1px;
  height: 46px;
  background: #f0f0f0;
  margin: 4px 7.5px 0;
}
.my_zuoye_box .study_nav[data-v-f3b8048a] {
  margin: 16px 0;
}
.my_zuoye_box .study_nav .item[data-v-f3b8048a] {
  width: 310px;
  height: 80px;
  background: #ffffff;
  border-radius: 8px;
  font-size: 14px;
  color: #282828;
  line-height: 22px;
  padding: 20px 16px;
  box-sizing: border-box;
}
.my_zuoye_box .study_nav .item .item_icon[data-v-f3b8048a] {
  width: 40px;
  height: 40px;
  margin-right: 12px;
}
.my_zuoye_box .study_nav .item .item_num[data-v-f3b8048a] {
  font-size: 14px;
  text-align: right;
  color: #a0a0a0;
  line-height: 20px;
  margin-right: 12px;
}
.my_zuoye_box .study_nav .item .forward_icon[data-v-f3b8048a] {
  width: 16px;
  height: 16px;
}
.my_zuoye_box .screen_box[data-v-f3b8048a] {
  background: #ffffff;
  border-radius: 8px;
  margin-bottom: 16px;
  padding: 16px 0 16px 16px;
  box-sizing: border-box;
}
.my_zuoye_box .screen_box .screen_list[data-v-f3b8048a] {
  margin-bottom: 12px;
}
.my_zuoye_box .screen_box .label[data-v-f3b8048a] {
  font-size: 14px;
  color: #505050;
  line-height: 20px;
  margin-right: 16px;
}
.my_zuoye_box .screen_box .name[data-v-f3b8048a] {
  height: 32px;
  border-radius: 18px;
  font-size: 14px;
  text-align: center;
  color: #787878;
  line-height: 32px;
}
.my_zuoye_box .screen_box .active[data-v-f3b8048a] {
  background: #2f6aff;
  color: #FFFFFF;
  font-weight: bold;
}
.my_zuoye_box .list[data-v-f3b8048a] {
  background: #F8F8F8;
  flex-wrap: wrap;
}
.my_zuoye_box .list .item[data-v-f3b8048a] {
  width: 475px;
  height: 166px;
  background: #ffffff;
  border-radius: 8px;
  margin-bottom: 16px;
  padding: 20px 16px;
  box-sizing: border-box;
  margin-right: 16px;
}
.my_zuoye_box .list .item .kg_icon[data-v-f3b8048a],
.my_zuoye_box .list .item .zg_icon[data-v-f3b8048a] {
  display: inline-block;
  width: 16px;
  text-align: center;
  font-size: 12px;
  color: #ffffff;
  line-height: 16px;
  border-radius: 2px;
  background: #2f6aff;
  margin-right: 6px;
}
.my_zuoye_box .list .item .zg_icon[data-v-f3b8048a] {
  background: #FF933D;
}
.my_zuoye_box .list .item .iconUrl[data-v-f3b8048a] {
  width: 42px;
  height: 42px;
  background: #ecf3fa;
  border-radius: 6px;
  margin-right: 12px;
}
.my_zuoye_box .list .item .name[data-v-f3b8048a] {
  font-size: 16px;
  font-weight: bold;
  color: #282828;
  line-height: 22px;
}
.my_zuoye_box .list .item .name .item_name[data-v-f3b8048a] {
  width: 366px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.my_zuoye_box .list .item .time[data-v-f3b8048a] {
  font-size: 14px;
  color: #505050;
  line-height: 20px;
}
.my_zuoye_box .list .item .detailed[data-v-f3b8048a] {
  font-size: 14px;
  color: #a0a0a0;
  padding: 8px 0;
}
.my_zuoye_box .list .item .detailed span[data-v-f3b8048a] {
  padding-right: 8px;
  border-right: solid 1px #E6E6E6;
  margin-right: 8px;
  line-height: 14px;
  height: 14px;
  display: inline-block;
}
.my_zuoye_box .list .item .detailed span[data-v-f3b8048a]:last-child {
  border-right: none;
}
.my_zuoye_box .list .item .type_img[data-v-f3b8048a] {
  width: 34px;
  height: 34px;
  margin-right: 22px;
}
.my_zuoye_box .list .item .describe_txt[data-v-f3b8048a] {
  font-size: 14px;
  color: #A0A0A0;
  line-height: 20px;
  width: 72px;
  height: 28px;
  background: #f8f8f8;
  border-radius: 4px;
  text-align: center;
  line-height: 28px;
  margin-right: 6px;
}
.my_zuoye_box .list .item .rankings_txt[data-v-f3b8048a] {
  width: 44px;
  height: 28px;
  background: #ffeee0;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  color: #ff933d;
  line-height: 28px;
}
.my_zuoye_box .list .item .bottom_box[data-v-f3b8048a] {
  margin-top: 8px;
}
.my_zuoye_box .list .item .bottom_box .btn[data-v-f3b8048a] {
  width: 98px;
  height: 40px;
  background: #f8f8f8;
  border: 1px solid #e6e6e6;
  border-radius: 21px;
  font-size: 14px;
  text-align: center;
  color: #a0a0a0;
  line-height: 38px;
  box-sizing: border-box;
  margin-left: 12px;
}
.my_zuoye_box .list .item .bottom_box .orange_btn[data-v-f3b8048a] {
  background: #ffeee0;
  border: 1px solid #ff933d;
  color: #FF933D;
}
.my_zuoye_box .list .item .bottom_box .light_blue_btn[data-v-f3b8048a] {
  background: #EBF1FD;
  border: 1px solid #2F6AFF;
  color: #2F6AFF;
}
.my_zuoye_box .list .item .bottom_box .green_btn[data-v-f3b8048a] {
  background: #ddf0e8;
  border: 1px solid #38ba88;
  color: #38ba88;
}
.my_zuoye_box .list .item .bottom_box .blue_btn[data-v-f3b8048a] {
  background: #2f6aff;
  border: 1px solid #2f6aff;
  color: white;
}
.my_zuoye_box .list .item[data-v-f3b8048a]:nth-child(2n) {
  margin-right: 0;
}
.describe_dialogue[data-v-f3b8048a] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
}
.describe_dialogue .describe[data-v-f3b8048a] {
  width: 380px;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0px 2px 8px 0px rgba(7, 44, 119, 0.08);
}
.describe_dialogue .describe .describe_top[data-v-f3b8048a] {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #282828;
  line-height: 22px;
  padding: 12px 0;
  border-bottom: 1px solid #e6e6e6;
}
.describe_dialogue .describe .describe_top .close[data-v-f3b8048a] {
  width: 16px;
  height: 16px;
  padding: 0 20px;
}
.describe_dialogue .describe .describe_top .close img[data-v-f3b8048a] {
  width: 100%;
  height: 100%;
}
.describe_dialogue .describe .describe_box[data-v-f3b8048a] {
  padding: 16px 24px 24px;
}
.describe_dialogue .describe .describe_box .zuoye_time[data-v-f3b8048a] {
  font-size: 14px;
  text-align: left;
  color: #a0a0a0;
  line-height: 20px;
}
.describe_dialogue .describe .describe_box .dialogue_content[data-v-f3b8048a] {
  max-height: 140px;
  margin-top: 16px;
  font-size: 14px;
  text-align: left;
  color: #282828;
  line-height: 20px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE和Edge浏览器隐藏滚动条 */
  scrollbar-width: none;
  /* Firefox浏览器隐藏滚动条 */
}
.describe_dialogue .describe .describe_btn[data-v-f3b8048a] {
  width: 240px;
  height: 40px;
  background: #2f6aff;
  border-radius: 6px;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  line-height: 40px;
  margin: 0 auto 24px;
}

.it_item[data-v-21f23d26] {
  width: 274px;
  height: 92px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 16px;
  font-size: 12px;
  text-align: left;
  color: #a0a0a0;
  line-height: 16px;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 16px;
  margin-bottom: 16px;
}
.it_item .item_name[data-v-21f23d26] {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #282828;
  line-height: 20px;
}
.it_item .item_btn[data-v-21f23d26] {
  color: #505050;
  margin-right: 8px;
}
.it_item[data-v-21f23d26]:nth-child(3n) {
  margin-right: 0;
}
.it_item[data-v-21f23d26]:hover {
  border: 1px solid #2F6AFF;
  background: #f2f7ff;
}
.it_item:hover .item_btn[data-v-21f23d26],
.it_item:hover .item_name[data-v-21f23d26] {
  color: #2F6AFF;
}
.forward_icon[data-v-21f23d26] {
  width: 16px;
  height: 16px;
}

.img_box[data-v-3bb2b8ae] {
  width: 16px;
  height: 16px;
  margin: 0 24px;
}
.img_box img[data-v-3bb2b8ae] {
  width: 100%;
  height: 100%;
}
.modal[data-v-3bb2b8ae] {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-content[data-v-3bb2b8ae] {
  width: 560px;
  background: #ffffff;
  border-radius: 12px;
}
.title_box[data-v-3bb2b8ae] {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #282828;
  padding: 12px 0;
  border-bottom: 1px solid #D8D8D8;
}
h5[data-v-3bb2b8ae] {
  font-size: 14px;
  color: #a0a0a0;
  line-height: 22px;
  padding: 14px 0 8px 32px;
  font-weight: normal;
}
.close[data-v-3bb2b8ae] {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close[data-v-3bb2b8ae]:hover,
.close[data-v-3bb2b8ae]:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
table[data-v-3bb2b8ae] {
  border-collapse: collapse;
  margin: 0 32px;
}
th[data-v-3bb2b8ae] {
  background: #f8f8f8;
}
th[data-v-3bb2b8ae],
td[data-v-3bb2b8ae] {
  border: 1px solid #E6E6E6;
  height: 40px;
  box-sizing: border-box;
  font-size: 14px;
}
input[data-v-3bb2b8ae] {
  width: 16px;
  height: 16px;
  border-radius: 4px;
}
.scrollable-body[data-v-3bb2b8ae] {
  display: block;
  max-height: 240px;
}
.scrollable-body tr[data-v-3bb2b8ae] {
  display: table;
  table-layout: fixed;
  /* 使表格布局固定 */
}
table th[data-v-3bb2b8ae]:nth-child(1),
table td[data-v-3bb2b8ae]:nth-child(1) {
  text-align: center;
  width: 58px !important;
}
table th[data-v-3bb2b8ae]:nth-child(2),
table td[data-v-3bb2b8ae]:nth-child(2) {
  text-align: center;
  width: 334px;
}
table th[data-v-3bb2b8ae]:nth-child(3),
table td[data-v-3bb2b8ae]:nth-child(3) {
  text-align: center;
  width: 110px;
}
.export_btn[data-v-3bb2b8ae] {
  padding: 0 32px;
  background: #282828;
  border-radius: 6px;
  border: none;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  line-height: 36px;
  margin: 26px auto;
}

.img_box[data-v-1216f7f5] {
  width: 16px;
  height: 16px;
  margin: 0 24px;
}
.img_box img[data-v-1216f7f5] {
  width: 100%;
  height: 100%;
}
.modal[data-v-1216f7f5] {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-content[data-v-1216f7f5] {
  width: 560px;
  background: #ffffff;
  border-radius: 12px;
}
.title_box[data-v-1216f7f5] {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #282828;
  line-height: 22px;
  padding: 12px 0;
  border-bottom: 1px solid #e6e6e6;
}
h5[data-v-1216f7f5] {
  font-size: 14px;
  color: #a0a0a0;
  line-height: 22px;
  padding: 14px 0 8px 32px;
  font-weight: normal;
}
.close[data-v-1216f7f5] {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close[data-v-1216f7f5]:hover,
.close[data-v-1216f7f5]:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.list[data-v-1216f7f5] {
  max-height: 378px;
  overflow-x: auto;
  padding-bottom: 20px;
}
.list .item[data-v-1216f7f5] {
  margin: 0 32px;
  padding: 12px 0;
  box-sizing: border-box;
  font-size: 14px;
  color: #282828;
  border-bottom: 1px solid #E6E6E6;
}
.list .item .item-num[data-v-1216f7f5] {
  font-size: 14px;
  color: #a0a0a0;
  line-height: 22px;
}
.list .item .item-btn[data-v-1216f7f5] {
  padding: 0 14px;
  background: #2f6aff;
  border-radius: 20px;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  line-height: 32px;
  margin-left: 18px;
}
.list .item[data-v-1216f7f5]:last-child {
  border-bottom: none;
}

.img_box[data-v-23753ace] {
  width: 16px;
  height: 16px;
  margin: 0 24px;
}
.img_box img[data-v-23753ace] {
  width: 100%;
  height: 100%;
}
.modal[data-v-23753ace] {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-content[data-v-23753ace] {
  width: 560px;
  background: #ffffff;
  border-radius: 12px;
}
.title_box[data-v-23753ace] {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #282828;
  padding: 12px 0;
  border-bottom: 1px solid #D8D8D8;
}
h5[data-v-23753ace] {
  font-size: 14px;
  color: #a0a0a0;
  line-height: 20px;
  padding: 14px 32px 0 32px;
  font-weight: normal;
}
.close[data-v-23753ace] {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close[data-v-23753ace]:hover,
.close[data-v-23753ace]:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.list[data-v-23753ace] {
  padding-bottom: 20px;
}
.list .item[data-v-23753ace] {
  margin: 0 32px;
  padding: 12px 0;
  box-sizing: border-box;
  font-size: 14px;
  color: #282828;
  border-bottom: 1px solid #E6E6E6;
}
.list .item .item-num[data-v-23753ace] {
  font-size: 16px;
  color: #a0a0a0;
  line-height: 22px;
}
.list .item .item-btn[data-v-23753ace] {
  padding: 0 14px;
  background: #2f6aff;
  border-radius: 20px;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  line-height: 32px;
  margin-left: 18px;
}
.list .item .item-hot[data-v-23753ace] {
  width: 72px;
  background: #ff933d;
  border-radius: 4px;
  font-size: 12px;
  text-align: center;
  color: #ffffff;
  line-height: 24px;
  margin-left: 12px;
}
.list .item[data-v-23753ace]:last-child {
  border-bottom: none;
}

.wq[data-v-1bab56dc] {
  padding: 20px;
  background-color: white;
  border-radius: 8px;
  min-height: 720px;
}
.wq .data_wrap[data-v-1bab56dc] {
  height: 390px;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  box-sizing: border-box;
  margin-bottom: 24px;
  padding-top: 20px;
  padding-right: 25px;
}
.wq .data_wrap h5[data-v-1bab56dc] {
  font-size: 16px;
  font-weight: bold;
  color: #282828;
  line-height: 22px;
  margin-bottom: 22px;
  padding-left: 20px;
}
.wq .data_wrap .picture_wrap[data-v-1bab56dc] {
  flex: 1;
  margin-left: 22px;
}
.wq .data_wrap .item[data-v-1bab56dc] {
  width: 252px;
  border-bottom: 1px solid #e6e6e6;
  font-size: 16px;
  color: #282828;
  line-height: 22px;
  padding-top: 30px;
  padding-bottom: 30px;
  font-weight: bold;
}
.wq .data_wrap .item img[data-v-1bab56dc] {
  width: 40px;
  height: 40px;
  margin-right: 16px;
}
.wq .data_wrap .item .item_num[data-v-1bab56dc] {
  font-size: 12px;
  text-align: left;
  color: #a0a0a0;
  line-height: 16px;
  font-weight: normal;
  margin-top: 2px;
}
.wq .data_wrap .item .item_btn[data-v-1bab56dc] {
  width: 100px;
  height: 40px;
  background: #2f6aff;
  border-radius: 20px;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  line-height: 40px;
}
.wq .data_wrap .item .item_btn_disable[data-v-1bab56dc] {
  background: #f0f0f0;
  color: #A0A0A0;
}
.wq .data_wrap .item[data-v-1bab56dc]:nth-child(3) {
  border: none;
}
.wq .title[data-v-1bab56dc] {
  font-size: 16px;
  text-align: left;
  color: #282828;
  line-height: 22px;
  font-weight: bold;
  margin-bottom: 16px;
}
.wq .setup[data-v-1bab56dc] {
  font-size: 16px;
  text-align: left;
  color: #282828;
  line-height: 22px;
  margin-bottom: 24px;
}
.wq .setup .switch[data-v-1bab56dc] {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 20px;
  margin-left: 16px;
}
.wq .setup .switch-slider[data-v-1bab56dc] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 34px;
}
.wq .setup .switch-slider[data-v-1bab56dc]:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}
.wq .setup .switch-active[data-v-1bab56dc] {
  background-color: #2F6AFF;
}
.wq .setup .switch-active[data-v-1bab56dc]:before {
  transform: translateX(14px);
}
.wq .export_btn[data-v-1bab56dc] {
  padding: 0 26px;
  height: 40px;
  background: #282828;
  border-radius: 6px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  line-height: 40px;
}
.wq .list[data-v-1bab56dc] {
  margin-top: 20px;
  flex-wrap: wrap;
}
.txt_blue[data-v-1bab56dc] {
  color: #2F6AFF;
}
.num_list[data-v-1bab56dc] {
  padding-left: 32px;
}
.num_list .num_item[data-v-1bab56dc] {
  width: 58px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  box-sizing: border-box;
  font-size: 14px;
  text-align: center;
  color: #787878;
  line-height: 40px;
  margin-right: 10px;
}
.num_list .num_item_active[data-v-1bab56dc] {
  border: 1px solid #2F6AFF;
  background: #2F6AFF;
  color: white;
}

.img_box[data-v-0652f1f6] {
  width: 16px;
  height: 16px;
  margin: 0 24px;
}
.img_box img[data-v-0652f1f6] {
  width: 100%;
  height: 100%;
}
.modal[data-v-0652f1f6] {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-content[data-v-0652f1f6] {
  width: 572px;
  background: #ffffff;
  border-radius: 12px;
}
.title_box[data-v-0652f1f6] {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #282828;
  line-height: 22px;
  padding: 12px 0;
  border-bottom: 1px solid #e6e6e6;
}
h5[data-v-0652f1f6] {
  font-size: 14px;
  color: #a0a0a0;
  line-height: 22px;
  padding: 14px 0 8px 20px;
  font-weight: normal;
}
.close[data-v-0652f1f6] {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close[data-v-0652f1f6]:hover,
.close[data-v-0652f1f6]:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.list[data-v-0652f1f6] {
  max-height: 378px;
  overflow-x: auto;
  padding-bottom: 20px;
}
.list .item[data-v-0652f1f6] {
  margin: 0 35px 0 20px;
  padding: 12px 0;
  box-sizing: border-box;
  font-size: 14px;
  color: #282828;
  border-bottom: 1px solid #E6E6E6;
}
.list .item .item_box[data-v-0652f1f6] {
  width: 417px;
  font-size: 14px;
  color: #000000;
}
.list .item .item_box .item_content[data-v-0652f1f6] {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* 这个属性定义了文本的行数 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list .item .question-info[data-v-0652f1f6] {
  font-size: 12px;
  color: #999999;
}
.list .item .question-info span[data-v-0652f1f6] {
  margin-right: 15px;
}
.list .item .item-num[data-v-0652f1f6] {
  font-size: 14px;
  color: #a0a0a0;
  line-height: 22px;
}
.list .item .item-btn[data-v-0652f1f6] {
  padding: 0 14px;
  background: #2f6aff;
  border-radius: 20px;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  line-height: 32px;
}
.list .item[data-v-0652f1f6]:last-child {
  border-bottom: none;
}

.wq[data-v-fe1e12ce] {
  padding: 20px;
  background-color: white;
  border-radius: 8px;
  min-height: 720px;
}
.wq .type_tab div[data-v-fe1e12ce] {
  font-size: 16px;
  text-align: center;
  color: #505050;
  line-height: 22px;
  margin-right: 40px;
}
.wq .type_tab div p[data-v-fe1e12ce] {
  width: 24px;
  height: 3px;
  border-radius: 2px;
  margin: 4px auto 0;
}
.wq .type_tab .active[data-v-fe1e12ce] {
  font-weight: bold;
  color: #2f6aff;
}
.wq .type_tab .active p[data-v-fe1e12ce] {
  background: #2f6aff;
}
.wq .export_btn[data-v-fe1e12ce] {
  padding: 0px 18px;
  height: 34px;
  border-radius: 6px;
  font-size: 14px;
  text-align: center;
  line-height: 34px;
  font-weight: normal;
  color: #a0a0a0;
  border-color: #d7dde4;
  border: 1px solid #f0f0f0;
}
.wq .export_btn[data-v-fe1e12ce]:hover {
  border: 1px solid #2f6aff;
  color: #2f6aff;
  background-color: #F2F7FF;
}
.wq .list[data-v-fe1e12ce] {
  margin-top: 24px;
  flex-wrap: wrap;
}
.txt_blue[data-v-fe1e12ce] {
  color: #2F6AFF;
}

.noteSearchTemplate .table-container[data-v-69d98a14] {
  width: 100%;
  overflow-x: auto;
}
.noteSearchTemplate .data-table[data-v-69d98a14] {
  margin: 0 0 0 20px;
  border-collapse: collapse;
}
.noteSearchTemplate .data-table th[data-v-69d98a14],
.noteSearchTemplate .data-table td[data-v-69d98a14] {
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.noteSearchTemplate .data-table th[data-v-69d98a14] {
  height: 40px;
  background-color: #F8F8F8;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #282828;
}
.noteSearchTemplate .data-table td[data-v-69d98a14] {
  font-size: 14px;
  color: #282828;
  height: 40px;
  min-height: 40px;
  box-sizing: border-box;
  line-height: normal;
}
.noteSearchTemplate .note-content[data-v-69d98a14],
.noteSearchTemplate .chapter-name[data-v-69d98a14] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 17px;
  word-break: break-all;
}
.noteSearchTemplate .btn[data-v-69d98a14] {
  width: 80px;
  height: 28px;
  background: #38ba88;
  border-radius: 16px;
  margin: 10px auto;
  font-size: 12px;
  text-align: center;
  color: #ffffff;
  line-height: 28px;
}
.noteSearchTemplate .data-table th[data-v-69d98a14]:nth-child(1),
.noteSearchTemplate .data-table td[data-v-69d98a14]:nth-child(1) {
  text-align: center;
  width: 60px !important;
}
.noteSearchTemplate .data-table th[data-v-69d98a14]:nth-child(2),
.noteSearchTemplate .data-table td[data-v-69d98a14]:nth-child(2) {
  width: 220px;
}
.noteSearchTemplate .data-table th[data-v-69d98a14]:nth-child(3),
.noteSearchTemplate .data-table td[data-v-69d98a14]:nth-child(3) {
  width: 407px;
  color: black !important;
}
.noteSearchTemplate .data-table th[data-v-69d98a14]:nth-child(4),
.noteSearchTemplate .data-table td[data-v-69d98a14]:nth-child(4) {
  width: 103px;
  text-align: center;
  color: black !important;
}
.noteSearchTemplate .data-table th[data-v-69d98a14]:nth-child(5),
.noteSearchTemplate .data-table td[data-v-69d98a14]:nth-child(5) {
  width: 136px;
}
.noteSearchTemplate .search_content[data-v-69d98a14] {
  width: 320px;
  height: 36px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  box-sizing: border-box;
  padding: 0 0 0 16px;
  margin: 0 0 0 20px;
  font-size: 14px;
}
.noteSearchTemplate .search_content[data-v-69d98a14]::-moz-placeholder {
  color: #C8C9CC;
}
.noteSearchTemplate .search_content[data-v-69d98a14]::placeholder {
  color: #C8C9CC;
}
.noteSearchTemplate .search_btn[data-v-69d98a14] {
  padding: 0 26px;
  height: 36px;
  background: #2f6aff;
  border-radius: 6px;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  line-height: 36px;
  margin: 0 0 0 16px;
}
.noteSearchTemplate .pagination[data-v-69d98a14] {
  display: flex;
  flex-direction: row-reverse;
  padding: 24px 20px 40px 0;
}

.notePage[data-v-4670654e] {
  padding: 20px 0;
  background-color: white;
  border-radius: 8px;
  min-height: 720px;
}
.notePage .top_title[data-v-4670654e] {
  margin-bottom: 24px;
}
.notePage .type_tab[data-v-4670654e] {
  padding-left: 20px;
}
.notePage .type_tab div[data-v-4670654e] {
  font-size: 16px;
  text-align: center;
  color: #505050;
  line-height: 22px;
  margin-right: 40px;
}
.notePage .type_tab div p[data-v-4670654e] {
  width: 24px;
  height: 3px;
  border-radius: 2px;
  margin: 4px auto 0;
}
.notePage .type_tab .active[data-v-4670654e] {
  font-weight: bold;
  color: #2f6aff;
}
.notePage .type_tab .active p[data-v-4670654e] {
  background: #2f6aff;
}
.notePage .tab_list[data-v-4670654e] {
  padding-left: 20px;
  margin-bottom: 24px;
}
.notePage .tab_list div[data-v-4670654e] {
  width: 128px;
  height: 38px;
  background: #f0f0f0;
  border-radius: 19px;
  font-size: 16px;
  text-align: center;
  color: #787878;
  line-height: 38px;
  margin-right: 24px;
}
.notePage .tab_list .active[data-v-4670654e] {
  background: #2F6AFF;
  color: white;
  font-weight: bold;
}
.notePage .export_btn[data-v-4670654e] {
  padding: 0px 18px;
  height: 34px;
  border-radius: 6px;
  font-size: 14px;
  text-align: center;
  line-height: 34px;
  margin-right: 20px;
  font-weight: normal;
  color: #a0a0a0;
  border-color: #d7dde4;
  border: 1px solid #f0f0f0;
}
.notePage .export_btn[data-v-4670654e]:hover {
  border: 1px solid #2f6aff;
  color: #2f6aff;
  background-color: #F2F7FF;
}
.notePage .tips[data-v-4670654e] {
  height: 38px;
  background: #fff4eb;
  font-size: 16px;
  color: #ff933d;
  line-height: 38px;
  padding-left: 20px;
}
.notePage .list[data-v-4670654e] {
  margin-top: 24px;
  flex-wrap: wrap;
  padding: 0 20px;
}

.qm .qm_wrap[data-v-9dd3acd8] {
  width: 1200px;
  margin: 16px auto 0;
  padding-bottom: 40px;
}
.qm .qm_wrap .left_wrap[data-v-9dd3acd8] {
  width: 218px;
  min-height: 720px;
  background: #ffffff;
  border-radius: 8px;
  margin-right: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-sizing: border-box;
  padding: 16px;
}
.qm .qm_wrap .left_wrap .name[data-v-9dd3acd8] {
  height: 36px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: bold;
  color: #282828;
  line-height: 36px;
  padding-left: 16px;
  margin-bottom: 2px;
}
.qm .qm_wrap .left_wrap .nav_box div[data-v-9dd3acd8] {
  height: 36px;
  border-radius: 4px;
  line-height: 36px;
  padding-left: 40px;
  color: #282828;
  margin-bottom: 2px;
  font-size: 14px;
}
.qm .qm_wrap .left_wrap .nav_box .active[data-v-9dd3acd8] {
  background: #f2f7ff;
  color: #2f6aff;
  font-weight: bold;
}
.qm .qm_wrap .right_wrap[data-v-9dd3acd8] {
  width: 966px;
  border-radius: 8px;
}