@charset "UTF-8";
/* 课程列表-网格样式 */
.course-item-grid-v2 {
  margin-left: -12px;
  margin-right: -12px;
  margin-top: -24px;
}
.course-item-grid-v2 [class*=col-] {
  padding-left: 12px;
  padding-right: 12px;
}
.course-item-grid-v2 .item {
  display: block;
  margin-top: 24px;
  background-color: #fff;
  box-shadow: 0px 4px 20px 0px rgba(238, 242, 245, 0.8);
  border-radius: 16px;
  position: relative;
}
.course-item-grid-v2 .item .is-top-label {
  width: 48px;
  height: 20px;
  border-radius: 10px 2px 10px 2px;
  background-size: 100% 100%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAoCAMAAAA2TQ8LAAABWVBMVEX/fw3/////bzr/cDf/cTT/cjH/ehb/fRD/dCv/iQn/6t7/ggr/dSf/qzX/yWr/wl//vlj/cy7/lxf/kxH/kQ7/eRr/diP/jgv/hgn/hAn/zKz/niH/mx3/fBP/dx//oSb/rjz/s0X/eB3/u1L/xmf/xWT/uE7/tkn/sUD/bzz/bzv/mRr/lRT/iwn/6d7/6OD/qDL/py//x7D/pS3/pCr/hzP/q4f/tH//soD/+O3/+PX/t4D/8+L/28f/ya7/zqz/gzv/49L/37T/tn//wnH/tFD/6Mn/2KP/kE//kC7//Pj/8er/4r3/0rn/26r/wKD/05n/mGb/u2H/qTn/jS7/7dT/z73/z6z/vWX/gUH/hTb/ky7/oSr/8un/4NT/1rn/tpX/0ZP/x33/qUX/gj7/gzz/gzn/5ML/vaX/x5//zor/yoX/pHP/7N7/yoP/snD/nF7/t1v/lS5zytgkAAACX0lEQVRIx+3WWVPaUBQHcA776g5CQATs3kpQSyCREPZV9rVgLbt16fr9H3ozMYSMzvRWfOg4/B/ymN/cc05yrmJt7cXL9fWNjYNXr71vPBZL4Ojk4/6+0+lyvd/a+rC9vbOzu3t4aECx2+0Oh8OEokDR6XR7e1oUq9Xnc7ttNpvZbNbr9ZubGo1GrVarVCqlUvnu7QpYASsAD/hiXIzf7y/xQCUqpEIdS/n6KMAIHEfEgUCBOP/w84AfhJBRkEI+EugbDATk7fY8ECZTUwB0wWAQ/L2e1TqbxabHQH1C0T/hCVAPECD2AAHL94ABsQdyoIKKXwShBX8HPN5UOUJnbsbn96aIMYpTJAdIqQUYQLo+zBQgUu5674AfRjHACCdAuZUDlBASB7jOthgAiCSGd8C40+E4DpWeRQ0Qk5MDMXeOmpjNWECCfz8vXEol+n2aTCZDV1AKhULhcLh5r0Qxvsm4QCZCF4CmW2cScAqyhJcCrqvlDF1oJao3iwDX7/fzKM1mk1gSSB+kshH6bJQeLwJxYp74kkDgKD2M0In6uWsR+Gycp7g8UEVAVw5w0t/04RK14RYXaNT5EqUCzn86AQmTpQAWjamQMPsQUIMLGy7g6ZbpQibVwAd8MzcL1ITNmfX4wKiBXyKfr40OMACmhgfUs99QiRCA22TqAsipzUYxzAAHsKS/Jy6rv07EKbrqdFj5d8ASREWhy0WjJQT0KiRAe8rv5BoDFAYQ8Kaq2VF6PqayjSz+TUsK3U8AYAbaXhHYmrD0kdB+ylsFWplalFxOulVQ/+m1ZQWsgOcO/AH3CGimCYN47AAAAABJRU5ErkJggg==);
}
.course-item-grid-v2 .item .is-top-label,
.course-item-grid-v2 .item .label-v2 {
  position: absolute;
  top: 8px;
  left: -4px;
  z-index: 2;
}
.course-item-grid-v2 .item .img {
  position: relative;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  width: 100%;
  height: 0;
  padding-bottom: 56.0283687943%;
  overflow: hidden;
}
.course-item-grid-v2 .item .img > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.course-item-grid-v2 .item .info {
  position: relative;
  padding: 20px 16px;
}
.course-item-grid-v2 .item .info .title {
  line-height: 150%;
  font-size: 16px;
  color: #1F2329;
}
.course-item-grid-v2 .item .info .title__two-row {
  height: 48px;
}
.course-item-grid-v2 .item .info .attr {
  margin-top: 20px;
}
.course-item-grid-v2 .item .info .attr__item {
  display: flex;
  align-items: center;
  line-height: 1;
  font-size: 12px;
}
.course-item-grid-v2 .item .info .attr__item + .attr__item {
  margin-left: 20px;
}
.course-item-grid-v2 .item .info .attr__item .advisory {
  background: #EEF4FE;
  border-radius: 14px;
  color: #0f6af3;
  padding: 7px 16px;
  font-size: 14px;
}
@media (max-width: 500px) {
  .course-item-grid-v2 .item .info .attr__item .advisory {
    padding: 6px 6px;
    font-size: 12px;
  }
}
.course-item-grid-v2 .item .info .attr__item .iconfont {
  font-size: 1em;
  margin-right: 6px;
}
.course-item-grid-v2 .item .info .attr__item .divider {
  color: #ccc;
  padding-left: 6px;
  padding-right: 6px;
}
.course-item-grid-v2 .item .info .attr__item.price {
  color: #F53945;
  align-items: flex-end;
  font-weight: bold;
}
.course-item-grid-v2 .item .info .attr__item .price-symbol {
  font-size: 14px;
  margin-right: 3px;
  margin-bottom: 1px;
}
.course-item-grid-v2 .item .info .attr__item .price-num {
  font-size: 24px;
  font-family: barlow-bold;
}
.course-item-grid-v2 .item:hover .info .title {
  color: #0f6af3;
}
@media (max-width: 1199px) and (min-width: 768px), (max-width: 540px) {
  .course-item-grid-v2 .item .info {
    padding: 16px 12.8px;
  }
  .course-item-grid-v2 .item .info .title {
    font-size: 14px;
  }
  .course-item-grid-v2 .item .info .title__two-row {
    height: 42px;
  }
  .course-item-grid-v2 .item .info .attr {
    margin-top: 16px;
  }
  .course-item-grid-v2 .item .info .attr__item + .attr__item {
    margin-left: 16px;
  }
  .course-item-grid-v2 .item .info .attr__item .price-num {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .course-item-grid-v2 {
    margin-left: -8px;
    margin-right: -8px;
    margin-top: -16px;
  }
  .course-item-grid-v2 [class*=col-] {
    padding-left: 8px;
    padding-right: 8px;
  }
  .course-item-grid-v2 .item {
    margin-top: 16px;
  }
}
@media (max-width: 480px) {
  .course-item-grid-v2 .item .info {
    padding: 12px 9.6px;
  }
  .course-item-grid-v2 .item .info .title {
    font-size: 13px;
  }
  .course-item-grid-v2 .item .info .title__two-row {
    height: 39px;
  }
  .course-item-grid-v2 .item .info .attr {
    margin-top: 12px;
    font-size: 11px;
  }
  .course-item-grid-v2 .item .info .attr__item + .attr__item {
    margin-left: 12px;
  }
  .course-item-grid-v2 .item .info .attr__item .price-symbol {
    font-size: 12px;
    margin-right: 1px;
  }
  .course-item-grid-v2 .item .info .attr__item .price-num {
    font-size: 16px;
  }
}

body {
  background-color: #fff;
}

.training-camp-list .empty-wrapper {
  background-color: transparent !important;
}
.training-camp-list .page-banner {
  background: #EBEBEB;
  border-radius: 16px;
  overflow: hidden;
  height: 0;
  padding-bottom: 26.6666666667%;
  position: relative;
}
.training-camp-list .page-banner .banner-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.training-camp-list .page-banner .swiper-slide-item,
.training-camp-list .page-banner .swiper-slide-item > img {
  width: 100%;
  height: 100%;
  display: block;
}
.training-camp-list .page-body {
  margin-top: 64px;
}
.training-camp-list .page-body-title {
  line-height: 1;
  padding-bottom: 40px;
}
.training-camp-list .page-body-title .title__icon {
  width: 36px;
  height: 36px;
  background-size: 100% 100%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAABR1BMVEUAAACbe/+XeP+Taf+RZf+VdP+UfP+QYP+bj/+bk/+RYP+RY/+bi/+bjf+TcP+QX/+clf+Wef+Ubv+RZP+ckv+clP+Xef+SaP+Wef+clP+QXv+ck/+QYP+bjv+SZv+Zh/+ck/+bk/+RY/+ajP+clP+ckP+SZf+ai/+Zh/+Tb/+YhP+Yf/+Vc/+TbP+aiv+ajP+clP+RX/+bi/+SaP+Xf/+Vc/+Ub/+RZP+Ygf+Ygf+aiv////+SZ/+Wef+RYf+Zhv+Vc/+ckf+bjv+RZP+Ygv+Ub/+TbP+Xf/+Tav+XfP+ck//7+v/59//y7v/d1P/az/+mkv+dfP/r5v/Lvv/Ctf/v6f/h2f/Txv/Hu/++qP/o4v/l3v/Yyv/GtP/Bsf/Drv+6q/+wmP+rk/+chf+hg/+YdP/18v+3o/+zn/+gjv+lif+smP+eif8g+MurAAAAOnRSTlMACQVjQR0P6/vT03FgQzT29PTx8e/p59fTt7eUlH59cXBlXlk5Jibx68C6sLDp2tTDw5aWiYlvVfbvpvXfeQAAA1tJREFUWMOk1FdTwkAUBeAFBAQVe++99zaSsCGQUBK6DMVBRCwj6P9/NqGMQu6FJJynffpm9ty7S3rFY7s9WZib9Pkm5xaOb0Y9xEzsdydTfiW+RqLRcDgsPByv240pFtuhKIr+bkgJd7Rt0c041k5DIgZx3MGqQxdjHZkKhXpBCrVu7e8MzUci/SCv92ysXznXLKsDUnLVs6q9eVYv5D3f7XGtaVY/5N1Hr7cVZI1AgeFR2LEFDUKBwCbk3AeNQ8PbQD9B45AiaXramzYF8TNds7O4qTmId3Xu0wo1C/HLnQWZh/idf5CbDgC5/pwROgjEb7Qdh3MwaMbRgtYoBlWfk7lcqZyKtqGfDFPQQNJqa/ROGHovyUwrsXxVhd6yMYaRtdCspflWKQSlE0xH5Hgm3jxpIan5ei8hqMhgkQHoQnXsFIIYNBkAkuzq7EEojkIFCFI3YAmEXlCoBkGLhFjHQehDRpwkB0ETVuKhICTmkaprICTtEBsCpWGowsHQJllBIDEBN41Ay2QJg+qAkxUwaJG4MUh80mzQt4BCLuJEoVemmc9E/rFQrlRSgoBDs2Qchfzxxpi+NN8IBE0QikJiUXXqPl2Q9MuKleQ2CARB5ZQX5JBDPpLSKHPxqZrNLDZgjDFgvP3/HCVBiS01VqThAyWY7tr6wRctegK5+S/Q8zSQjYHKmC4oSn+VDOHDX5sG6jsbAWJMNe60SLm9Tj721PijDVnbABhMly3Tg4gAIP1wavz6QlYCcGPPgDe+UXuMlyTAWF9InSIbglJbawvg8vfY18Qj6KsUUUmbE5LbLztqgPJualsBE420qox4OESjr3nA+W78oUA0GVGFTVAvRqAcCO73KIFowqZKrSC1I5ARoL0Fei80oFdd/Ffgshstew3EN0ChR/iK+Ot21HuAxNE3UERkv0CnFYHDSbMj3SCjlCCDxlhrGj/8AWp3JQGmoW6QumUvaiFApsH22Oz3lyEJPBKgrN9Vy54OEf1QUkaOiRAAhMWu1bj28vQ41ph9laUiJCniZfHxY4L9bzMHLffoN3cYdY/H8wd29woxf6lxr1nuxW/+Kupejt3r+rwHBPeTxnxHFvezz+fU5ZnoNxBF+dAY5mCdJsZgnYUWSYN1iNBCHz7EFzIA9bQJMhnFb0kAAAAASUVORK5CYII=);
}
.training-camp-list .page-body-title .title__text {
  margin-left: 12px;
  font-weight: 600;
  font-size: 32px;
  color: #1F2329;
}
@media (max-width: 640px) {
  .training-camp-list .page-body {
    margin-top: 38.4px;
  }
  .training-camp-list .page-body-title {
    padding-bottom: 24px;
  }
  .training-camp-list .page-body-title .title__icon {
    width: 21.6px;
    height: 21.6px;
  }
  .training-camp-list .page-body-title .title__text {
    margin-left: 7.2px;
    font-size: 19.2px;
  }
}
@media (max-width: 640px) {
  .training-camp-list .page-body-content .item .info .attr {
    flex-direction: column;
    align-items: flex-start;
  }
  .training-camp-list .page-body-content .item .info .attr__item + .attr__item {
    margin-left: 0;
    margin-top: 10px;
  }
}
@media (max-width: 480px) {
  .training-camp-list .page-body-content .item .info .attr__item span {
    display: none;
  }
}

.training-camp-detail .banner-wrap {
  position: relative;
}
.training-camp-detail .banner-wrap.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 1;
  overflow: hidden;
}
.training-camp-detail .banner-wrap .banner-bg-blur {
  position: absolute;
  top: -100px;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 320px;
  background-size: 100%;
  background-repeat: no-repeat;
  filter: blur(100px);
  opacity: 0.2;
}
.training-camp-detail .banner {
  padding-bottom: 20px;
}
.training-camp-detail .banner__title {
  padding-top: 24px;
  font-weight: bold;
  font-size: 40px;
  color: #1F2329;
}
.training-camp-detail .banner__desc {
  margin-top: 20px;
  font-weight: 500;
  font-size: 20px;
  color: #676c73;
  line-height: 1.6;
}
.training-camp-detail .banner__btn {
  margin-top: 24px;
}
.training-camp-detail .banner__btn .btn {
  border-radius: 300px;
  font-weight: bold;
  font-size: 18px;
  width: 160px;
  height: 48px;
  padding: 0;
}
@media (max-width: 991px) {
  .training-camp-detail .banner__title {
    padding-top: 19.2px;
    font-size: 32px;
  }
  .training-camp-detail .banner__desc {
    margin-top: 16px;
    font-size: 16px;
  }
  .training-camp-detail .banner__btn {
    margin-top: 19.2px;
  }
  .training-camp-detail .banner__btn .btn {
    width: 128px;
    height: 38.4px;
    font-size: 14.4px;
  }
}
@media (max-width: 540px) {
  .training-camp-detail .banner__title {
    padding-top: 14.4px;
    font-size: 24px;
  }
  .training-camp-detail .banner__desc {
    margin-top: 12px;
    font-size: 12px;
  }
  .training-camp-detail .banner__btn {
    margin-top: 14.4px;
  }
  .training-camp-detail .banner__btn .btn {
    width: 96px;
    height: 28.8px;
    font-size: 10.8px;
  }
}
.training-camp-detail .intro {
  margin-top: 36px;
}
.training-camp-detail .intro .immobilization.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 1;
  overflow: hidden;
  padding: 20px 0px;
  margin-bottom: 20px;
}
.training-camp-detail .intro__title .title {
  position: relative;
  font-weight: bold;
  font-size: 20px;
  line-height: 1;
  color: #1F2329;
}
.training-camp-detail .intro__title .active {
  position: relative;
  color: #0f6af3;
}
.training-camp-detail .intro__title .active::before {
  position: absolute;
  left: 50%;
  top: 180%;
  transform: translateX(-50%);
  content: "";
  width: 24px;
  height: 3px;
  background: #0f6af3;
  border-radius: 2px;
}
.training-camp-detail .intro__content {
  margin-top: 42px;
  border-radius: 16px;
  min-height: 500px;
  overflow: hidden;
}
.training-camp-detail .intro__content img {
  width: 100%;
}
.training-camp-detail .intro__content .deblocking {
  width: 50%;
  margin-top: 4px;
}
.training-camp-detail .intro__content .deblocking .search-content {
  width: calc(100% - 104px);
  border: transparent;
  background: #F5F6FA;
  border-radius: 8px 0px 0px 8px;
  height: 48px;
  padding-left: 16px;
}
.training-camp-detail .intro__content .deblocking .search-content::-moz-placeholder {
  color: #C0C4CC;
  /* 你想要的颜色 */
}
.training-camp-detail .intro__content .deblocking .search-content:-ms-input-placeholder {
  color: #C0C4CC;
  /* 你想要的颜色 */
}
.training-camp-detail .intro__content .deblocking .search-content::placeholder {
  color: #C0C4CC;
  /* 你想要的颜色 */
}
.training-camp-detail .intro__content .deblocking .frame {
  border: 1px solid red;
}
.training-camp-detail .intro__content .deblocking .unlock-button {
  padding: 13px 22px;
  border-radius: 0px 8px 8px 0px;
}
@media (max-width: 991px) {
  .training-camp-detail .intro__content .deblocking {
    width: 100%;
  }
}
.training-camp-detail .intro__content .webcamsend .item {
  margin-top: 40px;
}
.training-camp-detail .intro__content .webcamsend .item .left-content {
  width: calc(100% - 40px);
}
.training-camp-detail .intro__content .webcamsend .item .left-content .photo {
  width: 16px;
  vertical-align: top;
  margin-right: 16px;
}
.training-camp-detail .intro__content .webcamsend .item .left-content .photo img {
  width: 100%;
}
.training-camp-detail .intro__content .webcamsend .item .left-content .intron {
  width: calc(100% - 70px);
}
.training-camp-detail .intro__content .webcamsend .item .left-content .intron .title {
  font-size: 16px;
  color: #1F2329;
}
.training-camp-detail .intro__content .webcamsend .item .left-content .intron .title .icon-unlock {
  margin-left: 10px;
  color: #CFCFCF;
  font-size: 14px;
}
.training-camp-detail .intro__content .webcamsend .item .left-content .intron .duration {
  font-size: 12px;
  margin-top: 12px;
  color: #9399A5;
}
.training-camp-detail .intro__content .webcamsend .item .right-content .icon-unlock {
  color: #CFCFCF;
  font-size: 14px;
}
.training-camp-detail .intro__content .webcamsend .item:hover .left-content .intron .title {
  color: #0f6af3;
}
.training-camp-detail .intro__content .webcamsend .item:hover .left-content .intron .duration {
  color: #0f6af3;
}
@media (max-width: 991px) {
  .training-camp-detail .intro {
    margin-top: 24.8px;
  }
  .training-camp-detail .intro__title .title {
    font-size: 16px;
  }
  .training-camp-detail .intro__title .title::before {
    width: 19.2px;
    height: 2.4px;
  }
  .training-camp-detail .intro__content {
    margin-top: 33.6px;
    border-radius: 12.8px;
  }
}
@media (max-width: 540px) {
  .training-camp-detail .intro {
    margin-top: 13.6px;
  }
  .training-camp-detail .intro__title .title {
    font-size: 12px;
  }
  .training-camp-detail .intro__title .title::before {
    width: 14.4px;
    height: 1.8px;
  }
  .training-camp-detail .intro__content {
    margin-top: 25.2px;
    border-radius: 9.6px;
  }
}