.fontSize12[data-v-7589b93f] {
  font-size: 12px !important;
}
.fontSize14[data-v-7589b93f] {
  font-size: 14px !important;
}
.fontSize15[data-v-7589b93f] {
  font-size: 15px !important;
}
.fontSize16[data-v-7589b93f] {
  font-size: 16px !important;
}
.fontSize18[data-v-7589b93f] {
  font-size: 18px !important;
}
.mTop30[data-v-7589b93f] {
  margin-top: 30px;
}
.mTop10[data-v-7589b93f] {
  margin-top: 10px;
}
.mTop5[data-v-7589b93f] {
  margin-top: 5px;
}
.mRight10[data-v-7589b93f] {
  margin-right: 10px;
}
.mRight5[data-v-7589b93f] {
  margin-right: 5px;
}
.mLeft10[data-v-7589b93f] {
  margin-left: 10px;
}
.mLeft5[data-v-7589b93f] {
  margin-left: 5px;
}
.mBottom5[data-v-7589b93f] {
  margin-bottom: 5px;
}
.mBottom10[data-v-7589b93f] {
  margin-bottom: 10px;
}
.mBottom15[data-v-7589b93f] {
  margin-bottom: 15px;
}
.mBottom20[data-v-7589b93f] {
  margin-bottom: 20px;
}
.mBottom25[data-v-7589b93f] {
  margin-bottom: 25px;
}
.m020[data-v-7589b93f] {
  margin: 0 20px;
}
.pn_left15[data-v-7589b93f] {
  padding: 15px 15px 15px 0;
}
.pTB5[data-v-7589b93f] {
  padding: 5px 0;
}
.pLR15[data-v-7589b93f] {
  padding: 0 15px;
}
.pLR30[data-v-7589b93f] {
  padding: 0 30px;
}
.pad15[data-v-7589b93f] {
  padding: 15px;
}
.pad25[data-v-7589b93f] {
  padding: 25px;
}
*[data-v-7589b93f] {
  font-style: normal;
}
.h4_style1[data-v-7589b93f] {
  font-weight: 700;
  color: #2463f3;
  font-size: 18px;
  padding-left: 5px;
  position: relative;
}
.h4_style1[data-v-7589b93f]::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-7589b93f] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex_justify_between[data-v-7589b93f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex_column[data-v-7589b93f] {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.flex_align_center[data-v-7589b93f] {
  display: flex;
  align-items: center;
}
.flex_cloumn[data-v-7589b93f] {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cssStyle1[data-v-7589b93f] {
  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-7589b93f] {
  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-7589b93f] {
  border-radius: 14px;
  padding: 3px 14px;
  text-align: center;
}
.cssStyle4[data-v-7589b93f] {
  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-7589b93f] {
  border: 1px solid #daedd4;
  background: #f1f6f2;
  color: #67c23a;
}
.spotShow[data-v-7589b93f] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.act_search[data-v-7589b93f] {
  color: #2463f3 !important;
  background: #fff;
}
.act_search[data-v-7589b93f]:after {
  content: '';
  display: inline-block;
  width: 35px;
  height: 1px;
  background: #2463f3;
  position: absolute;
  bottom: 0;
  right: 28%;
}
.in_block_i[data-v-7589b93f] {
  display: inline-block;
}
.fontWeight500[data-v-7589b93f] {
  font-weight: 500;
}
.fontWeight700[data-v-7589b93f] {
  font-weight: 700;
}
.width_300[data-v-7589b93f] {
  width: 300px !important;
  margin-right: 30px !important;
}
.borderRadius5[data-v-7589b93f] {
  border-radius: 5px;
}
.borderRadius7[data-v-7589b93f] {
  border-radius: 7px;
}
.borderRadius10[data-v-7589b93f] {
  border-radius: 10px;
}
.color_blue_01[data-v-7589b93f] {
  color: #2cbcfa;
}
.color_red[data-v-7589b93f] {
  color: red !important;
}
.color_999[data-v-7589b93f] {
  color: #999 !important;
}
.color_666[data-v-7589b93f] {
  color: #666 !important;
}
.color_333[data-v-7589b93f] {
  color: #333 !important;
}
.color_222[data-v-7589b93f] {
  color: #222 !important;
}
.color_000[data-v-7589b93f] {
  color: #000 !important;
}
.color_2463f3[data-v-7589b93f] {
  color: #2463f3 !important;
}
.color_337bff[data-v-7589b93f] {
  color: #337bff !important;
}
.color_FFF[data-v-7589b93f] {
  color: #FFF !important;
}
.color_67c23a[data-v-7589b93f] {
  color: #67c23a !important;
}
.background_f2f2f2[data-v-7589b93f] {
  background: #f2f2f2;
}
.background_f7f8fa[data-v-7589b93f] {
  background: #f7f8fa;
}
.background_FFF[data-v-7589b93f] {
  background: #FFF;
}
.primary_btn[data-v-7589b93f] {
  color: #2cbcfa;
  border: 1px solid #2cbcfa;
}
.see_btn[data-v-7589b93f] {
  width: 100%;
  height: 60px;
  background: #fff;
  position: fixed;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.textLeft_btn[data-v-7589b93f] {
  width: 100%;
  height: 50px;
  text-align: left;
  margin-top: 50px;
}
.textCenter_btn[data-v-7589b93f] {
  width: 100%;
  height: 50px;
  text-align: center;
  margin-top: 50px;
}
.textCenter_btn_d[data-v-7589b93f] {
  width: 100%;
  height: 50px;
  text-align: center;
  margin-top: 30px;
}
.textRight_btn[data-v-7589b93f] {
  width: 100%;
  height: 50px;
  text-align: right;
  margin-top: 50px;
}
.btn_92b1f9[data-v-7589b93f] {
  color: #fff;
  background-color: #92b1f9;
  border-color: #92b1f9;
}
.btn_2463f3[data-v-7589b93f] {
  color: #2463f3;
  background: #e9effe;
  border-color: #a7c1fa;
}
.btn_40[data-v-7589b93f] {
  height: 40px;
}
.btn_60[data-v-7589b93f] {
  height: 60px;
}
.btn_ffa200[data-v-7589b93f] {
  background: #ffa200;
  margin-right: 16px;
  color: #fff;
  font-size: 14px;
  border-color: #fff;
  border-radius: 4px;
}
.btn_ff5d4e[data-v-7589b93f] {
  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-7589b93f] {
  transform: rotate(90deg);
}
.span_line[data-v-7589b93f] {
  display: inline-block;
  width: 100%;
  border-top: 1px dashed #ccc;
}
.span_line1[data-v-7589b93f] {
  display: inline-block;
  width: 1px;
  background-color: #e5e5e5;
  height: 79%;
  left: 30px;
  top: 45px;
  z-index: 2;
}
.p_re[data-v-7589b93f] {
  position: relative;
}
.p_abTR[data-v-7589b93f] {
  position: absolute;
  right: 5px;
  top: 0;
}
.curPointer[data-v-7589b93f] {
  cursor: pointer;
}
.default_img[data-v-7589b93f] {
  display: inline-block;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.img20[data-v-7589b93f] {
  display: inline-block;
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
.img50[data-v-7589b93f] {
  display: inline-block;
  width: 50px;
  height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
}
.p_relative[data-v-7589b93f] {
  position: relative;
}
.p_absoluteD[data-v-7589b93f] {
  position: absolute;
}
.p_absolute[data-v-7589b93f] {
  position: absolute;
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  top: 20px;
  left: 20px;
  font-size: 20px;
  color: #fff;
}
.p_absolute1[data-v-7589b93f] {
  position: absolute;
  right: 0;
}
.p_absolute_img_right_top[data-v-7589b93f] {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 74px;
  height: 23px;
  background-size: contain;
}
.p_fixed[data-v-7589b93f] {
  position: fixed;
  bottom: 0;
  left: 0;
}
.div_width70[data-v-7589b93f] {
  width: 70%;
  margin: 0 auto;
}
.text_space[data-v-7589b93f] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 160px;
}
.span_status[data-v-7589b93f] {
  height: 22px;
  border-radius: 4px;
  font-weight: 500;
  text-align: center;
  line-height: 22px;
  font-size: 12px;
  padding: 3px 6px;
}
.noStart_status[data-v-7589b93f] {
  border: 1px solid #ffa200 !important;
  background: transparent;
  border-radius: 14px;
}
.span_status1[data-v-7589b93f] {
  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-7589b93f] {
  color: #337bff;
  background: #e9effe;
}
.start_status1[data-v-7589b93f] {
  color: #ffa200 !important;
  background: none !important;
  border: 1px solid #ffa200 !important;
}
.lineHeight40[data-v-7589b93f] {
  height: 40px;
  line-height: 40px;
}
.afterRVertical[data-v-7589b93f]::after {
  display: inline-block;
  content: '';
  width: 1px;
  height: 14px;
  background: #2463f3;
  position: relative;
  right: -14px;
  top: 2px;
}
.afterRVertical_temp1[data-v-7589b93f]::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-7589b93f] {
  width: 95%;
  margin-left: 15px;
}
.defaultLeft_260[data-v-7589b93f] {
  width: 260px;
  height: 100%;
}
.imgContain[data-v-7589b93f] {
  -o-object-fit: contain;
     object-fit: contain;
}
.imgCover[data-v-7589b93f] {
  -o-object-fit: cover;
     object-fit: cover;
}
.boxWH100[data-v-7589b93f] {
  width: 100%;
  height: 100%;
}
.boxMarAuto90[data-v-7589b93f] {
  width: 90%;
  min-height: 400px;
  margin: 0 auto;
}
.default_list[data-v-7589b93f] {
  display: flex;
}
.default_list_left[data-v-7589b93f] {
  width: 220px;
  margin-right: 20px;
  min-height: 300px;
}
.default_list_right[data-v-7589b93f] {
  flex: 1;
  width: 100%;
  min-height: 300px;
}
.default_list_left02[data-v-7589b93f] {
  flex: 1;
  width: 100%;
  min-height: 300px;
}
.default_list_right02[data-v-7589b93f] {
  width: 220px;
  margin-left: 20px;
  min-height: 300px;
}
.fontOverFlow[data-v-7589b93f] {
  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-7589b93f] {
  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-7589b93f] {
  color: #5f94f5 !important;
  background: #e3eaf9 !important;
  border: none !important;
}
.h3_backg_img[data-v-7589b93f] {
  position: relative;
  font-weight: 700;
  color: #222;
  font-size: 18px;
  margin-right: 35px;
  z-index: 1;
}
.h3_backg_img[data-v-7589b93f]::before, .h3_backg_img[data-v-7589b93f]::after {
    content: "";
    position: absolute;
    opacity: .5;
    border-radius: 50%;
    display: inline-block;
    z-index: -1;
}
.h3_backg_img[data-v-7589b93f]::before {
    background: linear-gradient(-35deg, #bee5fb 100%, #eff3f5 0);
    top: -3px;
    left: -12px;
    height: 26px;
    width: 26px;
}
.h3_backg_img[data-v-7589b93f]::after {
    background: linear-gradient(-35deg, #cffcac 100%, #eefce2 0);
    bottom: -5px;
    right: -10px;
    height: 18px;
    width: 18px;
}
.nav_ul_temp2[data-v-7589b93f] {
  display: flex;
  align-items: center;
}
.nav_ul_temp2 li[data-v-7589b93f] {
    height: 32px;
    line-height: 32px;
    padding: 0 16px;
    font-size: 12px;
}
.navActLi[data-v-7589b93f] {
  color: #2463f3 !important;
  background: #e3eaf9;
  border-radius: 16px;
  font-weight: 700;
  padding: 0 16px;
}
.nav_ul_temp3[data-v-7589b93f] {
  height: 100%;
  display: flex;
  align-items: center;
}
.nav_ul_temp3 li[data-v-7589b93f] {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    position: relative;
    padding: 0 30px;
}
.nav_ul_temp4 li[data-v-7589b93f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.nav_ul_temp5[data-v-7589b93f] {
  display: flex;
  flex-wrap: wrap;
}
.nav_ul_temp5 li[data-v-7589b93f] {
    font-size: 14px;
    padding: 5px 13px;
    border-radius: 4px;
    margin: 0 5px 14px 5px;
}
.default_list_wrap[data-v-7589b93f] {
  display: flex;
  flex-wrap: wrap;
}
.default_list_wrap .list_one[data-v-7589b93f] {
    width: 30%;
    min-height: 260px;
    box-shadow: 0 5px 6px 0 #d3d5da5c;
    margin: 0 3% 3% 0;
}
.list_one_hover[data-v-7589b93f]:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 6px 0 #d5d7dc5c;
}
.nav_ul[data-v-7589b93f] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 7px;
  overflow: hidden;
}
.nav_ul .nav_title[data-v-7589b93f] {
    font-size: 14px;
    font-weight: 700;
    margin-right: 7px;
    float: left;
    height: 36px;
    line-height: 36px;
}
.nav_ul .nav_content[data-v-7589b93f],
  .nav_ul .nav_ul_p[data-v-7589b93f] {
    font-size: 14px;
    padding: 8px 20px;
    color: #333;
    float: left;
    cursor: pointer;
    margin-right: 10px;
}
.nav_ul .nav_content[data-v-7589b93f]:hover,
    .nav_ul .nav_ul_p[data-v-7589b93f]:hover {
      border-radius: 15px;
      color: #2463f3;
      background: #e3eaf9;
      border-bottom-color: transparent;
}
.nav_ul .nav_active[data-v-7589b93f] {
    border-radius: 15px;
    color: #2463f3;
    background: #e3eaf9;
    border-bottom-color: transparent;
}
.default_box[data-v-7589b93f] {
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f7f8fa;
}
.default_box .default_main[data-v-7589b93f] {
    position: relative;
    min-height: 500px;
    top: -60px;
    width: 70%;
    border-radius: 7px;
}
.default_box .default_main .default_top[data-v-7589b93f] {
      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-7589b93f] {
      padding: 20px;
      border-radius: 10px;
      min-height: 400px;
      background: #fff;
}
.course_box[data-v-7589b93f] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  height: 100%;
  padding: 20px;
}
.course_box .course_main[data-v-7589b93f] {
    width: 80%;
    margin: 0 auto;
}
.course_box .course_main .banner[data-v-7589b93f] {
      display: inline-block;
      width: 100%;
      border-radius: 7px;
}
.course_box .course_main .course_list[data-v-7589b93f] {
      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-7589b93f] {
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.course_box .course_main .course_list .course_nav .nav_list[data-v-7589b93f] {
          display: flex;
          align-items: center;
}
*[data-v-7589b93f] {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
img[data-v-7589b93f] {
  vertical-align: middle;
  border-style: none;
}
.contentBox[data-v-7589b93f] {
  background-color: #f9fafc;
  position: relative;
  width: 100vw;
  height: 100vh;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  min-width: 1200px;
}
.logo[data-v-7589b93f] {
  position: absolute;
  top: 0;
  left: 34px;
}
.logo img[data-v-7589b93f] {
    zoom: .5;
}
.bottom-box[data-v-7589b93f] {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 12px;
  line-height: 1.8;
  color: #999;
}
.bottom-box ul[data-v-7589b93f] {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 0;
}
.bottom-box ul li[data-v-7589b93f] {
      margin: 0 20px;
      cursor: pointer;
}
.card-center[data-v-7589b93f] {
  background: #fff;
  width: 926px;
  height: 572px;
  box-shadow: 0 5px 30px 0 rgba(32, 80, 127, 0.1), 1px 0 3px 0 rgba(59, 124, 255, 0.1);
  border-radius: 14px;
  position: relative;
  display: flex;
  align-items: center;
}
.card-center .card-left[data-v-7589b93f] {
    width: 500px;
    height: 100%;
}
.card-center .card-left .card-left-title[data-v-7589b93f] {
      font-size: 26px;
      font-family: PingFang-SC-Heavy, PingFang-SC;
      font-weight: 800;
      color: #303133;
      margin-top: 40px;
}
.card-center .card-left .card-left-des[data-v-7589b93f] {
      font-size: 14px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #909399;
      width: 294px;
      margin-top: 48px;
}
.card-center .card-left .card-left-img[data-v-7589b93f] {
      width: 80%;
      margin-top: 40px;
}
.card-center .card-left .card-left-img ul[data-v-7589b93f] {
        display: flex;
        flex-wrap: wrap;
}
.card-center .card-left .card-left-img ul li[data-v-7589b93f] {
          width: 25%;
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 10px 0;
}
.card-center .card-left .card-left-img ul li .case-logo[data-v-7589b93f] {
            width: 58px;
            height: 65px;
            background-size: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            color: #fff;
            font-size: 11px;
            background-position: 50%;
            transition: all .3s ease;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABUCAYAAAAlDKGaAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAASqADAAQAAAABAAAAVAAAAADhHayrAAAFsklEQVR4Ae2cTYgcRRTHq6p7ZgUloAEleEgiiHjwoMRoTsEc9KCCiF4UDx4MGEGzWWNi/IpfMTFuNgaSi4ccRC+KCupBDzkJSVTcgAcPgvmAIAmoIApOT1dX/q+dCZ3e3pnXO107H/0adud11+uqV796VdM19HtKycEioFlanpWcc4G16oHEJZuccmupOa30aaPNsSBQX2mtrWcTRrt6ADJRZDe3InuuFcWu+M+eIx3SHe3eeLKu3XYbAWC+GM5CaKRL93gyp2+1yz714Bmro9juV0492te6IgWtPmmGwXZMx7NFxb6uLRsoALo6ipMdaHA75KsG6RAg/eeU2t8MzT7I/w5SF/de76AARUfWPqac3qecu5FrGEtP6/NKux3NIPgYwMDO3+EVVBS5O5W27zunNvjrAr4htTquXPBcs6l/8NWOl28SeNEqLL5HlU5O+oZEYNI20Ba1SW37gFWpR8HIqThOpjEHXoJ8jQ+D+9WJKfgPOvV2GJo5yK1++tzyykDFsXvIJsksxvcmbuN+9fRvgTEzYai/qKKdgUG1nLtNx/Yg3H9TFQZVXQfWr2MuDLZOaf3zIHUveY3C1FqJ56HDOk7mRxUSgSHbyEaylWxeKqzSHoXGwnY72YLN2G7I1y614WHchzXrLzzo7m40zBHIcRkbSoHCFuJebFwPYpxuLdPI6OnqX7Dh3tpo6G+5trFAwXNuhuvOYjQe5FY8FnpafYnt0Ay869d+9vYEBUArsO14BUrPQm72q2wcywEpwuPMIWyH3oT892J9KAQFKKZt7ZPYduyBfP1iN0/SdUC6iO3QrkYQHIWc5Pu2ABS2HXcplRzBD2h35JXrcI4fDH9SymzBduhktr9XPB5gCzCNbcd3dYVEYNK+g0HKIkPqskdRAZQOZMpqL8K7tjWbwRyBSEFhuq2DJx3HehTWnk4GANaqWDmzAdPwx3TqOW1fEEgZQh2RmBAbOtU4ua4dJxcE1EJQKSB4VSM0N5g4VrcIpGJIdJXYECOTaLtmcTUpIQJgtNpgNZ/IJ+4qhxiMpq54jqqy8kmrS0AxR1RACSgmAaaaeJSAYhJgqolHCSgmAaaaeJSAYhJgqolHCSgmAaaaeJSAYhJgqolHCSgmAaaaeJSAYhJgqolHCSgmAaaaeJSAYhJgqolHCSgmAaaaeJSAYhJgqolHCSgmAaaaeJSAYhJgqolHcUHhrf2IqVtbNTBqGeOCM7UlwOw4GJ2Vl137wKJXqNOXXSH8iRfxP++jX9tiYkOM0sVcu+Dd9OXz2uIo7jgxITZUmoKiN/MRBJK+eF58S02vgknKpguKMFDMB8V+iGdRwgl4UiYOhvhcDhqiEzoQF3N3Jwzt9v+v1Os/AM1joj3dMwyNkEDhBIKT12mjNoPsxbpgor5Sn6nveUjEYIFHZcEgvGEF4mRexTUKlW1kyyZFBqA2+nIIjwBvQC4XKpuHAEgUfD2HBf/+fNlYn2v1NYKvpwFosODrPASE89+HcH4E+k1EOP80wvm/yfdxsfOeU6/oJoo2QoKIZzBpX4M8jgkiXsc6dBhe5C9BRBYcIK1s2+QtTMenIAfZslGTAcViYD9oBOZlyH8sxb7SHpVvpJPEhpJp3ZMvG4XzqpLYDAyqCwNpkR5GWqT3sH6t7V4b7qc+jbRIzyMt0mdV2FEZKDIGU5ASbW3D7ze7IA8z0dYeJNo6gGk2eom2sqMGSKuw4O/FuvAE5EoHI9tOVgYUbPTVh1iod0L+PVtWhey1E9gOre8kA8S2yN+BdehEJxng975a8QqKjCaPQnrJx5HnZS9OfKSX3In0kh+lHuWLEur1DqprO4BRwtIX0eAM5CoSls4iQ887ADQZCUu7oLqfgLQG2yFKgftI91qpT60+7aTAPVPqvnFV7iRVPlUiqfKpYSZVHipneNfYpOletjWq14gAmCR+7wVonMouAbLkvzP+3T45AAAAAElFTkSuQmCC) no-repeat;
            background-size: 100% 100%;
}
.card-center .card-left .card-left-img ul li .case-logo[data-v-7589b93f]:hover {
            transform: scale(1.2);
}
.card-center .card-right[data-v-7589b93f] {
    width: 370px;
    height: 100%;
    padding-top: 46px;
}
.card-center .card-right ul[data-v-7589b93f] {
      display: flex;
      width: 100%;
      position: relative;
}
.card-center .card-right ul li[data-v-7589b93f] {
        line-height: 40px;
        letter-spacing: 1px;
        cursor: pointer;
        font-family: PingFang-SC-Heavy, PingFang-SC;
        transition: all .3s ease;
        margin-left: 30px;
}
.card-center .card-right ul li[data-v-7589b93f]:first-child {
        margin-left: 0;
}
.card-center .card-right ul li.line-box[data-v-7589b93f] {
        position: absolute;
        top: 40px;
        width: 100%;
        left: 0;
        display: flex;
        align-items: center;
        margin-left: 0;
}
.card-center .card-right ul li.line-box .line[data-v-7589b93f] {
          width: 29px;
          height: 3px;
          transition: all .5s ease;
          border-radius: 5px;
          position: absolute;
          background-color: #3b7cff;
}
.card-center .card-right .ewm[data-v-7589b93f] {
      width: 236px;
      height: 234px;
      position: relative;
}
.card-center .card-right .ewm .past[data-v-7589b93f] {
        position: absolute;
        width: 236px;
        height: 234px;
        top: 0;
        left: 0;
        background: rgba(238, 238, 238, 0.9);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
}
.card-center .card-right .ewm .past p[data-v-7589b93f] {
          font-size: 20px;
          font-family: Source Han Sans CN;
          font-weight: 400;
          color: #666666;
          margin-bottom: 20px;
}
.card-center .card-right .ewm .past .shua[data-v-7589b93f] {
          width: 141px;
          height: 42px;
          background: #3ab793;
          border-radius: 2px;
          font-size: 16px;
          font-family: Source Han Sans CN;
          font-weight: 400;
          color: #ffffff;
}
[data-v-7589b93f] .el-form-item__label {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
  color: #303133;
}
[data-v-7589b93f] .el-input__inner {
  border: none;
  border-bottom: 1px solid #DCDFE6;
  border-radius: 0;
}
.yan[data-v-7589b93f] .el-input__inner {
  border: none;
}
[data-v-7589b93f] .el-input.is-disabled .el-input__inner {
  background: transparent;
}
.sign-btn[data-v-7589b93f] {
  width: 90%;
  height: 40px;
  background: #3b7cff;
  box-shadow: rgba(59, 124, 255, 0.2) 0px 4px 15px 0px;
  border-radius: 5px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: white;
  margin-top: 90px;
  font-size: 14px;
}


.el-input[data-v-f9994bf2] input::-webkit-inner-spin-button {
  display: none !important;
}
.el-input[data-v-f9994bf2] .el-form-item__label{
  padding: 0;
}
.login-bg[data-v-f9994bf2]{
  background: url(../img/login_bg.a0d780d5.png) no-repeat;
  background-size: 100% 100%;
  width: 100wh;
  height: 100vh;
  position: relative;
}
.login-top[data-v-f9994bf2]{
  position: absolute;top: 0;left: 40px;color: #fff;padding: 20px;font-size: 30px;font-weight: 500;
}
.login-bottom[data-v-f9994bf2]{
  position: absolute;bottom: 0;left: 0;right: 0;color: #fff;font-size: 12px;text-align: center;padding: 20px;
}
.login-box[data-v-f9994bf2]{
  background: #fff;
  border-radius: 10px;
  width: 400px;
  height: 500px;
  padding: 40px;
}
.data-form-title[data-v-f9994bf2]{
  text-align: center;font-weight: 700;line-height: 2;font-size: 20px;color: #333;
}



.el-input[data-v-77453986]{}
.el-input[data-v-77453986] input::-webkit-inner-spin-button {
  display: none !important;
}
.el-input[data-v-77453986] .el-form-item__label{
  padding: 0;
}
.login-bg[data-v-77453986]{
  background: url(../img/login_bg.a0d780d5.png) no-repeat;
  background-size: 100% 100%;
  width: 100wh;
  height: 100vh;
  position: relative;
}
.login-top[data-v-77453986]{
  position: absolute;top: 0;left: 40px;color: #fff;padding: 20px;font-size: 30px;font-weight: 500;
}
.login-bottom[data-v-77453986]{
  position: absolute;bottom: 0;left: 0;right: 0;color: #fff;font-size: 12px;text-align: center;padding: 20px;
}
.login-box[data-v-77453986]{
  background: #fff;
  border-radius: 10px;
  width: 400px;
  height: 500px;
  padding: 40px;
}
.data-form-title[data-v-77453986]{
  text-align: center;font-weight: 700;line-height: 2;font-size: 20px;color: #333;
}


.public_bg{
    width: 100%;
    min-height: 600px;
    background: #fff;
}
.public_bg .public_head{
    margin-left: 20px;
    margin-right: 20px;
    border-bottom: 1px solid #eee;
    font-size: 16px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
i.public_inco{
    width: 18px;
    height: 14px;
}
i.icon1{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxOTQwZTZkMy00MmJjLWY5NDMtOTM0ZS01MDAwNzU1MmU4OTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUFEMTc2RDE5QUFEMTFFNjhBOUI5RTY4QjE4RTM1NDYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUFEMTc2RDA5QUFEMTFFNjhBOUI5RTY4QjE4RTM1NDYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmM1ODM2YzNmLWE1ZGYtZjQ0OS04ODQwLTdhOGNmZmVlNGM3NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxOTQwZTZkMy00MmJjLWY5NDMtOTM0ZS01MDAwNzU1MmU4OTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4/NhQrAAABOklEQVR42mL8//8/AzqQ7H9vAKSmATELEP9DkmIC4t9AXPG8UPAwsh4WBuzAHIgtGXADVyBGMYgJh8K/DPjBH3QBXAY9R+N/ROM/QtfAiC2MoOFkCKRYgZgNiOWA+BkQfwPiX0B8ERhGqBpBBhHCEn3vHgCxHD41YBcBbVcAmpkBxFxoDgPZKg/E/kC8H4gvYQmOH0C8CBZrMUCcDMT1IO+iGQSL/odAfBPNIJB8GRBzwgySAuKTQH9PwxJWOkCqAIg3AeXXY5EHJRUJmEFroIZhAx+hifMeDvnNoAjAGWukAhag03qBtAmU/wCIU4Fe+AV1diOQcoAmUJDrTwPliqFy7EBqHhDLAvFnkGQRksF2QFwOxC+g/ApoOoIBWyAuhrJFgDgKOWW/QnPlTyT2fTS5p2jRDgcAAQYA1TqIpKC2LyoAAAAASUVORK5CYII=);
}
i.icon2{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxOTQwZTZkMy00MmJjLWY5NDMtOTM0ZS01MDAwNzU1MmU4OTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDVDNjA0RTA5QTk3MTFFNjhDQ0ZFRjY2Mjc3NTU3MDYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDVDNjA0REY5QTk3MTFFNjhDQ0ZFRjY2Mjc3NTU3MDYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM3MTVjNjQ1LWI5ZmUtMzI0OC04ZDdjLTU3ODIyZGJlYmZlMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxOTQwZTZkMy00MmJjLWY5NDMtOTM0ZS01MDAwNzU1MmU4OTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6IHd23AAABBUlEQVR42mL8//8/AzYg2f/eF0g5A/FnIF79vFDwEjZ1jNgMAGpeC6SC0IQLgIZMJGgAUPMCIBXPgB24Aw3ZhdMAoGZRIPWKATc4BTTAHFmACU2BCgN+IIsugG7AbQIGPMBrANB5b4DUbDwG1BAbC4uBVAyS0F8gzgRaMJsoA6CGgMLDEoi/AfEGoOa/BNMBUJMkkMoDYjMg/grEH6HelIDSR4F4EtCwVxgGADXbAan9WAIWHfwCYnugISfgBgA1cwPZXxiIByDviAAN+QCzLZaBNMAMxInI0ejFQDqwRTbgKBkGnEAPxAAgZQjEgkDMAcTo8csIxN+B+B0QnwH6fytIECDAAKhGYzZ17IZwAAAAAElFTkSuQmCC);
}
i.icon3{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAYAAAAbvf3sAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxOTQwZTZkMy00MmJjLWY5NDMtOTM0ZS01MDAwNzU1MmU4OTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDM1RTBEMTY5QUE3MTFFNkFCQ0M5ODNEOTA3ODRBNkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDM1RTBEMTU5QUE3MTFFNkFCQ0M5ODNEOTA3ODRBNkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjhlZTBmNDQzLWFmYmItNzk0Yi04MTQzLTcyYWI4ZDhjNmEzMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxOTQwZTZkMy00MmJjLWY5NDMtOTM0ZS01MDAwNzU1MmU4OTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5wh2M2AAAAqUlEQVR42mL8//8/AzKQ7H8vBqQagFgKiKueFwpeQ5ZnlOh7lw2iodgEiEOAmAtJzVYgPgjEX4GYG6QB1QoCgAmI35Kg/jNIAyupNjCQquEHqRq+kKCelVRP/wdpWEyChn2MoJgGxu4xIMeSgGJQxGnAQskWiE/iUfweiI2ByeQJI3JaAto0GUjloCneCcTJQMVPwWkJS+KzBlJ9QCwKxLVAhUuR5QECDAAaQjLyu0OBagAAAABJRU5ErkJggg==);
}
.public_bg .public_con{
    margin: 20px 23px 5px 23px
}
.public_bg .public_con h2{
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #666;
}
.public_bg .public_con .public_ul{
    overflow: hidden;
    padding: 30px 0;
}
.public_bg .public_con .public_ul li{
    width: 264px;
    float: left;
    border: 1px solid #eee;
    border-top: 4px solid #2878f0;
    margin: 0 20px 24px 0;
    padding: 15px 10px;
    transition: all .5s;
    display: flex;
    cursor: pointer;
    position: relative;
}
.public_bg .public_con .public_ul li>i{
    font-size: 24px;
    position: absolute;
    right: -16px;
    top: -13px;
}
.public_bg .public_con .public_ul li:hover{
    border-left: 1px solid #2878f0;
    border-right: 1px solid #2878f0;
    border-bottom: 1px solid #2878f0;
}
.public_bg .public_con .public_ul li:hover > i{
    display: block;
}
.del_i{
    display: none;
}
.public_bg .public_con .public_ul li .li_div{
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.public_bg .public_con .public_ul li .li_div h3{
    font-size: 17px;
}
.public_bg .public_con .public_ul li .li_div i.vip{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxOTQwZTZkMy00MmJjLWY5NDMtOTM0ZS01MDAwNzU1MmU4OTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDEwMDdEODk5QUFFMTFFNkI1NTRCRDY0NjI0RTQ3Q0IiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDEwMDdEODg5QUFFMTFFNkI1NTRCRDY0NjI0RTQ3Q0IiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmM1ODM2YzNmLWE1ZGYtZjQ0OS04ODQwLTdhOGNmZmVlNGM3NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxOTQwZTZkMy00MmJjLWY5NDMtOTM0ZS01MDAwNzU1MmU4OTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz56zo9QAAABRUlEQVR42mL8//8/AyWAheEs42wwzcDwC4iZgHjTe6V3m9EVCt4TKgRSWkD8D4iFgPg8g/H/NpDGFDS1f4B4M5rmfCDVh6ZuAQPURmkg7keSeImmORNITUASArlUDejKrWADgIxnQPoFkgJGJM3RQGoams2mQD23YRwmKM2FpOA/VHMokFqCptkEqPkSsgATloA9C9QsB6RXoYk7AzWfRVeMzYAcID6HJuYO1LwPezRiAjc0fhBQ8y6ot9yBlA8QXwWKzcBlADKIBSpcj8SXh7oQBGbg8gIMpAI1owQikD8LSMUA8W98YQACRUDFc3DI8UETG4oB/5AUlAM19+Nx2SdYVCMbwAml24Cau3DpBAZiOjRtcAHZD5EDEZRJDgI1VxMI1MtAXAEKDiAWByfbd+/egUw2A7IvAg34SUpWFhQUZAAIMACRO2U3RZ7bQQAAAABJRU5ErkJggg==) no-repeat;
}
.public_bg .public_con .public_ul li .li_div p{
    font-size: 14px;
    color: #999;
}
.public_bg .btn{
    text-align: center;
}
.public_bg .btn .el-button{
    width: 300px;
}
.form_button{
    margin-top: 30px;
    text-align: center;
}
.form_button_left{
    margin-top: 30px;
    text-align: left;
}
.form_button_right{
    margin-top: 30px;
    text-align: right;
}



.icon3{
    width: 12px !important;
}
em{
    font-style: normal;
}
b{
    font-weight: normal;
}
.public_con ul li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    padding: 0 20px;
    border-bottom: 1px solid #eee;
}
.public_con ul li.security_li >i {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxOTQwZTZkMy00MmJjLWY5NDMtOTM0ZS01MDAwNzU1MmU4OTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkIzMUU1RDI5QUE2MTFFNkExN0RCNTlENDYyRUQ1ODUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkIzMUU1RDE5QUE2MTFFNkExN0RCNTlENDYyRUQ1ODUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjhlZTBmNDQzLWFmYmItNzk0Yi04MTQzLTcyYWI4ZDhjNmEzMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxOTQwZTZkMy00MmJjLWY5NDMtOTM0ZS01MDAwNzU1MmU4OTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7cbH9dAAAB5UlEQVR42qyWyytEcRTHZwYp5VVINhQhSnZKk1AslJUhj0QWSIYVK/+C2cgGkSnJK4+NJMViSlkqaqJESpoYCzQLjc8ZvxG3e+cac099O+f+fr/7Offc+3tcezgcthlZ3oarCOdCTagE5SK54QH50RHaeWzfvDFi2PUSAM7AedCAjLHFNgEsoAkSvZgmAN6MW0IFtvjsEQ2RZOdno0MDd+MO/gGP3I62YUzpVkBHDe7UZo21UMn+dwLgycT36imssA9hkeQp+oo8FsLFkpA3UkHuelsmPmgB9Blla9pKpYLuBMHvqFy9Ba0NS4LWBOAXvOc0/Csa1+lvkARl/4T7gFcyQeTp71CO3tR1GHSIhWLAvcCdwOuIL2OMS5cEKQad1VKiTvsg8D7gjcQnJlUmS4IXg043oGP1AW9RALXRNg+8VW10ZvYmC+wa5et0jgDKAthDXEicShzCd3K9+sfvFHCYPEk3wN3ITvYF740DLnYmC62Y4Mpk4IraSibjnGn10b1oL8H1oGfnVF0V3Yv61cFhpbm+zwPZ9XBdFsLHYPp/HTg0rOGmLYDPwZqJdWT24Ra1p90fbRT4rOGRqSpZxlWgwzjAMrZSCzf8q/hRjRPXgWrVYsxQkyGofl18aAuwz4jxKcAA8K6m94LfepgAAAAASUVORK5CYII=);
}
.public_con ul li > em{
    flex: 1;
    display: flex;
}
.public_con ul li > em b{
    width: 40%;
    text-align: center;
}
.public_con ul li > em span{
    font-size: 14px;
    color: #999;
}
.public_con ul li > .el-button{
    width: 100px;
}


.head[data-v-0c3e85af] {
    height: 80px;
    box-shadow: 0 6px 8px 0 rgba(7, 17, 27, 0.05);
    min-width: 1200px;
    position: relative;
    z-index: 1;
}
.contant-box[data-v-0c3e85af] {
    color: #333;
    height: 100%;
    width: 1200px;
    display: flex;
    justify-content: space-between;

    align-items: center;
    position: relative;
    z-index: 1;
    margin: 0 auto;
}
.logo[data-v-0c3e85af] {
    display: flex;
    align-items: center;
    font-size: 22px;
    font-weight: bold;
}
.logo span[data-v-0c3e85af] {
    cursor: pointer;
}
.el-divider[data-v-0c3e85af] {
    margin: 0 30px;
}
.back-text[data-v-0c3e85af] {
    font-size: 14px;
    color: #999;
}
.back-text[data-v-0c3e85af]:hover {
    cursor: pointer;
    color: #409eff;
}
.card-box[data-v-0c3e85af] {
    width: 1200px;
    position: absolute;
    top: 0;
    bottom: 0;

    left: 50%;
    margin-left: -600px;
    min-width: 1200px;
   
    border-left: 1px #eee solid;
    border-right: 1px #eee solid;
}
.card-l[data-v-0c3e85af] {
    position: absolute;
    width: 200px;
    top: 0;
    left: 0;
    bottom: 0;
    padding: 20px;
    box-sizing: border-box;
  
    background: #ecf5ff;
}
.card-l>li[data-v-0c3e85af] {
    display: flex;
    align-items: center;
    color: #666;
    border-radius: 10px;
    margin-bottom: 10px;
    position: relative;
    display: flex;
    align-items: center;
}
.card-l>li i[data-v-0c3e85af] {
  
    font-size: 20px;
    padding: 15px;
}
.card-l>li[data-v-0c3e85af]:hover {
    color: #333;
    cursor: pointer;
}
.card-l>li.active[data-v-0c3e85af] {
    color: #fff;
    background: #d03e3e;
}
.card-l>li.active[data-v-0c3e85af]:after {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 25px solid #ecf5ff;
    border-bottom: 25px solid #ecf5ff;
    border-left: 16px solid transparent;
}
.card-r[data-v-0c3e85af] {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 200px;
    box-sizing: border-box;
    overflow-y: auto;
    padding: 20px;
}

.fontSize12[data-v-5752faac] {
  font-size: 12px !important;
}
.fontSize14[data-v-5752faac] {
  font-size: 14px !important;
}
.fontSize15[data-v-5752faac] {
  font-size: 15px !important;
}
.fontSize16[data-v-5752faac] {
  font-size: 16px !important;
}
.fontSize18[data-v-5752faac] {
  font-size: 18px !important;
}
.mTop30[data-v-5752faac] {
  margin-top: 30px;
}
.mTop10[data-v-5752faac] {
  margin-top: 10px;
}
.mTop5[data-v-5752faac] {
  margin-top: 5px;
}
.mRight10[data-v-5752faac] {
  margin-right: 10px;
}
.mRight5[data-v-5752faac] {
  margin-right: 5px;
}
.mLeft10[data-v-5752faac] {
  margin-left: 10px;
}
.mLeft5[data-v-5752faac] {
  margin-left: 5px;
}
.mBottom5[data-v-5752faac] {
  margin-bottom: 5px;
}
.mBottom10[data-v-5752faac] {
  margin-bottom: 10px;
}
.mBottom15[data-v-5752faac] {
  margin-bottom: 15px;
}
.mBottom20[data-v-5752faac] {
  margin-bottom: 20px;
}
.mBottom25[data-v-5752faac] {
  margin-bottom: 25px;
}
.m020[data-v-5752faac] {
  margin: 0 20px;
}
.pn_left15[data-v-5752faac] {
  padding: 15px 15px 15px 0;
}
.pTB5[data-v-5752faac] {
  padding: 5px 0;
}
.pLR15[data-v-5752faac] {
  padding: 0 15px;
}
.pLR30[data-v-5752faac] {
  padding: 0 30px;
}
.pad15[data-v-5752faac] {
  padding: 15px;
}
.pad25[data-v-5752faac] {
  padding: 25px;
}
*[data-v-5752faac] {
  font-style: normal;
}
.h4_style1[data-v-5752faac] {
  font-weight: 700;
  color: #2463f3;
  font-size: 18px;
  padding-left: 5px;
  position: relative;
}
.h4_style1[data-v-5752faac]::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-5752faac] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex_justify_between[data-v-5752faac] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex_column[data-v-5752faac] {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.flex_align_center[data-v-5752faac] {
  display: flex;
  align-items: center;
}
.flex_cloumn[data-v-5752faac] {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cssStyle1[data-v-5752faac] {
  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-5752faac] {
  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-5752faac] {
  border-radius: 14px;
  padding: 3px 14px;
  text-align: center;
}
.cssStyle4[data-v-5752faac] {
  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-5752faac] {
  border: 1px solid #daedd4;
  background: #f1f6f2;
  color: #67c23a;
}
.spotShow[data-v-5752faac] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.act_search[data-v-5752faac] {
  color: #2463f3 !important;
  background: #fff;
}
.act_search[data-v-5752faac]:after {
  content: '';
  display: inline-block;
  width: 35px;
  height: 1px;
  background: #2463f3;
  position: absolute;
  bottom: 0;
  right: 28%;
}
.in_block_i[data-v-5752faac] {
  display: inline-block;
}
.fontWeight500[data-v-5752faac] {
  font-weight: 500;
}
.fontWeight700[data-v-5752faac] {
  font-weight: 700;
}
.width_300[data-v-5752faac] {
  width: 300px !important;
  margin-right: 30px !important;
}
.borderRadius5[data-v-5752faac] {
  border-radius: 5px;
}
.borderRadius7[data-v-5752faac] {
  border-radius: 7px;
}
.borderRadius10[data-v-5752faac] {
  border-radius: 10px;
}
.color_blue_01[data-v-5752faac] {
  color: #2cbcfa;
}
.color_red[data-v-5752faac] {
  color: red !important;
}
.color_999[data-v-5752faac] {
  color: #999 !important;
}
.color_666[data-v-5752faac] {
  color: #666 !important;
}
.color_333[data-v-5752faac] {
  color: #333 !important;
}
.color_222[data-v-5752faac] {
  color: #222 !important;
}
.color_000[data-v-5752faac] {
  color: #000 !important;
}
.color_2463f3[data-v-5752faac] {
  color: #2463f3 !important;
}
.color_337bff[data-v-5752faac] {
  color: #337bff !important;
}
.color_FFF[data-v-5752faac] {
  color: #FFF !important;
}
.color_67c23a[data-v-5752faac] {
  color: #67c23a !important;
}
.background_f2f2f2[data-v-5752faac] {
  background: #f2f2f2;
}
.background_f7f8fa[data-v-5752faac] {
  background: #f7f8fa;
}
.background_FFF[data-v-5752faac] {
  background: #FFF;
}
.primary_btn[data-v-5752faac] {
  color: #2cbcfa;
  border: 1px solid #2cbcfa;
}
.see_btn[data-v-5752faac] {
  width: 100%;
  height: 60px;
  background: #fff;
  position: fixed;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.textLeft_btn[data-v-5752faac] {
  width: 100%;
  height: 50px;
  text-align: left;
  margin-top: 50px;
}
.textCenter_btn[data-v-5752faac] {
  width: 100%;
  height: 50px;
  text-align: center;
  margin-top: 50px;
}
.textCenter_btn_d[data-v-5752faac] {
  width: 100%;
  height: 50px;
  text-align: center;
  margin-top: 30px;
}
.textRight_btn[data-v-5752faac] {
  width: 100%;
  height: 50px;
  text-align: right;
  margin-top: 50px;
}
.btn_92b1f9[data-v-5752faac] {
  color: #fff;
  background-color: #92b1f9;
  border-color: #92b1f9;
}
.btn_2463f3[data-v-5752faac] {
  color: #2463f3;
  background: #e9effe;
  border-color: #a7c1fa;
}
.btn_40[data-v-5752faac] {
  height: 40px;
}
.btn_60[data-v-5752faac] {
  height: 60px;
}
.btn_ffa200[data-v-5752faac] {
  background: #ffa200;
  margin-right: 16px;
  color: #fff;
  font-size: 14px;
  border-color: #fff;
  border-radius: 4px;
}
.btn_ff5d4e[data-v-5752faac] {
  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-5752faac] {
  transform: rotate(90deg);
}
.span_line[data-v-5752faac] {
  display: inline-block;
  width: 100%;
  border-top: 1px dashed #ccc;
}
.span_line1[data-v-5752faac] {
  display: inline-block;
  width: 1px;
  background-color: #e5e5e5;
  height: 79%;
  left: 30px;
  top: 45px;
  z-index: 2;
}
.p_re[data-v-5752faac] {
  position: relative;
}
.p_abTR[data-v-5752faac] {
  position: absolute;
  right: 5px;
  top: 0;
}
.curPointer[data-v-5752faac] {
  cursor: pointer;
}
.default_img[data-v-5752faac] {
  display: inline-block;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.img20[data-v-5752faac] {
  display: inline-block;
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
.img50[data-v-5752faac] {
  display: inline-block;
  width: 50px;
  height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
}
.p_relative[data-v-5752faac] {
  position: relative;
}
.p_absoluteD[data-v-5752faac] {
  position: absolute;
}
.p_absolute[data-v-5752faac] {
  position: absolute;
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  top: 20px;
  left: 20px;
  font-size: 20px;
  color: #fff;
}
.p_absolute1[data-v-5752faac] {
  position: absolute;
  right: 0;
}
.p_absolute_img_right_top[data-v-5752faac] {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 74px;
  height: 23px;
  background-size: contain;
}
.p_fixed[data-v-5752faac] {
  position: fixed;
  bottom: 0;
  left: 0;
}
.div_width70[data-v-5752faac] {
  width: 70%;
  margin: 0 auto;
}
.text_space[data-v-5752faac] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 160px;
}
.span_status[data-v-5752faac] {
  height: 22px;
  border-radius: 4px;
  font-weight: 500;
  text-align: center;
  line-height: 22px;
  font-size: 12px;
  padding: 3px 6px;
}
.noStart_status[data-v-5752faac] {
  border: 1px solid #ffa200 !important;
  background: transparent;
  border-radius: 14px;
}
.span_status1[data-v-5752faac] {
  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-5752faac] {
  color: #337bff;
  background: #e9effe;
}
.start_status1[data-v-5752faac] {
  color: #ffa200 !important;
  background: none !important;
  border: 1px solid #ffa200 !important;
}
.lineHeight40[data-v-5752faac] {
  height: 40px;
  line-height: 40px;
}
.afterRVertical[data-v-5752faac]::after {
  display: inline-block;
  content: '';
  width: 1px;
  height: 14px;
  background: #2463f3;
  position: relative;
  right: -14px;
  top: 2px;
}
.afterRVertical_temp1[data-v-5752faac]::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-5752faac] {
  width: 95%;
  margin-left: 15px;
}
.defaultLeft_260[data-v-5752faac] {
  width: 260px;
  height: 100%;
}
.imgContain[data-v-5752faac] {
  -o-object-fit: contain;
     object-fit: contain;
}
.imgCover[data-v-5752faac] {
  -o-object-fit: cover;
     object-fit: cover;
}
.boxWH100[data-v-5752faac] {
  width: 100%;
  height: 100%;
}
.boxMarAuto90[data-v-5752faac] {
  width: 90%;
  min-height: 400px;
  margin: 0 auto;
}
.default_list[data-v-5752faac] {
  display: flex;
}
.default_list_left[data-v-5752faac] {
  width: 220px;
  margin-right: 20px;
  min-height: 300px;
}
.default_list_right[data-v-5752faac] {
  flex: 1;
  width: 100%;
  min-height: 300px;
}
.default_list_left02[data-v-5752faac] {
  flex: 1;
  width: 100%;
  min-height: 300px;
}
.default_list_right02[data-v-5752faac] {
  width: 220px;
  margin-left: 20px;
  min-height: 300px;
}
.fontOverFlow[data-v-5752faac] {
  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-5752faac] {
  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-5752faac] {
  color: #5f94f5 !important;
  background: #e3eaf9 !important;
  border: none !important;
}
.h3_backg_img[data-v-5752faac] {
  position: relative;
  font-weight: 700;
  color: #222;
  font-size: 18px;
  margin-right: 35px;
  z-index: 1;
}
.h3_backg_img[data-v-5752faac]::before, .h3_backg_img[data-v-5752faac]::after {
    content: "";
    position: absolute;
    opacity: .5;
    border-radius: 50%;
    display: inline-block;
    z-index: -1;
}
.h3_backg_img[data-v-5752faac]::before {
    background: linear-gradient(-35deg, #bee5fb 100%, #eff3f5 0);
    top: -3px;
    left: -12px;
    height: 26px;
    width: 26px;
}
.h3_backg_img[data-v-5752faac]::after {
    background: linear-gradient(-35deg, #cffcac 100%, #eefce2 0);
    bottom: -5px;
    right: -10px;
    height: 18px;
    width: 18px;
}
.nav_ul_temp2[data-v-5752faac] {
  display: flex;
  align-items: center;
}
.nav_ul_temp2 li[data-v-5752faac] {
    height: 32px;
    line-height: 32px;
    padding: 0 16px;
    font-size: 12px;
}
.navActLi[data-v-5752faac] {
  color: #2463f3 !important;
  background: #e3eaf9;
  border-radius: 16px;
  font-weight: 700;
  padding: 0 16px;
}
.nav_ul_temp3[data-v-5752faac] {
  height: 100%;
  display: flex;
  align-items: center;
}
.nav_ul_temp3 li[data-v-5752faac] {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    position: relative;
    padding: 0 30px;
}
.nav_ul_temp4 li[data-v-5752faac] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.nav_ul_temp5[data-v-5752faac] {
  display: flex;
  flex-wrap: wrap;
}
.nav_ul_temp5 li[data-v-5752faac] {
    font-size: 14px;
    padding: 5px 13px;
    border-radius: 4px;
    margin: 0 5px 14px 5px;
}
.default_list_wrap[data-v-5752faac] {
  display: flex;
  flex-wrap: wrap;
}
.default_list_wrap .list_one[data-v-5752faac] {
    width: 30%;
    min-height: 260px;
    box-shadow: 0 5px 6px 0 #d3d5da5c;
    margin: 0 3% 3% 0;
}
.list_one_hover[data-v-5752faac]:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 6px 0 #d5d7dc5c;
}
.nav_ul[data-v-5752faac] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 7px;
  overflow: hidden;
}
.nav_ul .nav_title[data-v-5752faac] {
    font-size: 14px;
    font-weight: 700;
    margin-right: 7px;
    float: left;
    height: 36px;
    line-height: 36px;
}
.nav_ul .nav_content[data-v-5752faac],
  .nav_ul .nav_ul_p[data-v-5752faac] {
    font-size: 14px;
    padding: 8px 20px;
    color: #333;
    float: left;
    cursor: pointer;
    margin-right: 10px;
}
.nav_ul .nav_content[data-v-5752faac]:hover,
    .nav_ul .nav_ul_p[data-v-5752faac]:hover {
      border-radius: 15px;
      color: #2463f3;
      background: #e3eaf9;
      border-bottom-color: transparent;
}
.nav_ul .nav_active[data-v-5752faac] {
    border-radius: 15px;
    color: #2463f3;
    background: #e3eaf9;
    border-bottom-color: transparent;
}
.default_box[data-v-5752faac] {
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f7f8fa;
}
.default_box .default_main[data-v-5752faac] {
    position: relative;
    min-height: 500px;
    top: -60px;
    width: 70%;
    border-radius: 7px;
}
.default_box .default_main .default_top[data-v-5752faac] {
      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-5752faac] {
      padding: 20px;
      border-radius: 10px;
      min-height: 400px;
      background: #fff;
}
.course_box[data-v-5752faac] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  height: 100%;
  padding: 20px;
}
.course_box .course_main[data-v-5752faac] {
    width: 80%;
    margin: 0 auto;
}
.course_box .course_main .banner[data-v-5752faac] {
      display: inline-block;
      width: 100%;
      border-radius: 7px;
}
.course_box .course_main .course_list[data-v-5752faac] {
      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-5752faac] {
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.course_box .course_main .course_list .course_nav .nav_list[data-v-5752faac] {
          display: flex;
          align-items: center;
}
.bgBox[data-v-5752faac] {
  --top:100%;
  background: #282828;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.bgBox .ball[data-v-5752faac] {
    width: 200px;
    height: 200px;
    border-radius: 100%;
    background: #fff;
    color: #282828;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 60px;
    position: relative;
    overflow: hidden;
}
.bgBox .ball span[data-v-5752faac] {
      z-index: 1;
}
.bgBox .ball[data-v-5752faac]::after {
      content: '';
      position: absolute;
      width: 340px;
      height: 340px;
      border-radius: 40%;
      background: #2cbcfa;
      -webkit-animation: round-data-v-5752faac 5s linear infinite;
              animation: round-data-v-5752faac 5s linear infinite;
      top: var(--top);
}
.bgBox .el-slider[data-v-5752faac] {
    width: 300px;
}
@-webkit-keyframes round-data-v-5752faac {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
0% {
    transform: rotate(0deg);
}
}
@keyframes round-data-v-5752faac {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
0% {
    transform: rotate(0deg);
}
}

.fontSize12[data-v-a83bd3b0] {
  font-size: 12px !important;
}
.fontSize14[data-v-a83bd3b0] {
  font-size: 14px !important;
}
.fontSize15[data-v-a83bd3b0] {
  font-size: 15px !important;
}
.fontSize16[data-v-a83bd3b0] {
  font-size: 16px !important;
}
.fontSize18[data-v-a83bd3b0] {
  font-size: 18px !important;
}
.mTop30[data-v-a83bd3b0] {
  margin-top: 30px;
}
.mTop10[data-v-a83bd3b0] {
  margin-top: 10px;
}
.mTop5[data-v-a83bd3b0] {
  margin-top: 5px;
}
.mRight10[data-v-a83bd3b0] {
  margin-right: 10px;
}
.mRight5[data-v-a83bd3b0] {
  margin-right: 5px;
}
.mLeft10[data-v-a83bd3b0] {
  margin-left: 10px;
}
.mLeft5[data-v-a83bd3b0] {
  margin-left: 5px;
}
.mBottom5[data-v-a83bd3b0] {
  margin-bottom: 5px;
}
.mBottom10[data-v-a83bd3b0] {
  margin-bottom: 10px;
}
.mBottom15[data-v-a83bd3b0] {
  margin-bottom: 15px;
}
.mBottom20[data-v-a83bd3b0] {
  margin-bottom: 20px;
}
.mBottom25[data-v-a83bd3b0] {
  margin-bottom: 25px;
}
.m020[data-v-a83bd3b0] {
  margin: 0 20px;
}
.pn_left15[data-v-a83bd3b0] {
  padding: 15px 15px 15px 0;
}
.pTB5[data-v-a83bd3b0] {
  padding: 5px 0;
}
.pLR15[data-v-a83bd3b0] {
  padding: 0 15px;
}
.pLR30[data-v-a83bd3b0] {
  padding: 0 30px;
}
.pad15[data-v-a83bd3b0] {
  padding: 15px;
}
.pad25[data-v-a83bd3b0] {
  padding: 25px;
}
*[data-v-a83bd3b0] {
  font-style: normal;
}
.h4_style1[data-v-a83bd3b0] {
  font-weight: 700;
  color: #2463f3;
  font-size: 18px;
  padding-left: 5px;
  position: relative;
}
.h4_style1[data-v-a83bd3b0]::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-a83bd3b0] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex_justify_between[data-v-a83bd3b0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex_column[data-v-a83bd3b0] {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.flex_align_center[data-v-a83bd3b0] {
  display: flex;
  align-items: center;
}
.flex_cloumn[data-v-a83bd3b0] {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cssStyle1[data-v-a83bd3b0] {
  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-a83bd3b0] {
  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-a83bd3b0] {
  border-radius: 14px;
  padding: 3px 14px;
  text-align: center;
}
.cssStyle4[data-v-a83bd3b0] {
  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-a83bd3b0] {
  border: 1px solid #daedd4;
  background: #f1f6f2;
  color: #67c23a;
}
.spotShow[data-v-a83bd3b0] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.act_search[data-v-a83bd3b0] {
  color: #2463f3 !important;
  background: #fff;
}
.act_search[data-v-a83bd3b0]:after {
  content: '';
  display: inline-block;
  width: 35px;
  height: 1px;
  background: #2463f3;
  position: absolute;
  bottom: 0;
  right: 28%;
}
.in_block_i[data-v-a83bd3b0] {
  display: inline-block;
}
.fontWeight500[data-v-a83bd3b0] {
  font-weight: 500;
}
.fontWeight700[data-v-a83bd3b0] {
  font-weight: 700;
}
.width_300[data-v-a83bd3b0] {
  width: 300px !important;
  margin-right: 30px !important;
}
.borderRadius5[data-v-a83bd3b0] {
  border-radius: 5px;
}
.borderRadius7[data-v-a83bd3b0] {
  border-radius: 7px;
}
.borderRadius10[data-v-a83bd3b0] {
  border-radius: 10px;
}
.color_blue_01[data-v-a83bd3b0] {
  color: #2cbcfa;
}
.color_red[data-v-a83bd3b0] {
  color: red !important;
}
.color_999[data-v-a83bd3b0] {
  color: #999 !important;
}
.color_666[data-v-a83bd3b0] {
  color: #666 !important;
}
.color_333[data-v-a83bd3b0] {
  color: #333 !important;
}
.color_222[data-v-a83bd3b0] {
  color: #222 !important;
}
.color_000[data-v-a83bd3b0] {
  color: #000 !important;
}
.color_2463f3[data-v-a83bd3b0] {
  color: #2463f3 !important;
}
.color_337bff[data-v-a83bd3b0] {
  color: #337bff !important;
}
.color_FFF[data-v-a83bd3b0] {
  color: #FFF !important;
}
.color_67c23a[data-v-a83bd3b0] {
  color: #67c23a !important;
}
.background_f2f2f2[data-v-a83bd3b0] {
  background: #f2f2f2;
}
.background_f7f8fa[data-v-a83bd3b0] {
  background: #f7f8fa;
}
.background_FFF[data-v-a83bd3b0] {
  background: #FFF;
}
.primary_btn[data-v-a83bd3b0] {
  color: #2cbcfa;
  border: 1px solid #2cbcfa;
}
.see_btn[data-v-a83bd3b0] {
  width: 100%;
  height: 60px;
  background: #fff;
  position: fixed;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.textLeft_btn[data-v-a83bd3b0] {
  width: 100%;
  height: 50px;
  text-align: left;
  margin-top: 50px;
}
.textCenter_btn[data-v-a83bd3b0] {
  width: 100%;
  height: 50px;
  text-align: center;
  margin-top: 50px;
}
.textCenter_btn_d[data-v-a83bd3b0] {
  width: 100%;
  height: 50px;
  text-align: center;
  margin-top: 30px;
}
.textRight_btn[data-v-a83bd3b0] {
  width: 100%;
  height: 50px;
  text-align: right;
  margin-top: 50px;
}
.btn_92b1f9[data-v-a83bd3b0] {
  color: #fff;
  background-color: #92b1f9;
  border-color: #92b1f9;
}
.btn_2463f3[data-v-a83bd3b0] {
  color: #2463f3;
  background: #e9effe;
  border-color: #a7c1fa;
}
.btn_40[data-v-a83bd3b0] {
  height: 40px;
}
.btn_60[data-v-a83bd3b0] {
  height: 60px;
}
.btn_ffa200[data-v-a83bd3b0] {
  background: #ffa200;
  margin-right: 16px;
  color: #fff;
  font-size: 14px;
  border-color: #fff;
  border-radius: 4px;
}
.btn_ff5d4e[data-v-a83bd3b0] {
  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-a83bd3b0] {
  transform: rotate(90deg);
}
.span_line[data-v-a83bd3b0] {
  display: inline-block;
  width: 100%;
  border-top: 1px dashed #ccc;
}
.span_line1[data-v-a83bd3b0] {
  display: inline-block;
  width: 1px;
  background-color: #e5e5e5;
  height: 79%;
  left: 30px;
  top: 45px;
  z-index: 2;
}
.p_re[data-v-a83bd3b0] {
  position: relative;
}
.p_abTR[data-v-a83bd3b0] {
  position: absolute;
  right: 5px;
  top: 0;
}
.curPointer[data-v-a83bd3b0] {
  cursor: pointer;
}
.default_img[data-v-a83bd3b0] {
  display: inline-block;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.img20[data-v-a83bd3b0] {
  display: inline-block;
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
.img50[data-v-a83bd3b0] {
  display: inline-block;
  width: 50px;
  height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
}
.p_relative[data-v-a83bd3b0] {
  position: relative;
}
.p_absoluteD[data-v-a83bd3b0] {
  position: absolute;
}
.p_absolute[data-v-a83bd3b0] {
  position: absolute;
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  top: 20px;
  left: 20px;
  font-size: 20px;
  color: #fff;
}
.p_absolute1[data-v-a83bd3b0] {
  position: absolute;
  right: 0;
}
.p_absolute_img_right_top[data-v-a83bd3b0] {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 74px;
  height: 23px;
  background-size: contain;
}
.p_fixed[data-v-a83bd3b0] {
  position: fixed;
  bottom: 0;
  left: 0;
}
.div_width70[data-v-a83bd3b0] {
  width: 70%;
  margin: 0 auto;
}
.text_space[data-v-a83bd3b0] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 160px;
}
.span_status[data-v-a83bd3b0] {
  height: 22px;
  border-radius: 4px;
  font-weight: 500;
  text-align: center;
  line-height: 22px;
  font-size: 12px;
  padding: 3px 6px;
}
.noStart_status[data-v-a83bd3b0] {
  border: 1px solid #ffa200 !important;
  background: transparent;
  border-radius: 14px;
}
.span_status1[data-v-a83bd3b0] {
  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-a83bd3b0] {
  color: #337bff;
  background: #e9effe;
}
.start_status1[data-v-a83bd3b0] {
  color: #ffa200 !important;
  background: none !important;
  border: 1px solid #ffa200 !important;
}
.lineHeight40[data-v-a83bd3b0] {
  height: 40px;
  line-height: 40px;
}
.afterRVertical[data-v-a83bd3b0]::after {
  display: inline-block;
  content: '';
  width: 1px;
  height: 14px;
  background: #2463f3;
  position: relative;
  right: -14px;
  top: 2px;
}
.afterRVertical_temp1[data-v-a83bd3b0]::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-a83bd3b0] {
  width: 95%;
  margin-left: 15px;
}
.defaultLeft_260[data-v-a83bd3b0] {
  width: 260px;
  height: 100%;
}
.imgContain[data-v-a83bd3b0] {
  -o-object-fit: contain;
     object-fit: contain;
}
.imgCover[data-v-a83bd3b0] {
  -o-object-fit: cover;
     object-fit: cover;
}
.boxWH100[data-v-a83bd3b0] {
  width: 100%;
  height: 100%;
}
.boxMarAuto90[data-v-a83bd3b0] {
  width: 90%;
  min-height: 400px;
  margin: 0 auto;
}
.default_list[data-v-a83bd3b0] {
  display: flex;
}
.default_list_left[data-v-a83bd3b0] {
  width: 220px;
  margin-right: 20px;
  min-height: 300px;
}
.default_list_right[data-v-a83bd3b0] {
  flex: 1;
  width: 100%;
  min-height: 300px;
}
.default_list_left02[data-v-a83bd3b0] {
  flex: 1;
  width: 100%;
  min-height: 300px;
}
.default_list_right02[data-v-a83bd3b0] {
  width: 220px;
  margin-left: 20px;
  min-height: 300px;
}
.fontOverFlow[data-v-a83bd3b0] {
  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-a83bd3b0] {
  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-a83bd3b0] {
  color: #5f94f5 !important;
  background: #e3eaf9 !important;
  border: none !important;
}
.h3_backg_img[data-v-a83bd3b0] {
  position: relative;
  font-weight: 700;
  color: #222;
  font-size: 18px;
  margin-right: 35px;
  z-index: 1;
}
.h3_backg_img[data-v-a83bd3b0]::before, .h3_backg_img[data-v-a83bd3b0]::after {
    content: "";
    position: absolute;
    opacity: .5;
    border-radius: 50%;
    display: inline-block;
    z-index: -1;
}
.h3_backg_img[data-v-a83bd3b0]::before {
    background: linear-gradient(-35deg, #bee5fb 100%, #eff3f5 0);
    top: -3px;
    left: -12px;
    height: 26px;
    width: 26px;
}
.h3_backg_img[data-v-a83bd3b0]::after {
    background: linear-gradient(-35deg, #cffcac 100%, #eefce2 0);
    bottom: -5px;
    right: -10px;
    height: 18px;
    width: 18px;
}
.nav_ul_temp2[data-v-a83bd3b0] {
  display: flex;
  align-items: center;
}
.nav_ul_temp2 li[data-v-a83bd3b0] {
    height: 32px;
    line-height: 32px;
    padding: 0 16px;
    font-size: 12px;
}
.navActLi[data-v-a83bd3b0] {
  color: #2463f3 !important;
  background: #e3eaf9;
  border-radius: 16px;
  font-weight: 700;
  padding: 0 16px;
}
.nav_ul_temp3[data-v-a83bd3b0] {
  height: 100%;
  display: flex;
  align-items: center;
}
.nav_ul_temp3 li[data-v-a83bd3b0] {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    position: relative;
    padding: 0 30px;
}
.nav_ul_temp4 li[data-v-a83bd3b0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.nav_ul_temp5[data-v-a83bd3b0] {
  display: flex;
  flex-wrap: wrap;
}
.nav_ul_temp5 li[data-v-a83bd3b0] {
    font-size: 14px;
    padding: 5px 13px;
    border-radius: 4px;
    margin: 0 5px 14px 5px;
}
.default_list_wrap[data-v-a83bd3b0] {
  display: flex;
  flex-wrap: wrap;
}
.default_list_wrap .list_one[data-v-a83bd3b0] {
    width: 30%;
    min-height: 260px;
    box-shadow: 0 5px 6px 0 #d3d5da5c;
    margin: 0 3% 3% 0;
}
.list_one_hover[data-v-a83bd3b0]:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 6px 0 #d5d7dc5c;
}
.nav_ul[data-v-a83bd3b0] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 7px;
  overflow: hidden;
}
.nav_ul .nav_title[data-v-a83bd3b0] {
    font-size: 14px;
    font-weight: 700;
    margin-right: 7px;
    float: left;
    height: 36px;
    line-height: 36px;
}
.nav_ul .nav_content[data-v-a83bd3b0],
  .nav_ul .nav_ul_p[data-v-a83bd3b0] {
    font-size: 14px;
    padding: 8px 20px;
    color: #333;
    float: left;
    cursor: pointer;
    margin-right: 10px;
}
.nav_ul .nav_content[data-v-a83bd3b0]:hover,
    .nav_ul .nav_ul_p[data-v-a83bd3b0]:hover {
      border-radius: 15px;
      color: #2463f3;
      background: #e3eaf9;
      border-bottom-color: transparent;
}
.nav_ul .nav_active[data-v-a83bd3b0] {
    border-radius: 15px;
    color: #2463f3;
    background: #e3eaf9;
    border-bottom-color: transparent;
}
.default_box[data-v-a83bd3b0] {
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f7f8fa;
}
.default_box .default_main[data-v-a83bd3b0] {
    position: relative;
    min-height: 500px;
    top: -60px;
    width: 70%;
    border-radius: 7px;
}
.default_box .default_main .default_top[data-v-a83bd3b0] {
      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-a83bd3b0] {
      padding: 20px;
      border-radius: 10px;
      min-height: 400px;
      background: #fff;
}
.course_box[data-v-a83bd3b0] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  height: 100%;
  padding: 20px;
}
.course_box .course_main[data-v-a83bd3b0] {
    width: 80%;
    margin: 0 auto;
}
.course_box .course_main .banner[data-v-a83bd3b0] {
      display: inline-block;
      width: 100%;
      border-radius: 7px;
}
.course_box .course_main .course_list[data-v-a83bd3b0] {
      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-a83bd3b0] {
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.course_box .course_main .course_list .course_nav .nav_list[data-v-a83bd3b0] {
          display: flex;
          align-items: center;
}
.el-aside[data-v-a83bd3b0] {
  background: #fff;
  display: flex;
  box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 3;
  height: 100vh;
}
.first_li[data-v-a83bd3b0] {
  padding: 5px 10px;
  color: #fff;
  font-size: 15px;
  cursor: pointer;
  border-radius: 4px;
}
.first_li[data-v-a83bd3b0]:hover {
  background: rgba(0, 0, 0, 0.1);
}
.active_li[data-v-a83bd3b0] {
  background: rgba(0, 0, 0, 0.4) !important;
}
.aside_li[data-v-a83bd3b0] {
  font-size: 15px;
  border-radius: 4px;
  color: #333;
  cursor: pointer;
  padding: 5px 10px;
  width: 80%;
}
.aside_li[data-v-a83bd3b0]:hover {
  background: #ecf5ff;
}
.active_aside_li[data-v-a83bd3b0] {
  background: #ecf5ff;
}
.scroolBox[data-v-a83bd3b0]::-webkit-scrollbar {
  width: 4px;
}
.scroolBox[data-v-a83bd3b0]::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 20px;
}
.appBox[data-v-a83bd3b0]:hover {
  cursor: pointer;
}
.appBox:hover .iconBox[data-v-a83bd3b0] {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
}
.btnGroupBox[data-v-a83bd3b0] {
  position: absolute;
  bottom: 0;
  height: 640px;
  width: 560px;
  left: 90px;
  overflow-y: auto;
  display: none;
}
.appBox:hover .btnGroupBox[data-v-a83bd3b0] {
  display: block;
}
.btnGroupBox[data-v-a83bd3b0]::-webkit-scrollbar {
  width: 4px;
}
.btnGroupBox[data-v-a83bd3b0]::-webkit-scrollbar-thumb {
  background: #00c28d;
}
.app-title[data-v-a83bd3b0] {
  font-size: 18px;
  color: #333;
  font-weight: 700;
  margin-bottom: 10px;
  padding: 0 10px;
}
.hoverBtn[data-v-a83bd3b0] {
  height: 100%;
  cursor: pointer;
  padding: 10px;
  width: 80px;
  height: 80px;
  box-sizing: border-box;
  border: 1px #f0f0f2 dashed;
  position: relative;
}
.hoverBtn[data-v-a83bd3b0]::after,
.hoverBtn[data-v-a83bd3b0]::before {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  transition: all 0.5s linear;
  border-radius: 2px 0 2px 0;
}
.hoverBtn[data-v-a83bd3b0]::after {
  left: -1px;
  top: -1px;
  border-left: 1px #00c28d solid;
  border-top: 1px #00c28d solid;
}
.hoverBtn[data-v-a83bd3b0]::before {
  right: -1px;
  bottom: -1px;
  border-right: 1px #00c28d solid;
  border-bottom: 1px #00c28d solid;
}
.hoverBtn[data-v-a83bd3b0]:hover::after,
.hoverBtn[data-v-a83bd3b0]:hover::before {
  width: 80px;
  height: 80px;
}

/* .hoverBtn:hover {
    background: #00c28d;
    color: #fff;
    border: 1px #00c28d solid;
}

.hoverBtn:hover i {
    color: #fff !important;
} */
.callDialogBox[data-v-a83bd3b0] .el-dialog {
  border-radius: 20px;
}
.callDialogBox[data-v-a83bd3b0] .el-dialog #spin {
    display: none !important;
}
.callDialogBox[data-v-a83bd3b0] input::-webkit-inner-spin-button {
  display: none !important;
}
.callDialogBox .call-ul[data-v-a83bd3b0] {
  margin: 20px 0;
  flex-wrap: wrap;
}
.callDialogBox .call-ul li[data-v-a83bd3b0] {
    width: calc(100% / 3);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.callDialogBox .call-ul li span[data-v-a83bd3b0] {
      width: 60px;
      height: 60px;
      border-radius: 100%;
      background: #ecf5ff;
      margin: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #333;
      font-size: 20px;
      cursor: pointer;
}
.callDialogBox .call-ul li span[data-v-a83bd3b0]:hover {
      background: #eee;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.callDialogBox .call-ul li.call-btn span[data-v-a83bd3b0] {
    background: #00c28d;
    color: #fff;
    font-size: 30px;
    box-shadow: 0 0 8px rgba(0, 250, 177, 0.8);
}
.callDialogBox .call-ul li.call-canle span[data-v-a83bd3b0] {
    background: #f56c6c;
    color: #fff;
    font-size: 30px;
}


.card[data-v-4569e558]{
    border: 1px #5ebcaa solid;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}
.card-tit[data-v-4569e558]{
    
    padding: 10px;
    font-size: 14px;
    border: 1px #5ebcaa solid;
    background: #5ebcaa;
    color: #fff;
}
.card-ul[data-v-4569e558]{
    padding:0 10px;
}
.card-ul li[data-v-4569e558]{
    margin:5px 0;border-bottom: 1px #eee dashed;padding: 5px 0;
}
.card-ul li[data-v-4569e558]:last-child{border-bottom: none;}
.card[data-v-4569e558] .el-collapse-item__header {
    /* background: #5ebcaa; */
    color: #fff;
    padding-left:10px;
    border: 1px #5ebcaa solid;
    background-image:linear-gradient(to right bottom,#73e5cf, #3bcbaf,#73e5a6,#76cfcb);
}
.card[data-v-4569e558] .el-collapse-item__wrap{
    border: none;
}
.card[data-v-4569e558] .el-collapse-item__content{
    padding-bottom: 0;
}

/**************************************************************************** 新闻列表 icon  ***************************************************************************/
.news-icon[data-v-4569e558]{position: relative;padding-left: 10px;}
.news-icon[data-v-4569e558]::before{
    content: '';
    width: 4px;
    height: 4px;
    background: #f56c6c;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 10px;
}

/**************************************************************************** 排行榜  ***************************************************************************/
.data-icon[data-v-4569e558]{
    position: relative;
}
.data-icon[data-v-4569e558] ::after{
    content: '';
    width: 6px;
    height: 12px;
    background-image: linear-gradient(#eee, #e6a23c);
    border-radius: 4px;
    position: absolute;
    left: 20%;
    top: -5px;
    box-shadow: 0 2px 0 rgba(0,0,0,.25);
}
.data-icon[data-v-4569e558] ::before{
    content: '';
    width: 6px;
    height: 12px;
    background-image: linear-gradient(#eee, #e6a23c);
    border-radius: 4px;
    position: absolute;
    right: 20%;
    top: -5px;
    box-shadow: 0 2px 0 rgba(0,0,0,.25);
}
/**************************************************************************** 个人销售统计  ***************************************************************************/
.person-sale-box[data-v-4569e558]{
    flex:1;
    text-align: center;
    border-radius: 10px;
    padding-bottom: 20px;
    padding-top: 20px;
    border: 1px #f56c6c solid;
}
.person-sale-ul[data-v-4569e558]{
    display: flex;align-items: center;justify-content: space-around;
}
.person-sale-ul li[data-v-4569e558]{
    display: flex;
    flex-flow: column;
    font-size: 12px;
    color: #fff;
    color: #666;
    line-height: 2;
    align-items: center;
    flex: 1;
    cursor: pointer;
}
.person-sale-ul li span[data-v-4569e558]:first-child{
    font-size: 30px;
    color: #f56c6c;
}
/****************************************************************************  喜报  ***************************************************************************/
.goodNews-box[data-v-4569e558]{
    background: url(../img/xb.5dbb94f3.jpg) no-repeat;
    height: 60px;
    width: 100%;
    border-radius: 10px;
    background-size: cover;
    background-position: center center;
}
/****************************************************************************  快捷通道  ***************************************************************************/
.groupBtn-ul li span[data-v-4569e558]:first-child:hover{
    cursor: pointer;
    background: #3a8ee6 !important;
}
.faster-btngroup[data-v-4569e558] .el-carousel__button{
    background: #ccc;
}


.el-progress[data-v-1870ddd2] .el-progress__text{
    font-size: 12px !important;
}


.el-card[data-v-454db656]::-webkit-scrollbar{
    height: 4px;
}
.el-card[data-v-454db656]::-webkit-scrollbar-thumb{
    background: #00c28d;
}
.report-box[data-v-454db656]{
    display: flex;
    align-items: center;
    justify-content: space-between;
    justify-content: space-around;
}
.report-box li[data-v-454db656] {

    text-align: center;
    min-width: 100px;
}
.report-box li span[data-v-454db656] {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #007AFF;
    min-width: 30px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, .1);
}
.hoverBtn[data-v-454db656]:hover {
    background: #00c28d;
    color: #fff;
    border: 1px #00c28d solid;
}
.hoverBtn:hover i[data-v-454db656] {
    color: #fff !important;
}
.project-list[data-v-454db656]{
    padding: 10px 0;border-bottom: 1px #eee dashed;position: relative;overflow: hidden;
}
.project-list-name[data-v-454db656]{
    color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 80%;margin: 0 10px;
}
.carouselbox[data-v-454db656] .el-carousel__arrow--right{
    right: 0 !important;
}
.carouselbox[data-v-454db656] .el-carousel__arrow--left{
    left: 0 !important;
}
.department-li[data-v-454db656]:hover{
    color: #fff;
    background: #00c28d;
    border: 1px #00c28d solid;
    cursor: pointer;
}
.active_name[data-v-454db656]{
    color: #fff;
    background: #00c28d;
    border: 1px #00c28d solid;
}


.el-card[data-v-45318754]::-webkit-scrollbar{
    height: 4px;
}
.el-card[data-v-45318754]::-webkit-scrollbar-thumb{
    background: #00c28d;
}
.report-box[data-v-45318754]{
    display: flex;
    align-items: center;
    justify-content: space-between;
    justify-content: space-around;
}
.report-box li[data-v-45318754] {

    text-align: center;
    min-width: 100px;
}
.report-box li span[data-v-45318754] {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #007AFF;
    min-width: 30px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, .1);
}
.icon-box[data-v-45318754]{
		width: 16px;
		height: 16px;
		border-radius:63% 37% 78% 22% / 30% 17% 83% 70% ;
		background-image: linear-gradient( 135deg, #EECE13 10%, #B210FF 100%);
		margin-right: 5px;
}

.fontSize12[data-v-45155852] {
  font-size: 12px !important;
}
.fontSize14[data-v-45155852] {
  font-size: 14px !important;
}
.fontSize15[data-v-45155852] {
  font-size: 15px !important;
}
.fontSize16[data-v-45155852] {
  font-size: 16px !important;
}
.fontSize18[data-v-45155852] {
  font-size: 18px !important;
}
.mTop30[data-v-45155852] {
  margin-top: 30px;
}
.mTop10[data-v-45155852] {
  margin-top: 10px;
}
.mTop5[data-v-45155852] {
  margin-top: 5px;
}
.mRight10[data-v-45155852] {
  margin-right: 10px;
}
.mRight5[data-v-45155852] {
  margin-right: 5px;
}
.mLeft10[data-v-45155852] {
  margin-left: 10px;
}
.mLeft5[data-v-45155852] {
  margin-left: 5px;
}
.mBottom5[data-v-45155852] {
  margin-bottom: 5px;
}
.mBottom10[data-v-45155852] {
  margin-bottom: 10px;
}
.mBottom15[data-v-45155852] {
  margin-bottom: 15px;
}
.mBottom20[data-v-45155852] {
  margin-bottom: 20px;
}
.mBottom25[data-v-45155852] {
  margin-bottom: 25px;
}
.m020[data-v-45155852] {
  margin: 0 20px;
}
.pn_left15[data-v-45155852] {
  padding: 15px 15px 15px 0;
}
.pTB5[data-v-45155852] {
  padding: 5px 0;
}
.pLR15[data-v-45155852] {
  padding: 0 15px;
}
.pLR30[data-v-45155852] {
  padding: 0 30px;
}
.pad15[data-v-45155852] {
  padding: 15px;
}
.pad25[data-v-45155852] {
  padding: 25px;
}
*[data-v-45155852] {
  font-style: normal;
}
.h4_style1[data-v-45155852] {
  font-weight: 700;
  color: #2463f3;
  font-size: 18px;
  padding-left: 5px;
  position: relative;
}
.h4_style1[data-v-45155852]::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-45155852] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex_justify_between[data-v-45155852] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex_column[data-v-45155852] {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.flex_align_center[data-v-45155852] {
  display: flex;
  align-items: center;
}
.flex_cloumn[data-v-45155852] {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cssStyle1[data-v-45155852] {
  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-45155852] {
  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-45155852] {
  border-radius: 14px;
  padding: 3px 14px;
  text-align: center;
}
.cssStyle4[data-v-45155852] {
  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-45155852] {
  border: 1px solid #daedd4;
  background: #f1f6f2;
  color: #67c23a;
}
.spotShow[data-v-45155852] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.act_search[data-v-45155852] {
  color: #2463f3 !important;
  background: #fff;
}
.act_search[data-v-45155852]:after {
  content: '';
  display: inline-block;
  width: 35px;
  height: 1px;
  background: #2463f3;
  position: absolute;
  bottom: 0;
  right: 28%;
}
.in_block_i[data-v-45155852] {
  display: inline-block;
}
.fontWeight500[data-v-45155852] {
  font-weight: 500;
}
.fontWeight700[data-v-45155852] {
  font-weight: 700;
}
.width_300[data-v-45155852] {
  width: 300px !important;
  margin-right: 30px !important;
}
.borderRadius5[data-v-45155852] {
  border-radius: 5px;
}
.borderRadius7[data-v-45155852] {
  border-radius: 7px;
}
.borderRadius10[data-v-45155852] {
  border-radius: 10px;
}
.color_blue_01[data-v-45155852] {
  color: #2cbcfa;
}
.color_red[data-v-45155852] {
  color: red !important;
}
.color_999[data-v-45155852] {
  color: #999 !important;
}
.color_666[data-v-45155852] {
  color: #666 !important;
}
.color_333[data-v-45155852] {
  color: #333 !important;
}
.color_222[data-v-45155852] {
  color: #222 !important;
}
.color_000[data-v-45155852] {
  color: #000 !important;
}
.color_2463f3[data-v-45155852] {
  color: #2463f3 !important;
}
.color_337bff[data-v-45155852] {
  color: #337bff !important;
}
.color_FFF[data-v-45155852] {
  color: #FFF !important;
}
.color_67c23a[data-v-45155852] {
  color: #67c23a !important;
}
.background_f2f2f2[data-v-45155852] {
  background: #f2f2f2;
}
.background_f7f8fa[data-v-45155852] {
  background: #f7f8fa;
}
.background_FFF[data-v-45155852] {
  background: #FFF;
}
.primary_btn[data-v-45155852] {
  color: #2cbcfa;
  border: 1px solid #2cbcfa;
}
.see_btn[data-v-45155852] {
  width: 100%;
  height: 60px;
  background: #fff;
  position: fixed;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.textLeft_btn[data-v-45155852] {
  width: 100%;
  height: 50px;
  text-align: left;
  margin-top: 50px;
}
.textCenter_btn[data-v-45155852] {
  width: 100%;
  height: 50px;
  text-align: center;
  margin-top: 50px;
}
.textCenter_btn_d[data-v-45155852] {
  width: 100%;
  height: 50px;
  text-align: center;
  margin-top: 30px;
}
.textRight_btn[data-v-45155852] {
  width: 100%;
  height: 50px;
  text-align: right;
  margin-top: 50px;
}
.btn_92b1f9[data-v-45155852] {
  color: #fff;
  background-color: #92b1f9;
  border-color: #92b1f9;
}
.btn_2463f3[data-v-45155852] {
  color: #2463f3;
  background: #e9effe;
  border-color: #a7c1fa;
}
.btn_40[data-v-45155852] {
  height: 40px;
}
.btn_60[data-v-45155852] {
  height: 60px;
}
.btn_ffa200[data-v-45155852] {
  background: #ffa200;
  margin-right: 16px;
  color: #fff;
  font-size: 14px;
  border-color: #fff;
  border-radius: 4px;
}
.btn_ff5d4e[data-v-45155852] {
  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-45155852] {
  transform: rotate(90deg);
}
.span_line[data-v-45155852] {
  display: inline-block;
  width: 100%;
  border-top: 1px dashed #ccc;
}
.span_line1[data-v-45155852] {
  display: inline-block;
  width: 1px;
  background-color: #e5e5e5;
  height: 79%;
  left: 30px;
  top: 45px;
  z-index: 2;
}
.p_re[data-v-45155852] {
  position: relative;
}
.p_abTR[data-v-45155852] {
  position: absolute;
  right: 5px;
  top: 0;
}
.curPointer[data-v-45155852] {
  cursor: pointer;
}
.default_img[data-v-45155852] {
  display: inline-block;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.img20[data-v-45155852] {
  display: inline-block;
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
.img50[data-v-45155852] {
  display: inline-block;
  width: 50px;
  height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
}
.p_relative[data-v-45155852] {
  position: relative;
}
.p_absoluteD[data-v-45155852] {
  position: absolute;
}
.p_absolute[data-v-45155852] {
  position: absolute;
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  top: 20px;
  left: 20px;
  font-size: 20px;
  color: #fff;
}
.p_absolute1[data-v-45155852] {
  position: absolute;
  right: 0;
}
.p_absolute_img_right_top[data-v-45155852] {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 74px;
  height: 23px;
  background-size: contain;
}
.p_fixed[data-v-45155852] {
  position: fixed;
  bottom: 0;
  left: 0;
}
.div_width70[data-v-45155852] {
  width: 70%;
  margin: 0 auto;
}
.text_space[data-v-45155852] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 160px;
}
.span_status[data-v-45155852] {
  height: 22px;
  border-radius: 4px;
  font-weight: 500;
  text-align: center;
  line-height: 22px;
  font-size: 12px;
  padding: 3px 6px;
}
.noStart_status[data-v-45155852] {
  border: 1px solid #ffa200 !important;
  background: transparent;
  border-radius: 14px;
}
.span_status1[data-v-45155852] {
  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-45155852] {
  color: #337bff;
  background: #e9effe;
}
.start_status1[data-v-45155852] {
  color: #ffa200 !important;
  background: none !important;
  border: 1px solid #ffa200 !important;
}
.lineHeight40[data-v-45155852] {
  height: 40px;
  line-height: 40px;
}
.afterRVertical[data-v-45155852]::after {
  display: inline-block;
  content: '';
  width: 1px;
  height: 14px;
  background: #2463f3;
  position: relative;
  right: -14px;
  top: 2px;
}
.afterRVertical_temp1[data-v-45155852]::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-45155852] {
  width: 95%;
  margin-left: 15px;
}
.defaultLeft_260[data-v-45155852] {
  width: 260px;
  height: 100%;
}
.imgContain[data-v-45155852] {
  -o-object-fit: contain;
     object-fit: contain;
}
.imgCover[data-v-45155852] {
  -o-object-fit: cover;
     object-fit: cover;
}
.boxWH100[data-v-45155852] {
  width: 100%;
  height: 100%;
}
.boxMarAuto90[data-v-45155852] {
  width: 90%;
  min-height: 400px;
  margin: 0 auto;
}
.default_list[data-v-45155852] {
  display: flex;
}
.default_list_left[data-v-45155852] {
  width: 220px;
  margin-right: 20px;
  min-height: 300px;
}
.default_list_right[data-v-45155852] {
  flex: 1;
  width: 100%;
  min-height: 300px;
}
.default_list_left02[data-v-45155852] {
  flex: 1;
  width: 100%;
  min-height: 300px;
}
.default_list_right02[data-v-45155852] {
  width: 220px;
  margin-left: 20px;
  min-height: 300px;
}
.fontOverFlow[data-v-45155852] {
  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-45155852] {
  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-45155852] {
  color: #5f94f5 !important;
  background: #e3eaf9 !important;
  border: none !important;
}
.h3_backg_img[data-v-45155852] {
  position: relative;
  font-weight: 700;
  color: #222;
  font-size: 18px;
  margin-right: 35px;
  z-index: 1;
}
.h3_backg_img[data-v-45155852]::before, .h3_backg_img[data-v-45155852]::after {
    content: "";
    position: absolute;
    opacity: .5;
    border-radius: 50%;
    display: inline-block;
    z-index: -1;
}
.h3_backg_img[data-v-45155852]::before {
    background: linear-gradient(-35deg, #bee5fb 100%, #eff3f5 0);
    top: -3px;
    left: -12px;
    height: 26px;
    width: 26px;
}
.h3_backg_img[data-v-45155852]::after {
    background: linear-gradient(-35deg, #cffcac 100%, #eefce2 0);
    bottom: -5px;
    right: -10px;
    height: 18px;
    width: 18px;
}
.nav_ul_temp2[data-v-45155852] {
  display: flex;
  align-items: center;
}
.nav_ul_temp2 li[data-v-45155852] {
    height: 32px;
    line-height: 32px;
    padding: 0 16px;
    font-size: 12px;
}
.navActLi[data-v-45155852] {
  color: #2463f3 !important;
  background: #e3eaf9;
  border-radius: 16px;
  font-weight: 700;
  padding: 0 16px;
}
.nav_ul_temp3[data-v-45155852] {
  height: 100%;
  display: flex;
  align-items: center;
}
.nav_ul_temp3 li[data-v-45155852] {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    position: relative;
    padding: 0 30px;
}
.nav_ul_temp4 li[data-v-45155852] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.nav_ul_temp5[data-v-45155852] {
  display: flex;
  flex-wrap: wrap;
}
.nav_ul_temp5 li[data-v-45155852] {
    font-size: 14px;
    padding: 5px 13px;
    border-radius: 4px;
    margin: 0 5px 14px 5px;
}
.default_list_wrap[data-v-45155852] {
  display: flex;
  flex-wrap: wrap;
}
.default_list_wrap .list_one[data-v-45155852] {
    width: 30%;
    min-height: 260px;
    box-shadow: 0 5px 6px 0 #d3d5da5c;
    margin: 0 3% 3% 0;
}
.list_one_hover[data-v-45155852]:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 6px 0 #d5d7dc5c;
}
.nav_ul[data-v-45155852] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 7px;
  overflow: hidden;
}
.nav_ul .nav_title[data-v-45155852] {
    font-size: 14px;
    font-weight: 700;
    margin-right: 7px;
    float: left;
    height: 36px;
    line-height: 36px;
}
.nav_ul .nav_content[data-v-45155852],
  .nav_ul .nav_ul_p[data-v-45155852] {
    font-size: 14px;
    padding: 8px 20px;
    color: #333;
    float: left;
    cursor: pointer;
    margin-right: 10px;
}
.nav_ul .nav_content[data-v-45155852]:hover,
    .nav_ul .nav_ul_p[data-v-45155852]:hover {
      border-radius: 15px;
      color: #2463f3;
      background: #e3eaf9;
      border-bottom-color: transparent;
}
.nav_ul .nav_active[data-v-45155852] {
    border-radius: 15px;
    color: #2463f3;
    background: #e3eaf9;
    border-bottom-color: transparent;
}
.default_box[data-v-45155852] {
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f7f8fa;
}
.default_box .default_main[data-v-45155852] {
    position: relative;
    min-height: 500px;
    top: -60px;
    width: 70%;
    border-radius: 7px;
}
.default_box .default_main .default_top[data-v-45155852] {
      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-45155852] {
      padding: 20px;
      border-radius: 10px;
      min-height: 400px;
      background: #fff;
}
.course_box[data-v-45155852] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  height: 100%;
  padding: 20px;
}
.course_box .course_main[data-v-45155852] {
    width: 80%;
    margin: 0 auto;
}
.course_box .course_main .banner[data-v-45155852] {
      display: inline-block;
      width: 100%;
      border-radius: 7px;
}
.course_box .course_main .course_list[data-v-45155852] {
      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-45155852] {
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.course_box .course_main .course_list .course_nav .nav_list[data-v-45155852] {
          display: flex;
          align-items: center;
}
[data-v-45155852]::-webkit-scrollbar {
  height: 4px;
  width: 4px;
}
[data-v-45155852]::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}
.bg[data-v-45155852] {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  width: 264px;
  height: 120px;
  padding: 10px;
  box-sizing: border-box;
  margin: 0 20px 5px 0;
  flex-shrink: 0;
  transition: .5s;
}
.bg[data-v-45155852]:hover {
    cursor: pointer;
    transform: scale(1.05);
}
.bg .bg-t[data-v-45155852] {
    font-size: 14px;
    color: #333;
}
.bg .bg-num[data-v-45155852] {
    font-weight: 700;
    font-size: 20px;
    margin: 10px 0;
}
.bg .bg-num span[data-v-45155852] {
      flex: 1;
}
.bg .bg-num[data-v-45155852] .el-progress-bar {
      width: 70%;
}
.bg .bg-num[data-v-45155852] .el-progress-bar__outer {
      background: rgba(0, 0, 0, 0.1);
}
.bg .bg-tag[data-v-45155852] {
    display: flex;
    align-items: center;
    height: 16px;
}
.bg .bg-tag span[data-v-45155852] {
      font-size: 12px;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      border-radius: 20px;
}
.bg .bg-tag span[data-v-45155852]:first-child {
        margin-right: 30px;
}
.bg1[data-v-45155852] {
  background: url(../img/bg1.99ea1994.png) no-repeat;
  background-size: contain;
}
.bg1 span[data-v-45155852] {
    color: #0cb387;
}
.bg2[data-v-45155852] {
  background: url(../img/bg2.a714bc13.png) no-repeat;
  background-size: contain;
}
.bg2 span[data-v-45155852] {
    color: #7480f6;
}
.bg3[data-v-45155852] {
  background: url(../img/bg3.236cdb35.png) no-repeat;
  background-size: contain;
}
.bg3 span[data-v-45155852] {
    color: #7480f6;
}
.bg4[data-v-45155852] {
  background: url(data:image/png;base64,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) no-repeat;
  background-size: contain;
}
.bg4 span[data-v-45155852] {
    color: #f56c6c;
}
.bg5[data-v-45155852] {
  background: url(data:image/png;base64,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) no-repeat;
  background-size: contain;
}
.bg6[data-v-45155852] {
  background: url(../img/bg6.5257d2d9.png) no-repeat;
  background-size: contain;
}
.bg6 span[data-v-45155852] {
    color: #0cb387;
}
.bg7[data-v-45155852] {
  background: url(../img/bg7.4874ba37.png) no-repeat;
  background-size: contain;
}
.bg9[data-v-45155852] {
  background: url(data:image/png;base64,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) no-repeat;
  background-size: contain;
}
.bg10[data-v-45155852] {
  background: url(../img/bg10.95f09b7f.png) no-repeat;
  background-size: contain;
}
.bg10 span[data-v-45155852] {
    color: #f90;
}
.el-card[data-v-45155852]::-webkit-scrollbar {
  height: 4px;
}
.el-card[data-v-45155852]::-webkit-scrollbar-thumb {
  background: #00c28d;
}
.report-box[data-v-45155852] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  justify-content: space-around;
}
.report-box li[data-v-45155852] {
  text-align: center;
  min-width: 100px;
}
.report-box li span[data-v-45155852] {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: #007AFF;
  min-width: 30px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
}
.icon-box[data-v-45155852] {
  width: 16px;
  height: 16px;
  border-radius: 63% 37% 78% 22% / 30% 17% 83% 70%;
  background-image: linear-gradient(135deg, #EECE13 10%, #B210FF 100%);
  margin-right: 5px;
}
.top-card[data-v-45155852] {
  background: #18a9a2;
  padding: 10px;
  border-radius: 10px;
  color: #fff;
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.4);
  border-top: 1px #eee solid;
  height: 170px;
  box-sizing: border-box;
  margin: 0 10px;
  text-align: center;
  flex-shrink: 0;
  min-width: 180px;
  width: calc(100% /9);
  position: relative;
  background: linear-gradient(90deg, #f0f0f22b 1px, transparent 0), linear-gradient(#f0f0f22b 1px, transparent 0) #18a9a2;
  background-size: 4mm 4mm;
}
.top-card[data-v-45155852]::after {
    content: '';
    height: 6px;
    width: 40%;
    left: 30%;
    bottom: 4px;
    background: #535353;
    z-index: 1;
    position: absolute;
    border-radius: 10px;
    box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.8), 1px 1px 1px rgba(255, 255, 255, 0.8);
}
.top-card .bg-t[data-v-45155852] {
    font-size: 14px;
    display: flex;
    align-items: center;
}
.top-card .bg-num[data-v-45155852] {
    font-weight: 700;
    font-size: 20px;
    margin: 10px 0;
}
.top-card .bg-num .lable-name[data-v-45155852] {
      font-size: 12px;
}
.top-card .bg-num[data-v-45155852] .el-progress-bar {
      width: 70%;
}
.top-card .bg-num[data-v-45155852] .el-progress-bar__outer {
      background: rgba(0, 0, 0, 0.1);
}
.top-card .bg-tag[data-v-45155852] {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.top-card .bg-tag span[data-v-45155852] {
      font-size: 12px;
      background: rgba(0, 0, 0, 0.1);
      padding: 2px 15px;
      border-radius: 20px;
      margin: 5px 0;
}
.top-card[data-v-45155852] .el-progress__text {
    color: #fff;
    font-size: 12px !important;
}
.timelineBox[data-v-45155852] {
  position: relative;
  margin-bottom: 10px;
}
.timelineBox .el-tag[data-v-45155852] {
    position: relative;
    z-index: 1;
}
.timelineBox[data-v-45155852]::before {
    content: '';
    height: 1px;
    border-top: 1px #eee solid;
    position: absolute;
    width: calc(100% - 120px);
    margin-left: -16px;
}
.el-timeline-item[data-v-45155852] {
  padding-bottom: 5px;
}
.descriptionsBox[data-v-45155852] .el-descriptions-item__cell {
  padding-bottom: 5px;
}
.cardBox[data-v-45155852] .el-card__body {
  height: 100%;
  box-sizing: border-box;
}

.fontSize12[data-v-44f92950] {
  font-size: 12px !important;
}
.fontSize14[data-v-44f92950] {
  font-size: 14px !important;
}
.fontSize15[data-v-44f92950] {
  font-size: 15px !important;
}
.fontSize16[data-v-44f92950] {
  font-size: 16px !important;
}
.fontSize18[data-v-44f92950] {
  font-size: 18px !important;
}
.mTop30[data-v-44f92950] {
  margin-top: 30px;
}
.mTop10[data-v-44f92950] {
  margin-top: 10px;
}
.mTop5[data-v-44f92950] {
  margin-top: 5px;
}
.mRight10[data-v-44f92950] {
  margin-right: 10px;
}
.mRight5[data-v-44f92950] {
  margin-right: 5px;
}
.mLeft10[data-v-44f92950] {
  margin-left: 10px;
}
.mLeft5[data-v-44f92950] {
  margin-left: 5px;
}
.mBottom5[data-v-44f92950] {
  margin-bottom: 5px;
}
.mBottom10[data-v-44f92950] {
  margin-bottom: 10px;
}
.mBottom15[data-v-44f92950] {
  margin-bottom: 15px;
}
.mBottom20[data-v-44f92950] {
  margin-bottom: 20px;
}
.mBottom25[data-v-44f92950] {
  margin-bottom: 25px;
}
.m020[data-v-44f92950] {
  margin: 0 20px;
}
.pn_left15[data-v-44f92950] {
  padding: 15px 15px 15px 0;
}
.pTB5[data-v-44f92950] {
  padding: 5px 0;
}
.pLR15[data-v-44f92950] {
  padding: 0 15px;
}
.pLR30[data-v-44f92950] {
  padding: 0 30px;
}
.pad15[data-v-44f92950] {
  padding: 15px;
}
.pad25[data-v-44f92950] {
  padding: 25px;
}
*[data-v-44f92950] {
  font-style: normal;
}
.h4_style1[data-v-44f92950] {
  font-weight: 700;
  color: #2463f3;
  font-size: 18px;
  padding-left: 5px;
  position: relative;
}
.h4_style1[data-v-44f92950]::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-44f92950] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex_justify_between[data-v-44f92950] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex_column[data-v-44f92950] {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.flex_align_center[data-v-44f92950] {
  display: flex;
  align-items: center;
}
.flex_cloumn[data-v-44f92950] {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cssStyle1[data-v-44f92950] {
  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-44f92950] {
  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-44f92950] {
  border-radius: 14px;
  padding: 3px 14px;
  text-align: center;
}
.cssStyle4[data-v-44f92950] {
  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-44f92950] {
  border: 1px solid #daedd4;
  background: #f1f6f2;
  color: #67c23a;
}
.spotShow[data-v-44f92950] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.act_search[data-v-44f92950] {
  color: #2463f3 !important;
  background: #fff;
}
.act_search[data-v-44f92950]:after {
  content: '';
  display: inline-block;
  width: 35px;
  height: 1px;
  background: #2463f3;
  position: absolute;
  bottom: 0;
  right: 28%;
}
.in_block_i[data-v-44f92950] {
  display: inline-block;
}
.fontWeight500[data-v-44f92950] {
  font-weight: 500;
}
.fontWeight700[data-v-44f92950] {
  font-weight: 700;
}
.width_300[data-v-44f92950] {
  width: 300px !important;
  margin-right: 30px !important;
}
.borderRadius5[data-v-44f92950] {
  border-radius: 5px;
}
.borderRadius7[data-v-44f92950] {
  border-radius: 7px;
}
.borderRadius10[data-v-44f92950] {
  border-radius: 10px;
}
.color_blue_01[data-v-44f92950] {
  color: #2cbcfa;
}
.color_red[data-v-44f92950] {
  color: red !important;
}
.color_999[data-v-44f92950] {
  color: #999 !important;
}
.color_666[data-v-44f92950] {
  color: #666 !important;
}
.color_333[data-v-44f92950] {
  color: #333 !important;
}
.color_222[data-v-44f92950] {
  color: #222 !important;
}
.color_000[data-v-44f92950] {
  color: #000 !important;
}
.color_2463f3[data-v-44f92950] {
  color: #2463f3 !important;
}
.color_337bff[data-v-44f92950] {
  color: #337bff !important;
}
.color_FFF[data-v-44f92950] {
  color: #FFF !important;
}
.color_67c23a[data-v-44f92950] {
  color: #67c23a !important;
}
.background_f2f2f2[data-v-44f92950] {
  background: #f2f2f2;
}
.background_f7f8fa[data-v-44f92950] {
  background: #f7f8fa;
}
.background_FFF[data-v-44f92950] {
  background: #FFF;
}
.primary_btn[data-v-44f92950] {
  color: #2cbcfa;
  border: 1px solid #2cbcfa;
}
.see_btn[data-v-44f92950] {
  width: 100%;
  height: 60px;
  background: #fff;
  position: fixed;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.textLeft_btn[data-v-44f92950] {
  width: 100%;
  height: 50px;
  text-align: left;
  margin-top: 50px;
}
.textCenter_btn[data-v-44f92950] {
  width: 100%;
  height: 50px;
  text-align: center;
  margin-top: 50px;
}
.textCenter_btn_d[data-v-44f92950] {
  width: 100%;
  height: 50px;
  text-align: center;
  margin-top: 30px;
}
.textRight_btn[data-v-44f92950] {
  width: 100%;
  height: 50px;
  text-align: right;
  margin-top: 50px;
}
.btn_92b1f9[data-v-44f92950] {
  color: #fff;
  background-color: #92b1f9;
  border-color: #92b1f9;
}
.btn_2463f3[data-v-44f92950] {
  color: #2463f3;
  background: #e9effe;
  border-color: #a7c1fa;
}
.btn_40[data-v-44f92950] {
  height: 40px;
}
.btn_60[data-v-44f92950] {
  height: 60px;
}
.btn_ffa200[data-v-44f92950] {
  background: #ffa200;
  margin-right: 16px;
  color: #fff;
  font-size: 14px;
  border-color: #fff;
  border-radius: 4px;
}
.btn_ff5d4e[data-v-44f92950] {
  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-44f92950] {
  transform: rotate(90deg);
}
.span_line[data-v-44f92950] {
  display: inline-block;
  width: 100%;
  border-top: 1px dashed #ccc;
}
.span_line1[data-v-44f92950] {
  display: inline-block;
  width: 1px;
  background-color: #e5e5e5;
  height: 79%;
  left: 30px;
  top: 45px;
  z-index: 2;
}
.p_re[data-v-44f92950] {
  position: relative;
}
.p_abTR[data-v-44f92950] {
  position: absolute;
  right: 5px;
  top: 0;
}
.curPointer[data-v-44f92950] {
  cursor: pointer;
}
.default_img[data-v-44f92950] {
  display: inline-block;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.img20[data-v-44f92950] {
  display: inline-block;
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
.img50[data-v-44f92950] {
  display: inline-block;
  width: 50px;
  height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
}
.p_relative[data-v-44f92950] {
  position: relative;
}
.p_absoluteD[data-v-44f92950] {
  position: absolute;
}
.p_absolute[data-v-44f92950] {
  position: absolute;
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  top: 20px;
  left: 20px;
  font-size: 20px;
  color: #fff;
}
.p_absolute1[data-v-44f92950] {
  position: absolute;
  right: 0;
}
.p_absolute_img_right_top[data-v-44f92950] {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 74px;
  height: 23px;
  background-size: contain;
}
.p_fixed[data-v-44f92950] {
  position: fixed;
  bottom: 0;
  left: 0;
}
.div_width70[data-v-44f92950] {
  width: 70%;
  margin: 0 auto;
}
.text_space[data-v-44f92950] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 160px;
}
.span_status[data-v-44f92950] {
  height: 22px;
  border-radius: 4px;
  font-weight: 500;
  text-align: center;
  line-height: 22px;
  font-size: 12px;
  padding: 3px 6px;
}
.noStart_status[data-v-44f92950] {
  border: 1px solid #ffa200 !important;
  background: transparent;
  border-radius: 14px;
}
.span_status1[data-v-44f92950] {
  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-44f92950] {
  color: #337bff;
  background: #e9effe;
}
.start_status1[data-v-44f92950] {
  color: #ffa200 !important;
  background: none !important;
  border: 1px solid #ffa200 !important;
}
.lineHeight40[data-v-44f92950] {
  height: 40px;
  line-height: 40px;
}
.afterRVertical[data-v-44f92950]::after {
  display: inline-block;
  content: '';
  width: 1px;
  height: 14px;
  background: #2463f3;
  position: relative;
  right: -14px;
  top: 2px;
}
.afterRVertical_temp1[data-v-44f92950]::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-44f92950] {
  width: 95%;
  margin-left: 15px;
}
.defaultLeft_260[data-v-44f92950] {
  width: 260px;
  height: 100%;
}
.imgContain[data-v-44f92950] {
  -o-object-fit: contain;
     object-fit: contain;
}
.imgCover[data-v-44f92950] {
  -o-object-fit: cover;
     object-fit: cover;
}
.boxWH100[data-v-44f92950] {
  width: 100%;
  height: 100%;
}
.boxMarAuto90[data-v-44f92950] {
  width: 90%;
  min-height: 400px;
  margin: 0 auto;
}
.default_list[data-v-44f92950] {
  display: flex;
}
.default_list_left[data-v-44f92950] {
  width: 220px;
  margin-right: 20px;
  min-height: 300px;
}
.default_list_right[data-v-44f92950] {
  flex: 1;
  width: 100%;
  min-height: 300px;
}
.default_list_left02[data-v-44f92950] {
  flex: 1;
  width: 100%;
  min-height: 300px;
}
.default_list_right02[data-v-44f92950] {
  width: 220px;
  margin-left: 20px;
  min-height: 300px;
}
.fontOverFlow[data-v-44f92950] {
  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-44f92950] {
  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-44f92950] {
  color: #5f94f5 !important;
  background: #e3eaf9 !important;
  border: none !important;
}
.h3_backg_img[data-v-44f92950] {
  position: relative;
  font-weight: 700;
  color: #222;
  font-size: 18px;
  margin-right: 35px;
  z-index: 1;
}
.h3_backg_img[data-v-44f92950]::before, .h3_backg_img[data-v-44f92950]::after {
    content: "";
    position: absolute;
    opacity: .5;
    border-radius: 50%;
    display: inline-block;
    z-index: -1;
}
.h3_backg_img[data-v-44f92950]::before {
    background: linear-gradient(-35deg, #bee5fb 100%, #eff3f5 0);
    top: -3px;
    left: -12px;
    height: 26px;
    width: 26px;
}
.h3_backg_img[data-v-44f92950]::after {
    background: linear-gradient(-35deg, #cffcac 100%, #eefce2 0);
    bottom: -5px;
    right: -10px;
    height: 18px;
    width: 18px;
}
.nav_ul_temp2[data-v-44f92950] {
  display: flex;
  align-items: center;
}
.nav_ul_temp2 li[data-v-44f92950] {
    height: 32px;
    line-height: 32px;
    padding: 0 16px;
    font-size: 12px;
}
.navActLi[data-v-44f92950] {
  color: #2463f3 !important;
  background: #e3eaf9;
  border-radius: 16px;
  font-weight: 700;
  padding: 0 16px;
}
.nav_ul_temp3[data-v-44f92950] {
  height: 100%;
  display: flex;
  align-items: center;
}
.nav_ul_temp3 li[data-v-44f92950] {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    position: relative;
    padding: 0 30px;
}
.nav_ul_temp4 li[data-v-44f92950] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.nav_ul_temp5[data-v-44f92950] {
  display: flex;
  flex-wrap: wrap;
}
.nav_ul_temp5 li[data-v-44f92950] {
    font-size: 14px;
    padding: 5px 13px;
    border-radius: 4px;
    margin: 0 5px 14px 5px;
}
.default_list_wrap[data-v-44f92950] {
  display: flex;
  flex-wrap: wrap;
}
.default_list_wrap .list_one[data-v-44f92950] {
    width: 30%;
    min-height: 260px;
    box-shadow: 0 5px 6px 0 #d3d5da5c;
    margin: 0 3% 3% 0;
}
.list_one_hover[data-v-44f92950]:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 6px 0 #d5d7dc5c;
}
.nav_ul[data-v-44f92950] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 7px;
  overflow: hidden;
}
.nav_ul .nav_title[data-v-44f92950] {
    font-size: 14px;
    font-weight: 700;
    margin-right: 7px;
    float: left;
    height: 36px;
    line-height: 36px;
}
.nav_ul .nav_content[data-v-44f92950],
  .nav_ul .nav_ul_p[data-v-44f92950] {
    font-size: 14px;
    padding: 8px 20px;
    color: #333;
    float: left;
    cursor: pointer;
    margin-right: 10px;
}
.nav_ul .nav_content[data-v-44f92950]:hover,
    .nav_ul .nav_ul_p[data-v-44f92950]:hover {
      border-radius: 15px;
      color: #2463f3;
      background: #e3eaf9;
      border-bottom-color: transparent;
}
.nav_ul .nav_active[data-v-44f92950] {
    border-radius: 15px;
    color: #2463f3;
    background: #e3eaf9;
    border-bottom-color: transparent;
}
.default_box[data-v-44f92950] {
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f7f8fa;
}
.default_box .default_main[data-v-44f92950] {
    position: relative;
    min-height: 500px;
    top: -60px;
    width: 70%;
    border-radius: 7px;
}
.default_box .default_main .default_top[data-v-44f92950] {
      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-44f92950] {
      padding: 20px;
      border-radius: 10px;
      min-height: 400px;
      background: #fff;
}
.course_box[data-v-44f92950] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  height: 100%;
  padding: 20px;
}
.course_box .course_main[data-v-44f92950] {
    width: 80%;
    margin: 0 auto;
}
.course_box .course_main .banner[data-v-44f92950] {
      display: inline-block;
      width: 100%;
      border-radius: 7px;
}
.course_box .course_main .course_list[data-v-44f92950] {
      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-44f92950] {
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.course_box .course_main .course_list .course_nav .nav_list[data-v-44f92950] {
          display: flex;
          align-items: center;
}
[data-v-44f92950]::-webkit-scrollbar {
  height: 4px;
  width: 4px;
}
[data-v-44f92950]::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}
.cardBox[data-v-44f92950] {
  border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  height: 100%;
  overflow: hidden;
  min-height: 360px;
}
.cardBox .card-head[data-v-44f92950] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
}
.cardBox .card-head .card-t[data-v-44f92950] {
      width: 85px;
      text-align: center;
      background: #18a7a0;
      flex-shrink: 0;
      padding: 0 14px;
      font-size: 14px;
      color: #fff;
      height: 40px;
      box-sizing: border-box;
      line-height: 40px;
      position: relative;
}
.cardBox .card-head .card-t[data-v-44f92950]::after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        right: -15px;
        top: 0;
        border-color: #18a7a0 transparent transparent transparent;
        border-style: solid;
        border-width: 40px 15px 0 0;
}
.cardBox .card-head .card-m[data-v-44f92950] {
      display: flex;
      align-items: center;
      width: 100%;
      padding-left: 15px;
      height: 40px;
      box-sizing: border-box;
}
.cardBox .card-head .card-m .card-tag[data-v-44f92950] {
        width: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 10px;
}
.cardBox .card-head .card-m .card-tag .el-button[data-v-44f92950] {
          padding: 4px 15px;
}
.cardBox .card-head .card-m .card-tag .dateBox[data-v-44f92950] {
          width: -webkit-fit-content;
          width: -moz-fit-content;
          width: fit-content;
}
.cardBox .card-head .card-m .card-tag .dateBox[data-v-44f92950] .el-input__inner {
            border-radius: 20px;
            line-height: 22px;
            height: 22px;
            padding-right: 0;
            background: #f4f4f5;
            border-color: #d3d4d6;
            color: #18a7a0;
}
.cardBox .card-head .card-m .card-tag .dateBox[data-v-44f92950] .el-input__icon {
            line-height: 22px;
}
.cardBox .card-body[data-v-44f92950] {
    height: 400px;
    box-sizing: border-box;
    overflow: hidden;
}
.cardBox .card-body .card-list[data-v-44f92950] {
      border-top: 1px #eee dashed;
      padding: 10px 20px;
      box-sizing: border-box;
}
.cardBox .card-body .card-list .card-list-item[data-v-44f92950] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 10px 0;
        flex: 1;
}
.cardBox .card-body .card-list .card-list-item .el-tag[data-v-44f92950] {
          border-radius: 20px;
          width: 80px;
          text-align: center;
}
.cardBox .card-body .card-list .card-list-item span[data-v-44f92950] {
          font-size: 14px;
}

.fontSize12[data-v-44c0cb4c] {
  font-size: 12px !important;
}
.fontSize14[data-v-44c0cb4c] {
  font-size: 14px !important;
}
.fontSize15[data-v-44c0cb4c] {
  font-size: 15px !important;
}
.fontSize16[data-v-44c0cb4c] {
  font-size: 16px !important;
}
.fontSize18[data-v-44c0cb4c] {
  font-size: 18px !important;
}
.mTop30[data-v-44c0cb4c] {
  margin-top: 30px;
}
.mTop10[data-v-44c0cb4c] {
  margin-top: 10px;
}
.mTop5[data-v-44c0cb4c] {
  margin-top: 5px;
}
.mRight10[data-v-44c0cb4c] {
  margin-right: 10px;
}
.mRight5[data-v-44c0cb4c] {
  margin-right: 5px;
}
.mLeft10[data-v-44c0cb4c] {
  margin-left: 10px;
}
.mLeft5[data-v-44c0cb4c] {
  margin-left: 5px;
}
.mBottom5[data-v-44c0cb4c] {
  margin-bottom: 5px;
}
.mBottom10[data-v-44c0cb4c] {
  margin-bottom: 10px;
}
.mBottom15[data-v-44c0cb4c] {
  margin-bottom: 15px;
}
.mBottom20[data-v-44c0cb4c] {
  margin-bottom: 20px;
}
.mBottom25[data-v-44c0cb4c] {
  margin-bottom: 25px;
}
.m020[data-v-44c0cb4c] {
  margin: 0 20px;
}
.pn_left15[data-v-44c0cb4c] {
  padding: 15px 15px 15px 0;
}
.pTB5[data-v-44c0cb4c] {
  padding: 5px 0;
}
.pLR15[data-v-44c0cb4c] {
  padding: 0 15px;
}
.pLR30[data-v-44c0cb4c] {
  padding: 0 30px;
}
.pad15[data-v-44c0cb4c] {
  padding: 15px;
}
.pad25[data-v-44c0cb4c] {
  padding: 25px;
}
*[data-v-44c0cb4c] {
  font-style: normal;
}
.h4_style1[data-v-44c0cb4c] {
  font-weight: 700;
  color: #2463f3;
  font-size: 18px;
  padding-left: 5px;
  position: relative;
}
.h4_style1[data-v-44c0cb4c]::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-44c0cb4c] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex_justify_between[data-v-44c0cb4c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex_column[data-v-44c0cb4c] {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.flex_align_center[data-v-44c0cb4c] {
  display: flex;
  align-items: center;
}
.flex_cloumn[data-v-44c0cb4c] {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cssStyle1[data-v-44c0cb4c] {
  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-44c0cb4c] {
  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-44c0cb4c] {
  border-radius: 14px;
  padding: 3px 14px;
  text-align: center;
}
.cssStyle4[data-v-44c0cb4c] {
  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-44c0cb4c] {
  border: 1px solid #daedd4;
  background: #f1f6f2;
  color: #67c23a;
}
.spotShow[data-v-44c0cb4c] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.act_search[data-v-44c0cb4c] {
  color: #2463f3 !important;
  background: #fff;
}
.act_search[data-v-44c0cb4c]:after {
  content: '';
  display: inline-block;
  width: 35px;
  height: 1px;
  background: #2463f3;
  position: absolute;
  bottom: 0;
  right: 28%;
}
.in_block_i[data-v-44c0cb4c] {
  display: inline-block;
}
.fontWeight500[data-v-44c0cb4c] {
  font-weight: 500;
}
.fontWeight700[data-v-44c0cb4c] {
  font-weight: 700;
}
.width_300[data-v-44c0cb4c] {
  width: 300px !important;
  margin-right: 30px !important;
}
.borderRadius5[data-v-44c0cb4c] {
  border-radius: 5px;
}
.borderRadius7[data-v-44c0cb4c] {
  border-radius: 7px;
}
.borderRadius10[data-v-44c0cb4c] {
  border-radius: 10px;
}
.color_blue_01[data-v-44c0cb4c] {
  color: #2cbcfa;
}
.color_red[data-v-44c0cb4c] {
  color: red !important;
}
.color_999[data-v-44c0cb4c] {
  color: #999 !important;
}
.color_666[data-v-44c0cb4c] {
  color: #666 !important;
}
.color_333[data-v-44c0cb4c] {
  color: #333 !important;
}
.color_222[data-v-44c0cb4c] {
  color: #222 !important;
}
.color_000[data-v-44c0cb4c] {
  color: #000 !important;
}
.color_2463f3[data-v-44c0cb4c] {
  color: #2463f3 !important;
}
.color_337bff[data-v-44c0cb4c] {
  color: #337bff !important;
}
.color_FFF[data-v-44c0cb4c] {
  color: #FFF !important;
}
.color_67c23a[data-v-44c0cb4c] {
  color: #67c23a !important;
}
.background_f2f2f2[data-v-44c0cb4c] {
  background: #f2f2f2;
}
.background_f7f8fa[data-v-44c0cb4c] {
  background: #f7f8fa;
}
.background_FFF[data-v-44c0cb4c] {
  background: #FFF;
}
.primary_btn[data-v-44c0cb4c] {
  color: #2cbcfa;
  border: 1px solid #2cbcfa;
}
.see_btn[data-v-44c0cb4c] {
  width: 100%;
  height: 60px;
  background: #fff;
  position: fixed;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.textLeft_btn[data-v-44c0cb4c] {
  width: 100%;
  height: 50px;
  text-align: left;
  margin-top: 50px;
}
.textCenter_btn[data-v-44c0cb4c] {
  width: 100%;
  height: 50px;
  text-align: center;
  margin-top: 50px;
}
.textCenter_btn_d[data-v-44c0cb4c] {
  width: 100%;
  height: 50px;
  text-align: center;
  margin-top: 30px;
}
.textRight_btn[data-v-44c0cb4c] {
  width: 100%;
  height: 50px;
  text-align: right;
  margin-top: 50px;
}
.btn_92b1f9[data-v-44c0cb4c] {
  color: #fff;
  background-color: #92b1f9;
  border-color: #92b1f9;
}
.btn_2463f3[data-v-44c0cb4c] {
  color: #2463f3;
  background: #e9effe;
  border-color: #a7c1fa;
}
.btn_40[data-v-44c0cb4c] {
  height: 40px;
}
.btn_60[data-v-44c0cb4c] {
  height: 60px;
}
.btn_ffa200[data-v-44c0cb4c] {
  background: #ffa200;
  margin-right: 16px;
  color: #fff;
  font-size: 14px;
  border-color: #fff;
  border-radius: 4px;
}
.btn_ff5d4e[data-v-44c0cb4c] {
  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-44c0cb4c] {
  transform: rotate(90deg);
}
.span_line[data-v-44c0cb4c] {
  display: inline-block;
  width: 100%;
  border-top: 1px dashed #ccc;
}
.span_line1[data-v-44c0cb4c] {
  display: inline-block;
  width: 1px;
  background-color: #e5e5e5;
  height: 79%;
  left: 30px;
  top: 45px;
  z-index: 2;
}
.p_re[data-v-44c0cb4c] {
  position: relative;
}
.p_abTR[data-v-44c0cb4c] {
  position: absolute;
  right: 5px;
  top: 0;
}
.curPointer[data-v-44c0cb4c] {
  cursor: pointer;
}
.default_img[data-v-44c0cb4c] {
  display: inline-block;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.img20[data-v-44c0cb4c] {
  display: inline-block;
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
.img50[data-v-44c0cb4c] {
  display: inline-block;
  width: 50px;
  height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
}
.p_relative[data-v-44c0cb4c] {
  position: relative;
}
.p_absoluteD[data-v-44c0cb4c] {
  position: absolute;
}
.p_absolute[data-v-44c0cb4c] {
  position: absolute;
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  top: 20px;
  left: 20px;
  font-size: 20px;
  color: #fff;
}
.p_absolute1[data-v-44c0cb4c] {
  position: absolute;
  right: 0;
}
.p_absolute_img_right_top[data-v-44c0cb4c] {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 74px;
  height: 23px;
  background-size: contain;
}
.p_fixed[data-v-44c0cb4c] {
  position: fixed;
  bottom: 0;
  left: 0;
}
.div_width70[data-v-44c0cb4c] {
  width: 70%;
  margin: 0 auto;
}
.text_space[data-v-44c0cb4c] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 160px;
}
.span_status[data-v-44c0cb4c] {
  height: 22px;
  border-radius: 4px;
  font-weight: 500;
  text-align: center;
  line-height: 22px;
  font-size: 12px;
  padding: 3px 6px;
}
.noStart_status[data-v-44c0cb4c] {
  border: 1px solid #ffa200 !important;
  background: transparent;
  border-radius: 14px;
}
.span_status1[data-v-44c0cb4c] {
  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-44c0cb4c] {
  color: #337bff;
  background: #e9effe;
}
.start_status1[data-v-44c0cb4c] {
  color: #ffa200 !important;
  background: none !important;
  border: 1px solid #ffa200 !important;
}
.lineHeight40[data-v-44c0cb4c] {
  height: 40px;
  line-height: 40px;
}
.afterRVertical[data-v-44c0cb4c]::after {
  display: inline-block;
  content: '';
  width: 1px;
  height: 14px;
  background: #2463f3;
  position: relative;
  right: -14px;
  top: 2px;
}
.afterRVertical_temp1[data-v-44c0cb4c]::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-44c0cb4c] {
  width: 95%;
  margin-left: 15px;
}
.defaultLeft_260[data-v-44c0cb4c] {
  width: 260px;
  height: 100%;
}
.imgContain[data-v-44c0cb4c] {
  -o-object-fit: contain;
     object-fit: contain;
}
.imgCover[data-v-44c0cb4c] {
  -o-object-fit: cover;
     object-fit: cover;
}
.boxWH100[data-v-44c0cb4c] {
  width: 100%;
  height: 100%;
}
.boxMarAuto90[data-v-44c0cb4c] {
  width: 90%;
  min-height: 400px;
  margin: 0 auto;
}
.default_list[data-v-44c0cb4c] {
  display: flex;
}
.default_list_left[data-v-44c0cb4c] {
  width: 220px;
  margin-right: 20px;
  min-height: 300px;
}
.default_list_right[data-v-44c0cb4c] {
  flex: 1;
  width: 100%;
  min-height: 300px;
}
.default_list_left02[data-v-44c0cb4c] {
  flex: 1;
  width: 100%;
  min-height: 300px;
}
.default_list_right02[data-v-44c0cb4c] {
  width: 220px;
  margin-left: 20px;
  min-height: 300px;
}
.fontOverFlow[data-v-44c0cb4c] {
  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-44c0cb4c] {
  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-44c0cb4c] {
  color: #5f94f5 !important;
  background: #e3eaf9 !important;
  border: none !important;
}
.h3_backg_img[data-v-44c0cb4c] {
  position: relative;
  font-weight: 700;
  color: #222;
  font-size: 18px;
  margin-right: 35px;
  z-index: 1;
}
.h3_backg_img[data-v-44c0cb4c]::before, .h3_backg_img[data-v-44c0cb4c]::after {
    content: "";
    position: absolute;
    opacity: .5;
    border-radius: 50%;
    display: inline-block;
    z-index: -1;
}
.h3_backg_img[data-v-44c0cb4c]::before {
    background: linear-gradient(-35deg, #bee5fb 100%, #eff3f5 0);
    top: -3px;
    left: -12px;
    height: 26px;
    width: 26px;
}
.h3_backg_img[data-v-44c0cb4c]::after {
    background: linear-gradient(-35deg, #cffcac 100%, #eefce2 0);
    bottom: -5px;
    right: -10px;
    height: 18px;
    width: 18px;
}
.nav_ul_temp2[data-v-44c0cb4c] {
  display: flex;
  align-items: center;
}
.nav_ul_temp2 li[data-v-44c0cb4c] {
    height: 32px;
    line-height: 32px;
    padding: 0 16px;
    font-size: 12px;
}
.navActLi[data-v-44c0cb4c] {
  color: #2463f3 !important;
  background: #e3eaf9;
  border-radius: 16px;
  font-weight: 700;
  padding: 0 16px;
}
.nav_ul_temp3[data-v-44c0cb4c] {
  height: 100%;
  display: flex;
  align-items: center;
}
.nav_ul_temp3 li[data-v-44c0cb4c] {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    position: relative;
    padding: 0 30px;
}
.nav_ul_temp4 li[data-v-44c0cb4c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.nav_ul_temp5[data-v-44c0cb4c] {
  display: flex;
  flex-wrap: wrap;
}
.nav_ul_temp5 li[data-v-44c0cb4c] {
    font-size: 14px;
    padding: 5px 13px;
    border-radius: 4px;
    margin: 0 5px 14px 5px;
}
.default_list_wrap[data-v-44c0cb4c] {
  display: flex;
  flex-wrap: wrap;
}
.default_list_wrap .list_one[data-v-44c0cb4c] {
    width: 30%;
    min-height: 260px;
    box-shadow: 0 5px 6px 0 #d3d5da5c;
    margin: 0 3% 3% 0;
}
.list_one_hover[data-v-44c0cb4c]:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 6px 0 #d5d7dc5c;
}
.nav_ul[data-v-44c0cb4c] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 7px;
  overflow: hidden;
}
.nav_ul .nav_title[data-v-44c0cb4c] {
    font-size: 14px;
    font-weight: 700;
    margin-right: 7px;
    float: left;
    height: 36px;
    line-height: 36px;
}
.nav_ul .nav_content[data-v-44c0cb4c],
  .nav_ul .nav_ul_p[data-v-44c0cb4c] {
    font-size: 14px;
    padding: 8px 20px;
    color: #333;
    float: left;
    cursor: pointer;
    margin-right: 10px;
}
.nav_ul .nav_content[data-v-44c0cb4c]:hover,
    .nav_ul .nav_ul_p[data-v-44c0cb4c]:hover {
      border-radius: 15px;
      color: #2463f3;
      background: #e3eaf9;
      border-bottom-color: transparent;
}
.nav_ul .nav_active[data-v-44c0cb4c] {
    border-radius: 15px;
    color: #2463f3;
    background: #e3eaf9;
    border-bottom-color: transparent;
}
.default_box[data-v-44c0cb4c] {
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f7f8fa;
}
.default_box .default_main[data-v-44c0cb4c] {
    position: relative;
    min-height: 500px;
    top: -60px;
    width: 70%;
    border-radius: 7px;
}
.default_box .default_main .default_top[data-v-44c0cb4c] {
      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-44c0cb4c] {
      padding: 20px;
      border-radius: 10px;
      min-height: 400px;
      background: #fff;
}
.course_box[data-v-44c0cb4c] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  height: 100%;
  padding: 20px;
}
.course_box .course_main[data-v-44c0cb4c] {
    width: 80%;
    margin: 0 auto;
}
.course_box .course_main .banner[data-v-44c0cb4c] {
      display: inline-block;
      width: 100%;
      border-radius: 7px;
}
.course_box .course_main .course_list[data-v-44c0cb4c] {
      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-44c0cb4c] {
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.course_box .course_main .course_list .course_nav .nav_list[data-v-44c0cb4c] {
          display: flex;
          align-items: center;
}
[data-v-44c0cb4c]::-webkit-scrollbar {
  height: 4px;
  width: 4px;
}
[data-v-44c0cb4c]::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}
.bg[data-v-44c0cb4c] {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  width: 264px;
  height: 120px;
  padding: 10px;
  box-sizing: border-box;
  margin: 0 20px 5px 0;
  flex-shrink: 0;
  transition: .5s;
}
.bg[data-v-44c0cb4c]:hover {
    cursor: pointer;
    transform: scale(1.05);
}
.bg .bg-t[data-v-44c0cb4c] {
    font-size: 14px;
    color: #333;
}
.bg .bg-num[data-v-44c0cb4c] {
    font-weight: 700;
    font-size: 20px;
    margin: 10px 0;
}
.bg .bg-num span[data-v-44c0cb4c] {
      flex: 1;
}
.bg .bg-num[data-v-44c0cb4c] .el-progress-bar {
      width: 70%;
}
.bg .bg-num[data-v-44c0cb4c] .el-progress-bar__outer {
      background: rgba(0, 0, 0, 0.1);
}
.bg .bg-tag[data-v-44c0cb4c] {
    display: flex;
    align-items: center;
    height: 16px;
}
.bg .bg-tag span[data-v-44c0cb4c] {
      font-size: 12px;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      border-radius: 20px;
}
.bg .bg-tag span[data-v-44c0cb4c]:first-child {
        margin-right: 30px;
}
.el-card[data-v-44c0cb4c]::-webkit-scrollbar {
  height: 4px;
}
.el-card[data-v-44c0cb4c]::-webkit-scrollbar-thumb {
  background: #00c28d;
}
.icon-box[data-v-44c0cb4c] {
  width: 16px;
  height: 16px;
  border-radius: 63% 37% 78% 22% / 30% 17% 83% 70%;
  background-image: linear-gradient(135deg, #EECE13 10%, #B210FF 100%);
  margin-right: 5px;
}
.top-card[data-v-44c0cb4c] {
  background: #18a9a2;
  padding: 10px;
  border-radius: 10px;
  color: #fff;
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.4);
  border-top: 1px #eee solid;
  height: 170px;
  box-sizing: border-box;
  margin: 0 10px;
  text-align: center;
  flex-shrink: 0;
  min-width: 180px;
  width: calc(100% /9);
  position: relative;
  background: linear-gradient(90deg, #f0f0f22b 1px, transparent 0), linear-gradient(#f0f0f22b 1px, transparent 0) #18a9a2;
  background-size: 4mm 4mm;
}
.top-card[data-v-44c0cb4c]::after {
    content: '';
    height: 6px;
    width: 40%;
    left: 30%;
    bottom: 4px;
    background: #535353;
    z-index: 1;
    position: absolute;
    border-radius: 10px;
    box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.8), 1px 1px 1px rgba(255, 255, 255, 0.8);
}
.top-card .bg-t[data-v-44c0cb4c] {
    font-size: 14px;
    display: flex;
    align-items: center;
}
.top-card .bg-num[data-v-44c0cb4c] {
    font-weight: 700;
    font-size: 20px;
    margin: 10px 0;
}
.top-card .bg-num .lable-name[data-v-44c0cb4c] {
      font-size: 12px;
}
.top-card .bg-num[data-v-44c0cb4c] .el-progress-bar {
      width: 70%;
}
.top-card .bg-num[data-v-44c0cb4c] .el-progress-bar__outer {
      background: rgba(0, 0, 0, 0.1);
}
.top-card .bg-tag[data-v-44c0cb4c] {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.top-card .bg-tag span[data-v-44c0cb4c] {
      font-size: 12px;
      background: rgba(0, 0, 0, 0.1);
      padding: 2px 15px;
      border-radius: 20px;
      margin: 5px 0;
}
.top-card[data-v-44c0cb4c] .el-progress__text {
    color: #fff;
    font-size: 12px !important;
    width: 60px;
    text-align: right;
}
.progressBox[data-v-44c0cb4c] .el-progress-bar {
  margin: 0;
  padding: 0;
}

.fontSize12[data-v-44dcfa4e] {
  font-size: 12px !important;
}
.fontSize14[data-v-44dcfa4e] {
  font-size: 14px !important;
}
.fontSize15[data-v-44dcfa4e] {
  font-size: 15px !important;
}
.fontSize16[data-v-44dcfa4e] {
  font-size: 16px !important;
}
.fontSize18[data-v-44dcfa4e] {
  font-size: 18px !important;
}
.mTop30[data-v-44dcfa4e] {
  margin-top: 30px;
}
.mTop10[data-v-44dcfa4e] {
  margin-top: 10px;
}
.mTop5[data-v-44dcfa4e] {
  margin-top: 5px;
}
.mRight10[data-v-44dcfa4e] {
  margin-right: 10px;
}
.mRight5[data-v-44dcfa4e] {
  margin-right: 5px;
}
.mLeft10[data-v-44dcfa4e] {
  margin-left: 10px;
}
.mLeft5[data-v-44dcfa4e] {
  margin-left: 5px;
}
.mBottom5[data-v-44dcfa4e] {
  margin-bottom: 5px;
}
.mBottom10[data-v-44dcfa4e] {
  margin-bottom: 10px;
}
.mBottom15[data-v-44dcfa4e] {
  margin-bottom: 15px;
}
.mBottom20[data-v-44dcfa4e] {
  margin-bottom: 20px;
}
.mBottom25[data-v-44dcfa4e] {
  margin-bottom: 25px;
}
.m020[data-v-44dcfa4e] {
  margin: 0 20px;
}
.pn_left15[data-v-44dcfa4e] {
  padding: 15px 15px 15px 0;
}
.pTB5[data-v-44dcfa4e] {
  padding: 5px 0;
}
.pLR15[data-v-44dcfa4e] {
  padding: 0 15px;
}
.pLR30[data-v-44dcfa4e] {
  padding: 0 30px;
}
.pad15[data-v-44dcfa4e] {
  padding: 15px;
}
.pad25[data-v-44dcfa4e] {
  padding: 25px;
}
*[data-v-44dcfa4e] {
  font-style: normal;
}
.h4_style1[data-v-44dcfa4e] {
  font-weight: 700;
  color: #2463f3;
  font-size: 18px;
  padding-left: 5px;
  position: relative;
}
.h4_style1[data-v-44dcfa4e]::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-44dcfa4e] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex_justify_between[data-v-44dcfa4e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex_column[data-v-44dcfa4e] {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.flex_align_center[data-v-44dcfa4e] {
  display: flex;
  align-items: center;
}
.flex_cloumn[data-v-44dcfa4e] {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cssStyle1[data-v-44dcfa4e] {
  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-44dcfa4e] {
  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-44dcfa4e] {
  border-radius: 14px;
  padding: 3px 14px;
  text-align: center;
}
.cssStyle4[data-v-44dcfa4e] {
  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-44dcfa4e] {
  border: 1px solid #daedd4;
  background: #f1f6f2;
  color: #67c23a;
}
.spotShow[data-v-44dcfa4e] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.act_search[data-v-44dcfa4e] {
  color: #2463f3 !important;
  background: #fff;
}
.act_search[data-v-44dcfa4e]:after {
  content: '';
  display: inline-block;
  width: 35px;
  height: 1px;
  background: #2463f3;
  position: absolute;
  bottom: 0;
  right: 28%;
}
.in_block_i[data-v-44dcfa4e] {
  display: inline-block;
}
.fontWeight500[data-v-44dcfa4e] {
  font-weight: 500;
}
.fontWeight700[data-v-44dcfa4e] {
  font-weight: 700;
}
.width_300[data-v-44dcfa4e] {
  width: 300px !important;
  margin-right: 30px !important;
}
.borderRadius5[data-v-44dcfa4e] {
  border-radius: 5px;
}
.borderRadius7[data-v-44dcfa4e] {
  border-radius: 7px;
}
.borderRadius10[data-v-44dcfa4e] {
  border-radius: 10px;
}
.color_blue_01[data-v-44dcfa4e] {
  color: #2cbcfa;
}
.color_red[data-v-44dcfa4e] {
  color: red !important;
}
.color_999[data-v-44dcfa4e] {
  color: #999 !important;
}
.color_666[data-v-44dcfa4e] {
  color: #666 !important;
}
.color_333[data-v-44dcfa4e] {
  color: #333 !important;
}
.color_222[data-v-44dcfa4e] {
  color: #222 !important;
}
.color_000[data-v-44dcfa4e] {
  color: #000 !important;
}
.color_2463f3[data-v-44dcfa4e] {
  color: #2463f3 !important;
}
.color_337bff[data-v-44dcfa4e] {
  color: #337bff !important;
}
.color_FFF[data-v-44dcfa4e] {
  color: #FFF !important;
}
.color_67c23a[data-v-44dcfa4e] {
  color: #67c23a !important;
}
.background_f2f2f2[data-v-44dcfa4e] {
  background: #f2f2f2;
}
.background_f7f8fa[data-v-44dcfa4e] {
  background: #f7f8fa;
}
.background_FFF[data-v-44dcfa4e] {
  background: #FFF;
}
.primary_btn[data-v-44dcfa4e] {
  color: #2cbcfa;
  border: 1px solid #2cbcfa;
}
.see_btn[data-v-44dcfa4e] {
  width: 100%;
  height: 60px;
  background: #fff;
  position: fixed;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.textLeft_btn[data-v-44dcfa4e] {
  width: 100%;
  height: 50px;
  text-align: left;
  margin-top: 50px;
}
.textCenter_btn[data-v-44dcfa4e] {
  width: 100%;
  height: 50px;
  text-align: center;
  margin-top: 50px;
}
.textCenter_btn_d[data-v-44dcfa4e] {
  width: 100%;
  height: 50px;
  text-align: center;
  margin-top: 30px;
}
.textRight_btn[data-v-44dcfa4e] {
  width: 100%;
  height: 50px;
  text-align: right;
  margin-top: 50px;
}
.btn_92b1f9[data-v-44dcfa4e] {
  color: #fff;
  background-color: #92b1f9;
  border-color: #92b1f9;
}
.btn_2463f3[data-v-44dcfa4e] {
  color: #2463f3;
  background: #e9effe;
  border-color: #a7c1fa;
}
.btn_40[data-v-44dcfa4e] {
  height: 40px;
}
.btn_60[data-v-44dcfa4e] {
  height: 60px;
}
.btn_ffa200[data-v-44dcfa4e] {
  background: #ffa200;
  margin-right: 16px;
  color: #fff;
  font-size: 14px;
  border-color: #fff;
  border-radius: 4px;
}
.btn_ff5d4e[data-v-44dcfa4e] {
  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-44dcfa4e] {
  transform: rotate(90deg);
}
.span_line[data-v-44dcfa4e] {
  display: inline-block;
  width: 100%;
  border-top: 1px dashed #ccc;
}
.span_line1[data-v-44dcfa4e] {
  display: inline-block;
  width: 1px;
  background-color: #e5e5e5;
  height: 79%;
  left: 30px;
  top: 45px;
  z-index: 2;
}
.p_re[data-v-44dcfa4e] {
  position: relative;
}
.p_abTR[data-v-44dcfa4e] {
  position: absolute;
  right: 5px;
  top: 0;
}
.curPointer[data-v-44dcfa4e] {
  cursor: pointer;
}
.default_img[data-v-44dcfa4e] {
  display: inline-block;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.img20[data-v-44dcfa4e] {
  display: inline-block;
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
.img50[data-v-44dcfa4e] {
  display: inline-block;
  width: 50px;
  height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
}
.p_relative[data-v-44dcfa4e] {
  position: relative;
}
.p_absoluteD[data-v-44dcfa4e] {
  position: absolute;
}
.p_absolute[data-v-44dcfa4e] {
  position: absolute;
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  top: 20px;
  left: 20px;
  font-size: 20px;
  color: #fff;
}
.p_absolute1[data-v-44dcfa4e] {
  position: absolute;
  right: 0;
}
.p_absolute_img_right_top[data-v-44dcfa4e] {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 74px;
  height: 23px;
  background-size: contain;
}
.p_fixed[data-v-44dcfa4e] {
  position: fixed;
  bottom: 0;
  left: 0;
}
.div_width70[data-v-44dcfa4e] {
  width: 70%;
  margin: 0 auto;
}
.text_space[data-v-44dcfa4e] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 160px;
}
.span_status[data-v-44dcfa4e] {
  height: 22px;
  border-radius: 4px;
  font-weight: 500;
  text-align: center;
  line-height: 22px;
  font-size: 12px;
  padding: 3px 6px;
}
.noStart_status[data-v-44dcfa4e] {
  border: 1px solid #ffa200 !important;
  background: transparent;
  border-radius: 14px;
}
.span_status1[data-v-44dcfa4e] {
  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-44dcfa4e] {
  color: #337bff;
  background: #e9effe;
}
.start_status1[data-v-44dcfa4e] {
  color: #ffa200 !important;
  background: none !important;
  border: 1px solid #ffa200 !important;
}
.lineHeight40[data-v-44dcfa4e] {
  height: 40px;
  line-height: 40px;
}
.afterRVertical[data-v-44dcfa4e]::after {
  display: inline-block;
  content: '';
  width: 1px;
  height: 14px;
  background: #2463f3;
  position: relative;
  right: -14px;
  top: 2px;
}
.afterRVertical_temp1[data-v-44dcfa4e]::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-44dcfa4e] {
  width: 95%;
  margin-left: 15px;
}
.defaultLeft_260[data-v-44dcfa4e] {
  width: 260px;
  height: 100%;
}
.imgContain[data-v-44dcfa4e] {
  -o-object-fit: contain;
     object-fit: contain;
}
.imgCover[data-v-44dcfa4e] {
  -o-object-fit: cover;
     object-fit: cover;
}
.boxWH100[data-v-44dcfa4e] {
  width: 100%;
  height: 100%;
}
.boxMarAuto90[data-v-44dcfa4e] {
  width: 90%;
  min-height: 400px;
  margin: 0 auto;
}
.default_list[data-v-44dcfa4e] {
  display: flex;
}
.default_list_left[data-v-44dcfa4e] {
  width: 220px;
  margin-right: 20px;
  min-height: 300px;
}
.default_list_right[data-v-44dcfa4e] {
  flex: 1;
  width: 100%;
  min-height: 300px;
}
.default_list_left02[data-v-44dcfa4e] {
  flex: 1;
  width: 100%;
  min-height: 300px;
}
.default_list_right02[data-v-44dcfa4e] {
  width: 220px;
  margin-left: 20px;
  min-height: 300px;
}
.fontOverFlow[data-v-44dcfa4e] {
  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-44dcfa4e] {
  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-44dcfa4e] {
  color: #5f94f5 !important;
  background: #e3eaf9 !important;
  border: none !important;
}
.h3_backg_img[data-v-44dcfa4e] {
  position: relative;
  font-weight: 700;
  color: #222;
  font-size: 18px;
  margin-right: 35px;
  z-index: 1;
}
.h3_backg_img[data-v-44dcfa4e]::before, .h3_backg_img[data-v-44dcfa4e]::after {
    content: "";
    position: absolute;
    opacity: .5;
    border-radius: 50%;
    display: inline-block;
    z-index: -1;
}
.h3_backg_img[data-v-44dcfa4e]::before {
    background: linear-gradient(-35deg, #bee5fb 100%, #eff3f5 0);
    top: -3px;
    left: -12px;
    height: 26px;
    width: 26px;
}
.h3_backg_img[data-v-44dcfa4e]::after {
    background: linear-gradient(-35deg, #cffcac 100%, #eefce2 0);
    bottom: -5px;
    right: -10px;
    height: 18px;
    width: 18px;
}
.nav_ul_temp2[data-v-44dcfa4e] {
  display: flex;
  align-items: center;
}
.nav_ul_temp2 li[data-v-44dcfa4e] {
    height: 32px;
    line-height: 32px;
    padding: 0 16px;
    font-size: 12px;
}
.navActLi[data-v-44dcfa4e] {
  color: #2463f3 !important;
  background: #e3eaf9;
  border-radius: 16px;
  font-weight: 700;
  padding: 0 16px;
}
.nav_ul_temp3[data-v-44dcfa4e] {
  height: 100%;
  display: flex;
  align-items: center;
}
.nav_ul_temp3 li[data-v-44dcfa4e] {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    position: relative;
    padding: 0 30px;
}
.nav_ul_temp4 li[data-v-44dcfa4e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.nav_ul_temp5[data-v-44dcfa4e] {
  display: flex;
  flex-wrap: wrap;
}
.nav_ul_temp5 li[data-v-44dcfa4e] {
    font-size: 14px;
    padding: 5px 13px;
    border-radius: 4px;
    margin: 0 5px 14px 5px;
}
.default_list_wrap[data-v-44dcfa4e] {
  display: flex;
  flex-wrap: wrap;
}
.default_list_wrap .list_one[data-v-44dcfa4e] {
    width: 30%;
    min-height: 260px;
    box-shadow: 0 5px 6px 0 #d3d5da5c;
    margin: 0 3% 3% 0;
}
.list_one_hover[data-v-44dcfa4e]:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 6px 0 #d5d7dc5c;
}
.nav_ul[data-v-44dcfa4e] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 7px;
  overflow: hidden;
}
.nav_ul .nav_title[data-v-44dcfa4e] {
    font-size: 14px;
    font-weight: 700;
    margin-right: 7px;
    float: left;
    height: 36px;
    line-height: 36px;
}
.nav_ul .nav_content[data-v-44dcfa4e],
  .nav_ul .nav_ul_p[data-v-44dcfa4e] {
    font-size: 14px;
    padding: 8px 20px;
    color: #333;
    float: left;
    cursor: pointer;
    margin-right: 10px;
}
.nav_ul .nav_content[data-v-44dcfa4e]:hover,
    .nav_ul .nav_ul_p[data-v-44dcfa4e]:hover {
      border-radius: 15px;
      color: #2463f3;
      background: #e3eaf9;
      border-bottom-color: transparent;
}
.nav_ul .nav_active[data-v-44dcfa4e] {
    border-radius: 15px;
    color: #2463f3;
    background: #e3eaf9;
    border-bottom-color: transparent;
}
.default_box[data-v-44dcfa4e] {
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f7f8fa;
}
.default_box .default_main[data-v-44dcfa4e] {
    position: relative;
    min-height: 500px;
    top: -60px;
    width: 70%;
    border-radius: 7px;
}
.default_box .default_main .default_top[data-v-44dcfa4e] {
      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-44dcfa4e] {
      padding: 20px;
      border-radius: 10px;
      min-height: 400px;
      background: #fff;
}
.course_box[data-v-44dcfa4e] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  height: 100%;
  padding: 20px;
}
.course_box .course_main[data-v-44dcfa4e] {
    width: 80%;
    margin: 0 auto;
}
.course_box .course_main .banner[data-v-44dcfa4e] {
      display: inline-block;
      width: 100%;
      border-radius: 7px;
}
.course_box .course_main .course_list[data-v-44dcfa4e] {
      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-44dcfa4e] {
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.course_box .course_main .course_list .course_nav .nav_list[data-v-44dcfa4e] {
          display: flex;
          align-items: center;
}
[data-v-44dcfa4e]::-webkit-scrollbar {
  height: 4px;
  width: 4px;
}
[data-v-44dcfa4e]::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}
.cardBox[data-v-44dcfa4e] {
  border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  height: 100%;
  overflow: hidden;
  min-height: 360px;
}
.cardBox .card-head[data-v-44dcfa4e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
}
.cardBox .card-head .card-t[data-v-44dcfa4e] {
      width: 85px;
      text-align: center;
      background: #18a7a0;
      flex-shrink: 0;
      padding: 0 14px;
      font-size: 14px;
      color: #fff;
      height: 40px;
      box-sizing: border-box;
      line-height: 40px;
      position: relative;
}
.cardBox .card-head .card-t[data-v-44dcfa4e]::after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        right: -15px;
        top: 0;
        border-color: #18a7a0 transparent transparent transparent;
        border-style: solid;
        border-width: 40px 15px 0 0;
}
.cardBox .card-head .card-m[data-v-44dcfa4e] {
      display: flex;
      align-items: center;
      width: 100%;
      padding-left: 15px;
      height: 40px;
      box-sizing: border-box;
}
.cardBox .card-head .card-m .card-tag[data-v-44dcfa4e] {
        width: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 10px;
}
.cardBox .card-head .card-m .card-tag .el-button[data-v-44dcfa4e] {
          padding: 4px 15px;
}
.cardBox .card-head .card-m .card-tag .dateBox[data-v-44dcfa4e] {
          width: -webkit-fit-content;
          width: -moz-fit-content;
          width: fit-content;
}
.cardBox .card-head .card-m .card-tag .dateBox[data-v-44dcfa4e] .el-input__inner {
            border-radius: 20px;
            line-height: 22px;
            height: 22px;
            padding-right: 0;
            background: #f4f4f5;
            border-color: #d3d4d6;
            color: #18a7a0;
}
.cardBox .card-head .card-m .card-tag .dateBox[data-v-44dcfa4e] .el-input__icon {
            line-height: 22px;
}
.cardBox .card-body[data-v-44dcfa4e] {
    height: 400px;
    box-sizing: border-box;
    overflow: hidden;
}
.cardBox .card-body .card-list[data-v-44dcfa4e] {
      border-top: 1px #eee dashed;
      padding: 10px 20px;
      box-sizing: border-box;
}
.cardBox .card-body .card-list .card-list-item[data-v-44dcfa4e] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 10px 0;
        flex: 1;
}
.cardBox .card-body .card-list .card-list-item .el-tag[data-v-44dcfa4e] {
          border-radius: 20px;
          width: 80px;
          text-align: center;
}
.cardBox .card-body .card-list .card-list-item span[data-v-44dcfa4e] {
          font-size: 14px;
}
.diyDialog[data-v-44dcfa4e] .el-dialog {
  height: 90vh;
}
.tableBox[data-v-44dcfa4e] .el-table__body-wrapper::-webkit-scrollbar {
  height: 10px;
  width: 5px;
}
.tableBox[data-v-44dcfa4e] .el-table__body-wrapper::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}
.target-item[data-v-44dcfa4e] {
  width: 100%;
}
.target-item .progressBox[data-v-44dcfa4e] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0;
}
.target-item .progressBox .el-progress[data-v-44dcfa4e] {
      width: 80%;
      display: flex;
      align-items: center;
}
.target-item .progressBox .el-progress .el-progress-bar[data-v-44dcfa4e] {
        width: 80%;
}
.target-title[data-v-44dcfa4e] {
  font-weight: 500;
  margin-bottom: 10px;
  background: #f5f7fa;
  padding: 5px 20px;
  font-size: 14px;
  position: relative;
}
.target-title[data-v-44dcfa4e]::before {
    content: '';
    position: absolute;
    left: 10px;
    width: 4px;
    height: 4px;
    background: #18a7a0;
    top: 50%;
    margin-top: -2px;
}
.target-ul[data-v-44dcfa4e] {
  display: flex;
  align-items: center;
}
.target-ul li[data-v-44dcfa4e] {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    width: calc(100% / 4);
}
.target-ul li div.tDiv[data-v-44dcfa4e] {
      font-size: 14px;
      color: #999;
}
.target-ul li div.dDiv[data-v-44dcfa4e] {
      font-size: 20px;
      color: #333;
      line-height: 2;
      display: flex;
      flex-flow: column;
      width: 80%;
      align-items: center;
}
.target-ul li div.dDiv span[data-v-44dcfa4e] {
        font-size: 12px;
        color: #999;
        display: flex;
}
.target-ul li div span[data-v-44dcfa4e] {
      color: #333;
      font-size: 20px;
      line-height: 2;
}
.target-ul3 li[data-v-44dcfa4e] {
  width: calc(100% / 3);
}