@import url(/assets/css/file.css);
@import url(/assets/css/file.css);
@import url(/assets/css/file.css);
.fontSize12[data-v-c2e91be8] {
  font-size: 12px !important;
}
.fontSize14[data-v-c2e91be8] {
  font-size: 14px !important;
}
.fontSize15[data-v-c2e91be8] {
  font-size: 15px !important;
}
.fontSize16[data-v-c2e91be8] {
  font-size: 16px !important;
}
.fontSize18[data-v-c2e91be8] {
  font-size: 18px !important;
}
.mTop30[data-v-c2e91be8] {
  margin-top: 30px;
}
.mTop10[data-v-c2e91be8] {
  margin-top: 10px;
}
.mTop5[data-v-c2e91be8] {
  margin-top: 5px;
}
.mRight10[data-v-c2e91be8] {
  margin-right: 10px;
}
.mRight5[data-v-c2e91be8] {
  margin-right: 5px;
}
.mLeft10[data-v-c2e91be8] {
  margin-left: 10px;
}
.mLeft5[data-v-c2e91be8] {
  margin-left: 5px;
}
.mBottom5[data-v-c2e91be8] {
  margin-bottom: 5px;
}
.mBottom10[data-v-c2e91be8] {
  margin-bottom: 10px;
}
.mBottom15[data-v-c2e91be8] {
  margin-bottom: 15px;
}
.mBottom20[data-v-c2e91be8] {
  margin-bottom: 20px;
}
.mBottom25[data-v-c2e91be8] {
  margin-bottom: 25px;
}
.m020[data-v-c2e91be8] {
  margin: 0 20px;
}
.pn_left15[data-v-c2e91be8] {
  padding: 15px 15px 15px 0;
}
.pTB5[data-v-c2e91be8] {
  padding: 5px 0;
}
.pLR15[data-v-c2e91be8] {
  padding: 0 15px;
}
.pLR30[data-v-c2e91be8] {
  padding: 0 30px;
}
.pad15[data-v-c2e91be8] {
  padding: 15px;
}
.pad25[data-v-c2e91be8] {
  padding: 25px;
}
*[data-v-c2e91be8] {
  font-style: normal;
}
.h4_style1[data-v-c2e91be8] {
  font-weight: 700;
  color: #2463f3;
  font-size: 18px;
  padding-left: 5px;
  position: relative;
}
.h4_style1[data-v-c2e91be8]::before {
  content: "";
  display: block;
  width: 4px;
  position: absolute;
  left: -8px;
  height: 17px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #2463f3;
}
.flex_justify_center[data-v-c2e91be8] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex_justify_between[data-v-c2e91be8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex_column[data-v-c2e91be8] {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.flex_align_center[data-v-c2e91be8] {
  display: flex;
  align-items: center;
}
.flex_cloumn[data-v-c2e91be8] {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cssStyle1[data-v-c2e91be8] {
  background: rgba(0, 126, 255, 0.1);
  color: #007eff;
  display: flex;
  align-items: center;
  padding: 2px 20px 2px 10px;
  background: linear-gradient(70deg, rgba(0, 126, 255, 0.1) calc(100% - 10px), transparent 0);
}
.cssStyle2[data-v-c2e91be8] {
  background: rgba(255, 97, 78, 0.1);
  color: #ff614e;
  padding: 2px 10px 2px 20px;
  background: linear-gradient(250deg, rgba(255, 97, 78, 0.1) calc(100% - 10px), transparent 0);
  display: flex;
  align-items: center;
  margin-left: -8px;
}
.cssStyle3[data-v-c2e91be8] {
  border-radius: 14px;
  padding: 3px 14px;
  text-align: center;
}
.cssStyle4[data-v-c2e91be8] {
  margin-right: 10px;
  text-align: center;
  padding: 2px 5px;
  background: rgba(255, 97, 78, 0.8);
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  flex-basis: 0;
  white-space: nowrap;
}
.style_act1[data-v-c2e91be8] {
  border: 1px solid #daedd4;
  background: #f1f6f2;
  color: #67c23a;
}
.spotShow[data-v-c2e91be8] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.act_search[data-v-c2e91be8] {
  color: #2463f3 !important;
  background: #fff;
}
.act_search[data-v-c2e91be8]:after {
  content: '';
  display: inline-block;
  width: 35px;
  height: 1px;
  background: #2463f3;
  position: absolute;
  bottom: 0;
  right: 28%;
}
.in_block_i[data-v-c2e91be8] {
  display: inline-block;
}
.fontWeight500[data-v-c2e91be8] {
  font-weight: 500;
}
.fontWeight700[data-v-c2e91be8] {
  font-weight: 700;
}
.width_300[data-v-c2e91be8] {
  width: 300px !important;
  margin-right: 30px !important;
}
.borderRadius5[data-v-c2e91be8] {
  border-radius: 5px;
}
.borderRadius7[data-v-c2e91be8] {
  border-radius: 7px;
}
.borderRadius10[data-v-c2e91be8] {
  border-radius: 10px;
}
.color_blue_01[data-v-c2e91be8] {
  color: #2cbcfa;
}
.color_red[data-v-c2e91be8] {
  color: red !important;
}
.color_999[data-v-c2e91be8] {
  color: #999 !important;
}
.color_666[data-v-c2e91be8] {
  color: #666 !important;
}
.color_333[data-v-c2e91be8] {
  color: #333 !important;
}
.color_222[data-v-c2e91be8] {
  color: #222 !important;
}
.color_000[data-v-c2e91be8] {
  color: #000 !important;
}
.color_2463f3[data-v-c2e91be8] {
  color: #2463f3 !important;
}
.color_337bff[data-v-c2e91be8] {
  color: #337bff !important;
}
.color_FFF[data-v-c2e91be8] {
  color: #FFF !important;
}
.color_67c23a[data-v-c2e91be8] {
  color: #67c23a !important;
}
.background_f2f2f2[data-v-c2e91be8] {
  background: #f2f2f2;
}
.background_f7f8fa[data-v-c2e91be8] {
  background: #f7f8fa;
}
.background_FFF[data-v-c2e91be8] {
  background: #FFF;
}
.primary_btn[data-v-c2e91be8] {
  color: #2cbcfa;
  border: 1px solid #2cbcfa;
}
.see_btn[data-v-c2e91be8] {
  width: 100%;
  height: 60px;
  background: #fff;
  position: fixed;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.textLeft_btn[data-v-c2e91be8] {
  width: 100%;
  height: 50px;
  text-align: left;
  margin-top: 50px;
}
.textCenter_btn[data-v-c2e91be8] {
  width: 100%;
  height: 50px;
  text-align: center;
  margin-top: 50px;
}
.textCenter_btn_d[data-v-c2e91be8] {
  width: 100%;
  height: 50px;
  text-align: center;
  margin-top: 30px;
}
.textRight_btn[data-v-c2e91be8] {
  width: 100%;
  height: 50px;
  text-align: right;
  margin-top: 50px;
}
.btn_92b1f9[data-v-c2e91be8] {
  color: #fff;
  background-color: #92b1f9;
  border-color: #92b1f9;
}
.btn_2463f3[data-v-c2e91be8] {
  color: #2463f3;
  background: #e9effe;
  border-color: #a7c1fa;
}
.btn_40[data-v-c2e91be8] {
  height: 40px;
}
.btn_60[data-v-c2e91be8] {
  height: 60px;
}
.btn_ffa200[data-v-c2e91be8] {
  background: #ffa200;
  margin-right: 16px;
  color: #fff;
  font-size: 14px;
  border-color: #fff;
  border-radius: 4px;
}
.btn_ff5d4e[data-v-c2e91be8] {
  height: 45px;
  background: linear-gradient(90deg, #ff5d4e, #ff964d);
  border-radius: 23px;
  width: 114px;
  font-size: 16px;
  border-color: #fff;
  color: #fff;
}
.trans_deg90[data-v-c2e91be8] {
  transform: rotate(90deg);
}
.span_line[data-v-c2e91be8] {
  display: inline-block;
  width: 100%;
  border-top: 1px dashed #ccc;
}
.span_line1[data-v-c2e91be8] {
  display: inline-block;
  width: 1px;
  background-color: #e5e5e5;
  height: 79%;
  left: 30px;
  top: 45px;
  z-index: 2;
}
.p_re[data-v-c2e91be8] {
  position: relative;
}
.p_abTR[data-v-c2e91be8] {
  position: absolute;
  right: 5px;
  top: 0;
}
.curPointer[data-v-c2e91be8] {
  cursor: pointer;
}
.default_img[data-v-c2e91be8] {
  display: inline-block;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.img20[data-v-c2e91be8] {
  display: inline-block;
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
.img50[data-v-c2e91be8] {
  display: inline-block;
  width: 50px;
  height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
}
.p_relative[data-v-c2e91be8] {
  position: relative;
}
.p_absoluteD[data-v-c2e91be8] {
  position: absolute;
}
.p_absolute[data-v-c2e91be8] {
  position: absolute;
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  top: 20px;
  left: 20px;
  font-size: 20px;
  color: #fff;
}
.p_absolute1[data-v-c2e91be8] {
  position: absolute;
  right: 0;
}
.p_absolute_img_right_top[data-v-c2e91be8] {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 74px;
  height: 23px;
  background-size: contain;
}
.p_fixed[data-v-c2e91be8] {
  position: fixed;
  bottom: 0;
  left: 0;
}
.div_width70[data-v-c2e91be8] {
  width: 70%;
  margin: 0 auto;
}
.text_space[data-v-c2e91be8] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 160px;
}
.span_status[data-v-c2e91be8] {
  height: 22px;
  border-radius: 4px;
  font-weight: 500;
  text-align: center;
  line-height: 22px;
  font-size: 12px;
  padding: 3px 6px;
}
.noStart_status[data-v-c2e91be8] {
  border: 1px solid #ffa200 !important;
  background: transparent;
  border-radius: 14px;
}
.span_status1[data-v-c2e91be8] {
  height: 22px;
  font-weight: 700;
  color: #2463f3;
  font-size: 14px !important;
  margin-left: 18px;
  padding: 4px 6px !important;
  border-radius: 11px;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
}
.start_status[data-v-c2e91be8] {
  color: #337bff;
  background: #e9effe;
}
.start_status1[data-v-c2e91be8] {
  color: #ffa200 !important;
  background: none !important;
  border: 1px solid #ffa200 !important;
}
.lineHeight40[data-v-c2e91be8] {
  height: 40px;
  line-height: 40px;
}
.afterRVertical[data-v-c2e91be8]::after {
  display: inline-block;
  content: '';
  width: 1px;
  height: 14px;
  background: #2463f3;
  position: relative;
  right: -14px;
  top: 2px;
}
.afterRVertical_temp1[data-v-c2e91be8]::after {
  content: "";
  position: absolute;
  right: 0;
  width: 1px;
  height: 36px;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.01), rgba(208, 208, 208, 0.99) 51%, rgba(255, 255, 255, 0));
  top: 50%;
  transform: translateY(-50%);
}
.defaultRight_1[data-v-c2e91be8] {
  width: 95%;
  margin-left: 15px;
}
.defaultLeft_260[data-v-c2e91be8] {
  width: 260px;
  height: 100%;
}
.imgContain[data-v-c2e91be8] {
  -o-object-fit: contain;
     object-fit: contain;
}
.imgCover[data-v-c2e91be8] {
  -o-object-fit: cover;
     object-fit: cover;
}
.boxWH100[data-v-c2e91be8] {
  width: 100%;
  height: 100%;
}
.boxMarAuto90[data-v-c2e91be8] {
  width: 90%;
  min-height: 400px;
  margin: 0 auto;
}
.default_list[data-v-c2e91be8] {
  display: flex;
}
.default_list_left[data-v-c2e91be8] {
  width: 220px;
  margin-right: 20px;
  min-height: 300px;
}
.default_list_right[data-v-c2e91be8] {
  flex: 1;
  width: 100%;
  min-height: 300px;
}
.default_list_left02[data-v-c2e91be8] {
  flex: 1;
  width: 100%;
  min-height: 300px;
}
.default_list_right02[data-v-c2e91be8] {
  width: 220px;
  margin-left: 20px;
  min-height: 300px;
}
.fontOverFlow[data-v-c2e91be8] {
  font-size: 14px;
  color: #666;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: unset;
}
.couse-status[data-v-c2e91be8] {
  height: 22px;
  font-weight: 700;
  color: #2463f3;
  font-size: 14px !important;
  margin-left: 18px;
  padding: 4px 6px !important;
  border-radius: 11px;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
}
.couse-status-02[data-v-c2e91be8] {
  color: #5f94f5 !important;
  background: #e3eaf9 !important;
  border: none !important;
}
.h3_backg_img[data-v-c2e91be8] {
  position: relative;
  font-weight: 700;
  color: #222;
  font-size: 18px;
  margin-right: 35px;
  z-index: 1;
}
.h3_backg_img[data-v-c2e91be8]::before, .h3_backg_img[data-v-c2e91be8]::after {
    content: "";
    position: absolute;
    opacity: .5;
    border-radius: 50%;
    display: inline-block;
    z-index: -1;
}
.h3_backg_img[data-v-c2e91be8]::before {
    background: linear-gradient(-35deg, #bee5fb 100%, #eff3f5 0);
    top: -3px;
    left: -12px;
    height: 26px;
    width: 26px;
}
.h3_backg_img[data-v-c2e91be8]::after {
    background: linear-gradient(-35deg, #cffcac 100%, #eefce2 0);
    bottom: -5px;
    right: -10px;
    height: 18px;
    width: 18px;
}
.nav_ul_temp2[data-v-c2e91be8] {
  display: flex;
  align-items: center;
}
.nav_ul_temp2 li[data-v-c2e91be8] {
    height: 32px;
    line-height: 32px;
    padding: 0 16px;
    font-size: 12px;
}
.navActLi[data-v-c2e91be8] {
  color: #2463f3 !important;
  background: #e3eaf9;
  border-radius: 16px;
  font-weight: 700;
  padding: 0 16px;
}
.nav_ul_temp3[data-v-c2e91be8] {
  height: 100%;
  display: flex;
  align-items: center;
}
.nav_ul_temp3 li[data-v-c2e91be8] {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    position: relative;
    padding: 0 30px;
}
.nav_ul_temp4 li[data-v-c2e91be8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.nav_ul_temp5[data-v-c2e91be8] {
  display: flex;
  flex-wrap: wrap;
}
.nav_ul_temp5 li[data-v-c2e91be8] {
    font-size: 14px;
    padding: 5px 13px;
    border-radius: 4px;
    margin: 0 5px 14px 5px;
}
.default_list_wrap[data-v-c2e91be8] {
  display: flex;
  flex-wrap: wrap;
}
.default_list_wrap .list_one[data-v-c2e91be8] {
    width: 30%;
    min-height: 260px;
    box-shadow: 0 5px 6px 0 #d3d5da5c;
    margin: 0 3% 3% 0;
}
.list_one_hover[data-v-c2e91be8]:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 6px 0 #d5d7dc5c;
}
.nav_ul[data-v-c2e91be8] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 7px;
  overflow: hidden;
}
.nav_ul .nav_title[data-v-c2e91be8] {
    font-size: 14px;
    font-weight: 700;
    margin-right: 7px;
    float: left;
    height: 36px;
    line-height: 36px;
}
.nav_ul .nav_content[data-v-c2e91be8],
  .nav_ul .nav_ul_p[data-v-c2e91be8] {
    font-size: 14px;
    padding: 8px 20px;
    color: #333;
    float: left;
    cursor: pointer;
    margin-right: 10px;
}
.nav_ul .nav_content[data-v-c2e91be8]:hover,
    .nav_ul .nav_ul_p[data-v-c2e91be8]:hover {
      border-radius: 15px;
      color: #2463f3;
      background: #e3eaf9;
      border-bottom-color: transparent;
}
.nav_ul .nav_active[data-v-c2e91be8] {
    border-radius: 15px;
    color: #2463f3;
    background: #e3eaf9;
    border-bottom-color: transparent;
}
.default_box[data-v-c2e91be8] {
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f7f8fa;
}
.default_box .default_main[data-v-c2e91be8] {
    position: relative;
    min-height: 500px;
    top: -60px;
    width: 70%;
    border-radius: 7px;
}
.default_box .default_main .default_top[data-v-c2e91be8] {
      min-height: 80px;
      background: #fff;
      margin-bottom: 20px;
      border-radius: 10px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 20px;
}
.default_box .default_main .default_list[data-v-c2e91be8] {
      padding: 20px;
      border-radius: 10px;
      min-height: 400px;
      background: #fff;
}
.course_box[data-v-c2e91be8] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  height: 100%;
  padding: 20px;
}
.course_box .course_main[data-v-c2e91be8] {
    width: 80%;
    margin: 0 auto;
}
.course_box .course_main .banner[data-v-c2e91be8] {
      display: inline-block;
      width: 100%;
      border-radius: 7px;
}
.course_box .course_main .course_list[data-v-c2e91be8] {
      border-radius: 7px;
      width: 100%;
      margin-top: 20px;
      min-height: 500px;
      background: #fff;
      padding: 20px;
}
.course_box .course_main .course_list .course_nav[data-v-c2e91be8] {
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.course_box .course_main .course_list .course_nav .nav_list[data-v-c2e91be8] {
          display: flex;
          align-items: center;
}
.left[data-v-c2e91be8] {
  width: 300px;
  height: 100%;
  border-right: 1px #eee solid;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  padding: 15px;
  padding-right: 2px;
  box-sizing: border-box;
  overflow-y: auto;
}
.left[data-v-c2e91be8] .el-tree-node__content {
    height: auto;
    white-space: initial;
    word-break: break-all;
    padding: 8px 5px;
}
.dev-type-main-left[data-v-c2e91be8] {
  position: relative;
}
.dev-type-main-left .custom-tree-node[data-v-c2e91be8] {
    width: 100%;
}
.dev-type-main-left[data-v-c2e91be8] .el-tree-node__expand-icon.is-leaf {
    padding: 0;
}
.dev-type-main-left .right-menu[data-v-c2e91be8] {
  z-index: 1;
  height: 130px;
  width: 100px;
  position: fixed;
  border-radius: 5px;
  border: 1px solid #ccc;
  background-color: white;
}
.dev-type-main-left .right-menu .menu-item[data-v-c2e91be8] {
  line-height: 20px;
  text-align: left;
  margin-top: 10px;
  font-size: 14px;
  color: #606266;
  padding-left: 10px;
}
.dev-type-main-left .right-menu li.menu-item[data-v-c2e91be8]:hover {
  cursor: pointer;
  background-color: #1790ff;
  color: white;
}
.right[data-v-c2e91be8] {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 300px;
  padding: 15px;
  overflow-y: auto;
}
.right[data-v-c2e91be8] .el-descriptions__body {
    background: transparent;
}
[data-v-c2e91be8]::-webkit-scrollbar {
  width: 6px;
}
[data-v-c2e91be8]::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 10px;
}
.contractBox[data-v-c2e91be8] .el-tree-node__content {
  height: auto;
  white-space: initial;
  word-break: break-all;
  padding: 8px 5px;
}
.contractBox[data-v-c2e91be8] .el-tree-node__expand-icon.is-leaf {
  padding: 0;
}
.icoSty[data-v-c2e91be8] {
  width: 30px;
  height: 30px;
  background: #eeeeee;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  color: #666;
  cursor: pointer;
  font-size: 16px;
}
.icoSty[data-v-c2e91be8]:hover {
  background: #66b1ff;
  cursor: pointer;
  color: #fff;
}
.icoSty[data-v-c2e91be8]:nth-child(1):hover {
  background: #67c23a;
}
.icoSty[data-v-c2e91be8]:last-child:hover {
  background: #f56c6c;
}
.dp p[data-v-c2e91be8] {
  display: flex;
  align-items: center;
  height: 36px;
  line-height: 36px;
  color: #8d8c8c;
}
.dp p span[data-v-c2e91be8] {
  width: 70px;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
  display: inline-block;
  padding: 5px 10px;
  font-size: 15px;
  color: #666;
}
.dp .img_p[data-v-c2e91be8] {
  display: flex;
  height: auto;
}
.dp p i[data-v-c2e91be8] {
  display: inline-block;
  overflow: hidden;
}
.dp p i img[data-v-c2e91be8] {
  width: 100px;
  height: 100px;
  display: inline-block;
  vertical-align: middle;
  float: left;
  margin-right: 10px;
}
.fj_dep > > > img[data-v-c2e91be8] {
  display: inline-block;
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 10px;
  cursor: pointer;
}

.fontSize12[data-v-143a3dca] {
  font-size: 12px !important;
}
.fontSize14[data-v-143a3dca] {
  font-size: 14px !important;
}
.fontSize15[data-v-143a3dca] {
  font-size: 15px !important;
}
.fontSize16[data-v-143a3dca] {
  font-size: 16px !important;
}
.fontSize18[data-v-143a3dca] {
  font-size: 18px !important;
}
.mTop30[data-v-143a3dca] {
  margin-top: 30px;
}
.mTop10[data-v-143a3dca] {
  margin-top: 10px;
}
.mTop5[data-v-143a3dca] {
  margin-top: 5px;
}
.mRight10[data-v-143a3dca] {
  margin-right: 10px;
}
.mRight5[data-v-143a3dca] {
  margin-right: 5px;
}
.mLeft10[data-v-143a3dca] {
  margin-left: 10px;
}
.mLeft5[data-v-143a3dca] {
  margin-left: 5px;
}
.mBottom5[data-v-143a3dca] {
  margin-bottom: 5px;
}
.mBottom10[data-v-143a3dca] {
  margin-bottom: 10px;
}
.mBottom15[data-v-143a3dca] {
  margin-bottom: 15px;
}
.mBottom20[data-v-143a3dca] {
  margin-bottom: 20px;
}
.mBottom25[data-v-143a3dca] {
  margin-bottom: 25px;
}
.m020[data-v-143a3dca] {
  margin: 0 20px;
}
.pn_left15[data-v-143a3dca] {
  padding: 15px 15px 15px 0;
}
.pTB5[data-v-143a3dca] {
  padding: 5px 0;
}
.pLR15[data-v-143a3dca] {
  padding: 0 15px;
}
.pLR30[data-v-143a3dca] {
  padding: 0 30px;
}
.pad15[data-v-143a3dca] {
  padding: 15px;
}
.pad25[data-v-143a3dca] {
  padding: 25px;
}
*[data-v-143a3dca] {
  font-style: normal;
}
.h4_style1[data-v-143a3dca] {
  font-weight: 700;
  color: #2463f3;
  font-size: 18px;
  padding-left: 5px;
  position: relative;
}
.h4_style1[data-v-143a3dca]::before {
  content: "";
  display: block;
  width: 4px;
  position: absolute;
  left: -8px;
  height: 17px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #2463f3;
}
.flex_justify_center[data-v-143a3dca] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex_justify_between[data-v-143a3dca] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex_column[data-v-143a3dca] {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.flex_align_center[data-v-143a3dca] {
  display: flex;
  align-items: center;
}
.flex_cloumn[data-v-143a3dca] {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cssStyle1[data-v-143a3dca] {
  background: rgba(0, 126, 255, 0.1);
  color: #007eff;
  display: flex;
  align-items: center;
  padding: 2px 20px 2px 10px;
  background: linear-gradient(70deg, rgba(0, 126, 255, 0.1) calc(100% - 10px), transparent 0);
}
.cssStyle2[data-v-143a3dca] {
  background: rgba(255, 97, 78, 0.1);
  color: #ff614e;
  padding: 2px 10px 2px 20px;
  background: linear-gradient(250deg, rgba(255, 97, 78, 0.1) calc(100% - 10px), transparent 0);
  display: flex;
  align-items: center;
  margin-left: -8px;
}
.cssStyle3[data-v-143a3dca] {
  border-radius: 14px;
  padding: 3px 14px;
  text-align: center;
}
.cssStyle4[data-v-143a3dca] {
  margin-right: 10px;
  text-align: center;
  padding: 2px 5px;
  background: rgba(255, 97, 78, 0.8);
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  flex-basis: 0;
  white-space: nowrap;
}
.style_act1[data-v-143a3dca] {
  border: 1px solid #daedd4;
  background: #f1f6f2;
  color: #67c23a;
}
.spotShow[data-v-143a3dca] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.act_search[data-v-143a3dca] {
  color: #2463f3 !important;
  background: #fff;
}
.act_search[data-v-143a3dca]:after {
  content: '';
  display: inline-block;
  width: 35px;
  height: 1px;
  background: #2463f3;
  position: absolute;
  bottom: 0;
  right: 28%;
}
.in_block_i[data-v-143a3dca] {
  display: inline-block;
}
.fontWeight500[data-v-143a3dca] {
  font-weight: 500;
}
.fontWeight700[data-v-143a3dca] {
  font-weight: 700;
}
.width_300[data-v-143a3dca] {
  width: 300px !important;
  margin-right: 30px !important;
}
.borderRadius5[data-v-143a3dca] {
  border-radius: 5px;
}
.borderRadius7[data-v-143a3dca] {
  border-radius: 7px;
}
.borderRadius10[data-v-143a3dca] {
  border-radius: 10px;
}
.color_blue_01[data-v-143a3dca] {
  color: #2cbcfa;
}
.color_red[data-v-143a3dca] {
  color: red !important;
}
.color_999[data-v-143a3dca] {
  color: #999 !important;
}
.color_666[data-v-143a3dca] {
  color: #666 !important;
}
.color_333[data-v-143a3dca] {
  color: #333 !important;
}
.color_222[data-v-143a3dca] {
  color: #222 !important;
}
.color_000[data-v-143a3dca] {
  color: #000 !important;
}
.color_2463f3[data-v-143a3dca] {
  color: #2463f3 !important;
}
.color_337bff[data-v-143a3dca] {
  color: #337bff !important;
}
.color_FFF[data-v-143a3dca] {
  color: #FFF !important;
}
.color_67c23a[data-v-143a3dca] {
  color: #67c23a !important;
}
.background_f2f2f2[data-v-143a3dca] {
  background: #f2f2f2;
}
.background_f7f8fa[data-v-143a3dca] {
  background: #f7f8fa;
}
.background_FFF[data-v-143a3dca] {
  background: #FFF;
}
.primary_btn[data-v-143a3dca] {
  color: #2cbcfa;
  border: 1px solid #2cbcfa;
}
.see_btn[data-v-143a3dca] {
  width: 100%;
  height: 60px;
  background: #fff;
  position: fixed;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.textLeft_btn[data-v-143a3dca] {
  width: 100%;
  height: 50px;
  text-align: left;
  margin-top: 50px;
}
.textCenter_btn[data-v-143a3dca] {
  width: 100%;
  height: 50px;
  text-align: center;
  margin-top: 50px;
}
.textCenter_btn_d[data-v-143a3dca] {
  width: 100%;
  height: 50px;
  text-align: center;
  margin-top: 30px;
}
.textRight_btn[data-v-143a3dca] {
  width: 100%;
  height: 50px;
  text-align: right;
  margin-top: 50px;
}
.btn_92b1f9[data-v-143a3dca] {
  color: #fff;
  background-color: #92b1f9;
  border-color: #92b1f9;
}
.btn_2463f3[data-v-143a3dca] {
  color: #2463f3;
  background: #e9effe;
  border-color: #a7c1fa;
}
.btn_40[data-v-143a3dca] {
  height: 40px;
}
.btn_60[data-v-143a3dca] {
  height: 60px;
}
.btn_ffa200[data-v-143a3dca] {
  background: #ffa200;
  margin-right: 16px;
  color: #fff;
  font-size: 14px;
  border-color: #fff;
  border-radius: 4px;
}
.btn_ff5d4e[data-v-143a3dca] {
  height: 45px;
  background: linear-gradient(90deg, #ff5d4e, #ff964d);
  border-radius: 23px;
  width: 114px;
  font-size: 16px;
  border-color: #fff;
  color: #fff;
}
.trans_deg90[data-v-143a3dca] {
  transform: rotate(90deg);
}
.span_line[data-v-143a3dca] {
  display: inline-block;
  width: 100%;
  border-top: 1px dashed #ccc;
}
.span_line1[data-v-143a3dca] {
  display: inline-block;
  width: 1px;
  background-color: #e5e5e5;
  height: 79%;
  left: 30px;
  top: 45px;
  z-index: 2;
}
.p_re[data-v-143a3dca] {
  position: relative;
}
.p_abTR[data-v-143a3dca] {
  position: absolute;
  right: 5px;
  top: 0;
}
.curPointer[data-v-143a3dca] {
  cursor: pointer;
}
.default_img[data-v-143a3dca] {
  display: inline-block;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.img20[data-v-143a3dca] {
  display: inline-block;
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
.img50[data-v-143a3dca] {
  display: inline-block;
  width: 50px;
  height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
}
.p_relative[data-v-143a3dca] {
  position: relative;
}
.p_absoluteD[data-v-143a3dca] {
  position: absolute;
}
.p_absolute[data-v-143a3dca] {
  position: absolute;
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  top: 20px;
  left: 20px;
  font-size: 20px;
  color: #fff;
}
.p_absolute1[data-v-143a3dca] {
  position: absolute;
  right: 0;
}
.p_absolute_img_right_top[data-v-143a3dca] {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 74px;
  height: 23px;
  background-size: contain;
}
.p_fixed[data-v-143a3dca] {
  position: fixed;
  bottom: 0;
  left: 0;
}
.div_width70[data-v-143a3dca] {
  width: 70%;
  margin: 0 auto;
}
.text_space[data-v-143a3dca] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 160px;
}
.span_status[data-v-143a3dca] {
  height: 22px;
  border-radius: 4px;
  font-weight: 500;
  text-align: center;
  line-height: 22px;
  font-size: 12px;
  padding: 3px 6px;
}
.noStart_status[data-v-143a3dca] {
  border: 1px solid #ffa200 !important;
  background: transparent;
  border-radius: 14px;
}
.span_status1[data-v-143a3dca] {
  height: 22px;
  font-weight: 700;
  color: #2463f3;
  font-size: 14px !important;
  margin-left: 18px;
  padding: 4px 6px !important;
  border-radius: 11px;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
}
.start_status[data-v-143a3dca] {
  color: #337bff;
  background: #e9effe;
}
.start_status1[data-v-143a3dca] {
  color: #ffa200 !important;
  background: none !important;
  border: 1px solid #ffa200 !important;
}
.lineHeight40[data-v-143a3dca] {
  height: 40px;
  line-height: 40px;
}
.afterRVertical[data-v-143a3dca]::after {
  display: inline-block;
  content: '';
  width: 1px;
  height: 14px;
  background: #2463f3;
  position: relative;
  right: -14px;
  top: 2px;
}
.afterRVertical_temp1[data-v-143a3dca]::after {
  content: "";
  position: absolute;
  right: 0;
  width: 1px;
  height: 36px;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.01), rgba(208, 208, 208, 0.99) 51%, rgba(255, 255, 255, 0));
  top: 50%;
  transform: translateY(-50%);
}
.defaultRight_1[data-v-143a3dca] {
  width: 95%;
  margin-left: 15px;
}
.defaultLeft_260[data-v-143a3dca] {
  width: 260px;
  height: 100%;
}
.imgContain[data-v-143a3dca] {
  -o-object-fit: contain;
     object-fit: contain;
}
.imgCover[data-v-143a3dca] {
  -o-object-fit: cover;
     object-fit: cover;
}
.boxWH100[data-v-143a3dca] {
  width: 100%;
  height: 100%;
}
.boxMarAuto90[data-v-143a3dca] {
  width: 90%;
  min-height: 400px;
  margin: 0 auto;
}
.default_list[data-v-143a3dca] {
  display: flex;
}
.default_list_left[data-v-143a3dca] {
  width: 220px;
  margin-right: 20px;
  min-height: 300px;
}
.default_list_right[data-v-143a3dca] {
  flex: 1;
  width: 100%;
  min-height: 300px;
}
.default_list_left02[data-v-143a3dca] {
  flex: 1;
  width: 100%;
  min-height: 300px;
}
.default_list_right02[data-v-143a3dca] {
  width: 220px;
  margin-left: 20px;
  min-height: 300px;
}
.fontOverFlow[data-v-143a3dca] {
  font-size: 14px;
  color: #666;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: unset;
}
.couse-status[data-v-143a3dca] {
  height: 22px;
  font-weight: 700;
  color: #2463f3;
  font-size: 14px !important;
  margin-left: 18px;
  padding: 4px 6px !important;
  border-radius: 11px;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
}
.couse-status-02[data-v-143a3dca] {
  color: #5f94f5 !important;
  background: #e3eaf9 !important;
  border: none !important;
}
.h3_backg_img[data-v-143a3dca] {
  position: relative;
  font-weight: 700;
  color: #222;
  font-size: 18px;
  margin-right: 35px;
  z-index: 1;
}
.h3_backg_img[data-v-143a3dca]::before, .h3_backg_img[data-v-143a3dca]::after {
    content: "";
    position: absolute;
    opacity: .5;
    border-radius: 50%;
    display: inline-block;
    z-index: -1;
}
.h3_backg_img[data-v-143a3dca]::before {
    background: linear-gradient(-35deg, #bee5fb 100%, #eff3f5 0);
    top: -3px;
    left: -12px;
    height: 26px;
    width: 26px;
}
.h3_backg_img[data-v-143a3dca]::after {
    background: linear-gradient(-35deg, #cffcac 100%, #eefce2 0);
    bottom: -5px;
    right: -10px;
    height: 18px;
    width: 18px;
}
.nav_ul_temp2[data-v-143a3dca] {
  display: flex;
  align-items: center;
}
.nav_ul_temp2 li[data-v-143a3dca] {
    height: 32px;
    line-height: 32px;
    padding: 0 16px;
    font-size: 12px;
}
.navActLi[data-v-143a3dca] {
  color: #2463f3 !important;
  background: #e3eaf9;
  border-radius: 16px;
  font-weight: 700;
  padding: 0 16px;
}
.nav_ul_temp3[data-v-143a3dca] {
  height: 100%;
  display: flex;
  align-items: center;
}
.nav_ul_temp3 li[data-v-143a3dca] {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    position: relative;
    padding: 0 30px;
}
.nav_ul_temp4 li[data-v-143a3dca] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.nav_ul_temp5[data-v-143a3dca] {
  display: flex;
  flex-wrap: wrap;
}
.nav_ul_temp5 li[data-v-143a3dca] {
    font-size: 14px;
    padding: 5px 13px;
    border-radius: 4px;
    margin: 0 5px 14px 5px;
}
.default_list_wrap[data-v-143a3dca] {
  display: flex;
  flex-wrap: wrap;
}
.default_list_wrap .list_one[data-v-143a3dca] {
    width: 30%;
    min-height: 260px;
    box-shadow: 0 5px 6px 0 #d3d5da5c;
    margin: 0 3% 3% 0;
}
.list_one_hover[data-v-143a3dca]:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 6px 0 #d5d7dc5c;
}
.nav_ul[data-v-143a3dca] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 7px;
  overflow: hidden;
}
.nav_ul .nav_title[data-v-143a3dca] {
    font-size: 14px;
    font-weight: 700;
    margin-right: 7px;
    float: left;
    height: 36px;
    line-height: 36px;
}
.nav_ul .nav_content[data-v-143a3dca],
  .nav_ul .nav_ul_p[data-v-143a3dca] {
    font-size: 14px;
    padding: 8px 20px;
    color: #333;
    float: left;
    cursor: pointer;
    margin-right: 10px;
}
.nav_ul .nav_content[data-v-143a3dca]:hover,
    .nav_ul .nav_ul_p[data-v-143a3dca]:hover {
      border-radius: 15px;
      color: #2463f3;
      background: #e3eaf9;
      border-bottom-color: transparent;
}
.nav_ul .nav_active[data-v-143a3dca] {
    border-radius: 15px;
    color: #2463f3;
    background: #e3eaf9;
    border-bottom-color: transparent;
}
.default_box[data-v-143a3dca] {
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f7f8fa;
}
.default_box .default_main[data-v-143a3dca] {
    position: relative;
    min-height: 500px;
    top: -60px;
    width: 70%;
    border-radius: 7px;
}
.default_box .default_main .default_top[data-v-143a3dca] {
      min-height: 80px;
      background: #fff;
      margin-bottom: 20px;
      border-radius: 10px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 20px;
}
.default_box .default_main .default_list[data-v-143a3dca] {
      padding: 20px;
      border-radius: 10px;
      min-height: 400px;
      background: #fff;
}
.course_box[data-v-143a3dca] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  height: 100%;
  padding: 20px;
}
.course_box .course_main[data-v-143a3dca] {
    width: 80%;
    margin: 0 auto;
}
.course_box .course_main .banner[data-v-143a3dca] {
      display: inline-block;
      width: 100%;
      border-radius: 7px;
}
.course_box .course_main .course_list[data-v-143a3dca] {
      border-radius: 7px;
      width: 100%;
      margin-top: 20px;
      min-height: 500px;
      background: #fff;
      padding: 20px;
}
.course_box .course_main .course_list .course_nav[data-v-143a3dca] {
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.course_box .course_main .course_list .course_nav .nav_list[data-v-143a3dca] {
          display: flex;
          align-items: center;
}
.left[data-v-143a3dca] {
  width: 300px;
  height: 100%;
  border-right: 1px #eee solid;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  padding: 15px;
  padding-right: 2px;
  box-sizing: border-box;
  overflow-y: auto;
}
.left[data-v-143a3dca] .el-tree-node__content {
    height: auto;
    white-space: initial;
    word-break: break-all;
    padding: 8px 5px;
}
.dev-type-main-left[data-v-143a3dca] {
  position: relative;
}
.dev-type-main-left .custom-tree-node[data-v-143a3dca] {
    width: 100%;
}
.dev-type-main-left[data-v-143a3dca] .el-tree-node__expand-icon.is-leaf {
    padding: 0;
}
.dev-type-main-left .right-menu[data-v-143a3dca] {
  z-index: 1;
  height: 130px;
  width: 100px;
  position: fixed;
  border-radius: 5px;
  border: 1px solid #ccc;
  background-color: white;
}
.dev-type-main-left .right-menu .menu-item[data-v-143a3dca] {
  line-height: 20px;
  text-align: left;
  margin-top: 10px;
  font-size: 14px;
  color: #606266;
  padding-left: 10px;
}
.dev-type-main-left .right-menu li.menu-item[data-v-143a3dca]:hover {
  cursor: pointer;
  background-color: #1790ff;
  color: white;
}
.right[data-v-143a3dca] {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 300px;
  padding: 15px;
  overflow-y: auto;
}
.right[data-v-143a3dca] .el-descriptions__body {
    background: transparent;
}
[data-v-143a3dca]::-webkit-scrollbar {
  width: 6px;
}
[data-v-143a3dca]::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 10px;
}
.contractBox[data-v-143a3dca] .el-tree-node__content {
  height: auto;
  white-space: initial;
  word-break: break-all;
  padding: 8px 5px;
}
.contractBox[data-v-143a3dca] .el-tree-node__expand-icon.is-leaf {
  padding: 0;
}
.icoSty[data-v-143a3dca] {
  width: 30px;
  height: 30px;
  background: #eeeeee;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  color: #666;
  cursor: pointer;
  font-size: 16px;
}
.icoSty[data-v-143a3dca]:hover {
  background: #66b1ff;
  cursor: pointer;
  color: #fff;
}
.icoSty[data-v-143a3dca]:nth-child(1):hover {
  background: #67c23a;
}
.icoSty[data-v-143a3dca]:last-child:hover {
  background: #f56c6c;
}
.dp p[data-v-143a3dca] {
  display: flex;
  align-items: center;
  height: 36px;
  line-height: 36px;
  color: #8d8c8c;
}
.dp p span[data-v-143a3dca] {
  width: 70px;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
  display: inline-block;
  padding: 5px 10px;
  font-size: 15px;
  color: #666;
}
.dp .img_p[data-v-143a3dca] {
  display: flex;
  height: auto;
}
.dp p i[data-v-143a3dca] {
  display: inline-block;
  overflow: hidden;
}
.dp p i img[data-v-143a3dca] {
  width: 100px;
  height: 100px;
  display: inline-block;
  vertical-align: middle;
  float: left;
  margin-right: 10px;
}
.fj_dep > > > img[data-v-143a3dca] {
  display: inline-block;
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 10px;
  cursor: pointer;
}

.fontSize12[data-v-f0c5d2a2] {
  font-size: 12px !important;
}
.fontSize14[data-v-f0c5d2a2] {
  font-size: 14px !important;
}
.fontSize15[data-v-f0c5d2a2] {
  font-size: 15px !important;
}
.fontSize16[data-v-f0c5d2a2] {
  font-size: 16px !important;
}
.fontSize18[data-v-f0c5d2a2] {
  font-size: 18px !important;
}
.mTop30[data-v-f0c5d2a2] {
  margin-top: 30px;
}
.mTop10[data-v-f0c5d2a2] {
  margin-top: 10px;
}
.mTop5[data-v-f0c5d2a2] {
  margin-top: 5px;
}
.mRight10[data-v-f0c5d2a2] {
  margin-right: 10px;
}
.mRight5[data-v-f0c5d2a2] {
  margin-right: 5px;
}
.mLeft10[data-v-f0c5d2a2] {
  margin-left: 10px;
}
.mLeft5[data-v-f0c5d2a2] {
  margin-left: 5px;
}
.mBottom5[data-v-f0c5d2a2] {
  margin-bottom: 5px;
}
.mBottom10[data-v-f0c5d2a2] {
  margin-bottom: 10px;
}
.mBottom15[data-v-f0c5d2a2] {
  margin-bottom: 15px;
}
.mBottom20[data-v-f0c5d2a2] {
  margin-bottom: 20px;
}
.mBottom25[data-v-f0c5d2a2] {
  margin-bottom: 25px;
}
.m020[data-v-f0c5d2a2] {
  margin: 0 20px;
}
.pn_left15[data-v-f0c5d2a2] {
  padding: 15px 15px 15px 0;
}
.pTB5[data-v-f0c5d2a2] {
  padding: 5px 0;
}
.pLR15[data-v-f0c5d2a2] {
  padding: 0 15px;
}
.pLR30[data-v-f0c5d2a2] {
  padding: 0 30px;
}
.pad15[data-v-f0c5d2a2] {
  padding: 15px;
}
.pad25[data-v-f0c5d2a2] {
  padding: 25px;
}
*[data-v-f0c5d2a2] {
  font-style: normal;
}
.h4_style1[data-v-f0c5d2a2] {
  font-weight: 700;
  color: #2463f3;
  font-size: 18px;
  padding-left: 5px;
  position: relative;
}
.h4_style1[data-v-f0c5d2a2]::before {
  content: "";
  display: block;
  width: 4px;
  position: absolute;
  left: -8px;
  height: 17px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #2463f3;
}
.flex_justify_center[data-v-f0c5d2a2] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex_justify_between[data-v-f0c5d2a2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex_column[data-v-f0c5d2a2] {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.flex_align_center[data-v-f0c5d2a2] {
  display: flex;
  align-items: center;
}
.flex_cloumn[data-v-f0c5d2a2] {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cssStyle1[data-v-f0c5d2a2] {
  background: rgba(0, 126, 255, 0.1);
  color: #007eff;
  display: flex;
  align-items: center;
  padding: 2px 20px 2px 10px;
  background: linear-gradient(70deg, rgba(0, 126, 255, 0.1) calc(100% - 10px), transparent 0);
}
.cssStyle2[data-v-f0c5d2a2] {
  background: rgba(255, 97, 78, 0.1);
  color: #ff614e;
  padding: 2px 10px 2px 20px;
  background: linear-gradient(250deg, rgba(255, 97, 78, 0.1) calc(100% - 10px), transparent 0);
  display: flex;
  align-items: center;
  margin-left: -8px;
}
.cssStyle3[data-v-f0c5d2a2] {
  border-radius: 14px;
  padding: 3px 14px;
  text-align: center;
}
.cssStyle4[data-v-f0c5d2a2] {
  margin-right: 10px;
  text-align: center;
  padding: 2px 5px;
  background: rgba(255, 97, 78, 0.8);
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  flex-basis: 0;
  white-space: nowrap;
}
.style_act1[data-v-f0c5d2a2] {
  border: 1px solid #daedd4;
  background: #f1f6f2;
  color: #67c23a;
}
.spotShow[data-v-f0c5d2a2] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.act_search[data-v-f0c5d2a2] {
  color: #2463f3 !important;
  background: #fff;
}
.act_search[data-v-f0c5d2a2]:after {
  content: '';
  display: inline-block;
  width: 35px;
  height: 1px;
  background: #2463f3;
  position: absolute;
  bottom: 0;
  right: 28%;
}
.in_block_i[data-v-f0c5d2a2] {
  display: inline-block;
}
.fontWeight500[data-v-f0c5d2a2] {
  font-weight: 500;
}
.fontWeight700[data-v-f0c5d2a2] {
  font-weight: 700;
}
.width_300[data-v-f0c5d2a2] {
  width: 300px !important;
  margin-right: 30px !important;
}
.borderRadius5[data-v-f0c5d2a2] {
  border-radius: 5px;
}
.borderRadius7[data-v-f0c5d2a2] {
  border-radius: 7px;
}
.borderRadius10[data-v-f0c5d2a2] {
  border-radius: 10px;
}
.color_blue_01[data-v-f0c5d2a2] {
  color: #2cbcfa;
}
.color_red[data-v-f0c5d2a2] {
  color: red !important;
}
.color_999[data-v-f0c5d2a2] {
  color: #999 !important;
}
.color_666[data-v-f0c5d2a2] {
  color: #666 !important;
}
.color_333[data-v-f0c5d2a2] {
  color: #333 !important;
}
.color_222[data-v-f0c5d2a2] {
  color: #222 !important;
}
.color_000[data-v-f0c5d2a2] {
  color: #000 !important;
}
.color_2463f3[data-v-f0c5d2a2] {
  color: #2463f3 !important;
}
.color_337bff[data-v-f0c5d2a2] {
  color: #337bff !important;
}
.color_FFF[data-v-f0c5d2a2] {
  color: #FFF !important;
}
.color_67c23a[data-v-f0c5d2a2] {
  color: #67c23a !important;
}
.background_f2f2f2[data-v-f0c5d2a2] {
  background: #f2f2f2;
}
.background_f7f8fa[data-v-f0c5d2a2] {
  background: #f7f8fa;
}
.background_FFF[data-v-f0c5d2a2] {
  background: #FFF;
}
.primary_btn[data-v-f0c5d2a2] {
  color: #2cbcfa;
  border: 1px solid #2cbcfa;
}
.see_btn[data-v-f0c5d2a2] {
  width: 100%;
  height: 60px;
  background: #fff;
  position: fixed;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.textLeft_btn[data-v-f0c5d2a2] {
  width: 100%;
  height: 50px;
  text-align: left;
  margin-top: 50px;
}
.textCenter_btn[data-v-f0c5d2a2] {
  width: 100%;
  height: 50px;
  text-align: center;
  margin-top: 50px;
}
.textCenter_btn_d[data-v-f0c5d2a2] {
  width: 100%;
  height: 50px;
  text-align: center;
  margin-top: 30px;
}
.textRight_btn[data-v-f0c5d2a2] {
  width: 100%;
  height: 50px;
  text-align: right;
  margin-top: 50px;
}
.btn_92b1f9[data-v-f0c5d2a2] {
  color: #fff;
  background-color: #92b1f9;
  border-color: #92b1f9;
}
.btn_2463f3[data-v-f0c5d2a2] {
  color: #2463f3;
  background: #e9effe;
  border-color: #a7c1fa;
}
.btn_40[data-v-f0c5d2a2] {
  height: 40px;
}
.btn_60[data-v-f0c5d2a2] {
  height: 60px;
}
.btn_ffa200[data-v-f0c5d2a2] {
  background: #ffa200;
  margin-right: 16px;
  color: #fff;
  font-size: 14px;
  border-color: #fff;
  border-radius: 4px;
}
.btn_ff5d4e[data-v-f0c5d2a2] {
  height: 45px;
  background: linear-gradient(90deg, #ff5d4e, #ff964d);
  border-radius: 23px;
  width: 114px;
  font-size: 16px;
  border-color: #fff;
  color: #fff;
}
.trans_deg90[data-v-f0c5d2a2] {
  transform: rotate(90deg);
}
.span_line[data-v-f0c5d2a2] {
  display: inline-block;
  width: 100%;
  border-top: 1px dashed #ccc;
}
.span_line1[data-v-f0c5d2a2] {
  display: inline-block;
  width: 1px;
  background-color: #e5e5e5;
  height: 79%;
  left: 30px;
  top: 45px;
  z-index: 2;
}
.p_re[data-v-f0c5d2a2] {
  position: relative;
}
.p_abTR[data-v-f0c5d2a2] {
  position: absolute;
  right: 5px;
  top: 0;
}
.curPointer[data-v-f0c5d2a2] {
  cursor: pointer;
}
.default_img[data-v-f0c5d2a2] {
  display: inline-block;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.img20[data-v-f0c5d2a2] {
  display: inline-block;
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
.img50[data-v-f0c5d2a2] {
  display: inline-block;
  width: 50px;
  height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
}
.p_relative[data-v-f0c5d2a2] {
  position: relative;
}
.p_absoluteD[data-v-f0c5d2a2] {
  position: absolute;
}
.p_absolute[data-v-f0c5d2a2] {
  position: absolute;
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  top: 20px;
  left: 20px;
  font-size: 20px;
  color: #fff;
}
.p_absolute1[data-v-f0c5d2a2] {
  position: absolute;
  right: 0;
}
.p_absolute_img_right_top[data-v-f0c5d2a2] {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 74px;
  height: 23px;
  background-size: contain;
}
.p_fixed[data-v-f0c5d2a2] {
  position: fixed;
  bottom: 0;
  left: 0;
}
.div_width70[data-v-f0c5d2a2] {
  width: 70%;
  margin: 0 auto;
}
.text_space[data-v-f0c5d2a2] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 160px;
}
.span_status[data-v-f0c5d2a2] {
  height: 22px;
  border-radius: 4px;
  font-weight: 500;
  text-align: center;
  line-height: 22px;
  font-size: 12px;
  padding: 3px 6px;
}
.noStart_status[data-v-f0c5d2a2] {
  border: 1px solid #ffa200 !important;
  background: transparent;
  border-radius: 14px;
}
.span_status1[data-v-f0c5d2a2] {
  height: 22px;
  font-weight: 700;
  color: #2463f3;
  font-size: 14px !important;
  margin-left: 18px;
  padding: 4px 6px !important;
  border-radius: 11px;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
}
.start_status[data-v-f0c5d2a2] {
  color: #337bff;
  background: #e9effe;
}
.start_status1[data-v-f0c5d2a2] {
  color: #ffa200 !important;
  background: none !important;
  border: 1px solid #ffa200 !important;
}
.lineHeight40[data-v-f0c5d2a2] {
  height: 40px;
  line-height: 40px;
}
.afterRVertical[data-v-f0c5d2a2]::after {
  display: inline-block;
  content: '';
  width: 1px;
  height: 14px;
  background: #2463f3;
  position: relative;
  right: -14px;
  top: 2px;
}
.afterRVertical_temp1[data-v-f0c5d2a2]::after {
  content: "";
  position: absolute;
  right: 0;
  width: 1px;
  height: 36px;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.01), rgba(208, 208, 208, 0.99) 51%, rgba(255, 255, 255, 0));
  top: 50%;
  transform: translateY(-50%);
}
.defaultRight_1[data-v-f0c5d2a2] {
  width: 95%;
  margin-left: 15px;
}
.defaultLeft_260[data-v-f0c5d2a2] {
  width: 260px;
  height: 100%;
}
.imgContain[data-v-f0c5d2a2] {
  -o-object-fit: contain;
     object-fit: contain;
}
.imgCover[data-v-f0c5d2a2] {
  -o-object-fit: cover;
     object-fit: cover;
}
.boxWH100[data-v-f0c5d2a2] {
  width: 100%;
  height: 100%;
}
.boxMarAuto90[data-v-f0c5d2a2] {
  width: 90%;
  min-height: 400px;
  margin: 0 auto;
}
.default_list[data-v-f0c5d2a2] {
  display: flex;
}
.default_list_left[data-v-f0c5d2a2] {
  width: 220px;
  margin-right: 20px;
  min-height: 300px;
}
.default_list_right[data-v-f0c5d2a2] {
  flex: 1;
  width: 100%;
  min-height: 300px;
}
.default_list_left02[data-v-f0c5d2a2] {
  flex: 1;
  width: 100%;
  min-height: 300px;
}
.default_list_right02[data-v-f0c5d2a2] {
  width: 220px;
  margin-left: 20px;
  min-height: 300px;
}
.fontOverFlow[data-v-f0c5d2a2] {
  font-size: 14px;
  color: #666;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: unset;
}
.couse-status[data-v-f0c5d2a2] {
  height: 22px;
  font-weight: 700;
  color: #2463f3;
  font-size: 14px !important;
  margin-left: 18px;
  padding: 4px 6px !important;
  border-radius: 11px;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
}
.couse-status-02[data-v-f0c5d2a2] {
  color: #5f94f5 !important;
  background: #e3eaf9 !important;
  border: none !important;
}
.h3_backg_img[data-v-f0c5d2a2] {
  position: relative;
  font-weight: 700;
  color: #222;
  font-size: 18px;
  margin-right: 35px;
  z-index: 1;
}
.h3_backg_img[data-v-f0c5d2a2]::before, .h3_backg_img[data-v-f0c5d2a2]::after {
    content: "";
    position: absolute;
    opacity: .5;
    border-radius: 50%;
    display: inline-block;
    z-index: -1;
}
.h3_backg_img[data-v-f0c5d2a2]::before {
    background: linear-gradient(-35deg, #bee5fb 100%, #eff3f5 0);
    top: -3px;
    left: -12px;
    height: 26px;
    width: 26px;
}
.h3_backg_img[data-v-f0c5d2a2]::after {
    background: linear-gradient(-35deg, #cffcac 100%, #eefce2 0);
    bottom: -5px;
    right: -10px;
    height: 18px;
    width: 18px;
}
.nav_ul_temp2[data-v-f0c5d2a2] {
  display: flex;
  align-items: center;
}
.nav_ul_temp2 li[data-v-f0c5d2a2] {
    height: 32px;
    line-height: 32px;
    padding: 0 16px;
    font-size: 12px;
}
.navActLi[data-v-f0c5d2a2] {
  color: #2463f3 !important;
  background: #e3eaf9;
  border-radius: 16px;
  font-weight: 700;
  padding: 0 16px;
}
.nav_ul_temp3[data-v-f0c5d2a2] {
  height: 100%;
  display: flex;
  align-items: center;
}
.nav_ul_temp3 li[data-v-f0c5d2a2] {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    position: relative;
    padding: 0 30px;
}
.nav_ul_temp4 li[data-v-f0c5d2a2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.nav_ul_temp5[data-v-f0c5d2a2] {
  display: flex;
  flex-wrap: wrap;
}
.nav_ul_temp5 li[data-v-f0c5d2a2] {
    font-size: 14px;
    padding: 5px 13px;
    border-radius: 4px;
    margin: 0 5px 14px 5px;
}
.default_list_wrap[data-v-f0c5d2a2] {
  display: flex;
  flex-wrap: wrap;
}
.default_list_wrap .list_one[data-v-f0c5d2a2] {
    width: 30%;
    min-height: 260px;
    box-shadow: 0 5px 6px 0 #d3d5da5c;
    margin: 0 3% 3% 0;
}
.list_one_hover[data-v-f0c5d2a2]:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 6px 0 #d5d7dc5c;
}
.nav_ul[data-v-f0c5d2a2] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 7px;
  overflow: hidden;
}
.nav_ul .nav_title[data-v-f0c5d2a2] {
    font-size: 14px;
    font-weight: 700;
    margin-right: 7px;
    float: left;
    height: 36px;
    line-height: 36px;
}
.nav_ul .nav_content[data-v-f0c5d2a2],
  .nav_ul .nav_ul_p[data-v-f0c5d2a2] {
    font-size: 14px;
    padding: 8px 20px;
    color: #333;
    float: left;
    cursor: pointer;
    margin-right: 10px;
}
.nav_ul .nav_content[data-v-f0c5d2a2]:hover,
    .nav_ul .nav_ul_p[data-v-f0c5d2a2]:hover {
      border-radius: 15px;
      color: #2463f3;
      background: #e3eaf9;
      border-bottom-color: transparent;
}
.nav_ul .nav_active[data-v-f0c5d2a2] {
    border-radius: 15px;
    color: #2463f3;
    background: #e3eaf9;
    border-bottom-color: transparent;
}
.default_box[data-v-f0c5d2a2] {
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f7f8fa;
}
.default_box .default_main[data-v-f0c5d2a2] {
    position: relative;
    min-height: 500px;
    top: -60px;
    width: 70%;
    border-radius: 7px;
}
.default_box .default_main .default_top[data-v-f0c5d2a2] {
      min-height: 80px;
      background: #fff;
      margin-bottom: 20px;
      border-radius: 10px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 20px;
}
.default_box .default_main .default_list[data-v-f0c5d2a2] {
      padding: 20px;
      border-radius: 10px;
      min-height: 400px;
      background: #fff;
}
.course_box[data-v-f0c5d2a2] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  height: 100%;
  padding: 20px;
}
.course_box .course_main[data-v-f0c5d2a2] {
    width: 80%;
    margin: 0 auto;
}
.course_box .course_main .banner[data-v-f0c5d2a2] {
      display: inline-block;
      width: 100%;
      border-radius: 7px;
}
.course_box .course_main .course_list[data-v-f0c5d2a2] {
      border-radius: 7px;
      width: 100%;
      margin-top: 20px;
      min-height: 500px;
      background: #fff;
      padding: 20px;
}
.course_box .course_main .course_list .course_nav[data-v-f0c5d2a2] {
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.course_box .course_main .course_list .course_nav .nav_list[data-v-f0c5d2a2] {
          display: flex;
          align-items: center;
}
.left[data-v-f0c5d2a2] {
  width: 300px;
  height: 100%;
  border-right: 1px #eee solid;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  padding: 15px;
  padding-right: 2px;
  box-sizing: border-box;
  overflow-y: auto;
}
.left[data-v-f0c5d2a2] .el-tree-node__content {
    height: auto;
    white-space: initial;
    word-break: break-all;
    padding: 8px 5px;
}
.dev-type-main-left[data-v-f0c5d2a2] {
  position: relative;
}
.dev-type-main-left .custom-tree-node[data-v-f0c5d2a2] {
    width: 100%;
}
.dev-type-main-left[data-v-f0c5d2a2] .el-tree-node__expand-icon.is-leaf {
    padding: 0;
}
.dev-type-main-left .right-menu[data-v-f0c5d2a2] {
  z-index: 1;
  height: 130px;
  width: 100px;
  position: fixed;
  border-radius: 5px;
  border: 1px solid #ccc;
  background-color: white;
}
.dev-type-main-left .right-menu .menu-item[data-v-f0c5d2a2] {
  line-height: 20px;
  text-align: left;
  margin-top: 10px;
  font-size: 14px;
  color: #606266;
  padding-left: 10px;
}
.dev-type-main-left .right-menu li.menu-item[data-v-f0c5d2a2]:hover {
  cursor: pointer;
  background-color: #1790ff;
  color: white;
}
.right[data-v-f0c5d2a2] {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 300px;
  padding: 15px;
  overflow-y: auto;
}
.right[data-v-f0c5d2a2] .el-descriptions__body {
    background: transparent;
}
[data-v-f0c5d2a2]::-webkit-scrollbar {
  width: 6px;
}
[data-v-f0c5d2a2]::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 10px;
}
.contractBox[data-v-f0c5d2a2] .el-tree-node__content {
  height: auto;
  white-space: initial;
  word-break: break-all;
  padding: 8px 5px;
}
.contractBox[data-v-f0c5d2a2] .el-tree-node__expand-icon.is-leaf {
  padding: 0;
}
.icoSty[data-v-f0c5d2a2] {
  width: 30px;
  height: 30px;
  background: #eeeeee;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  color: #666;
  cursor: pointer;
  font-size: 16px;
}
.icoSty[data-v-f0c5d2a2]:hover {
  background: #66b1ff;
  cursor: pointer;
  color: #fff;
}
.icoSty[data-v-f0c5d2a2]:nth-child(1):hover {
  background: #67c23a;
}
.icoSty[data-v-f0c5d2a2]:last-child:hover {
  background: #f56c6c;
}
.dp p[data-v-f0c5d2a2] {
  display: flex;
  align-items: center;
  height: 36px;
  line-height: 36px;
  color: #8d8c8c;
}
.dp p span[data-v-f0c5d2a2] {
  width: 70px;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
  display: inline-block;
  padding: 5px 10px;
  font-size: 15px;
  color: #666;
}
.dp .img_p[data-v-f0c5d2a2] {
  display: flex;
  height: auto;
}
.dp p i[data-v-f0c5d2a2] {
  display: inline-block;
  overflow: hidden;
}
.dp p i img[data-v-f0c5d2a2] {
  width: 100px;
  height: 100px;
  display: inline-block;
  vertical-align: middle;
  float: left;
  margin-right: 10px;
}
.fj_dep > > > img[data-v-f0c5d2a2] {
  display: inline-block;
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 10px;
  cursor: pointer;
}