body {
  background-color: white;
}
.main .content .header_box {
  width: 100%;
  background-color: #000;
}
.main .content .header_box .data_head {
  height: auto;
  overflow: hidden;
}
.main .content .header_box .data_head .bg_box {
  background-color: rgba(25, 25, 25, 0.8);
  height: auto;
}
.main .content .header_box .data_head .bg_box .top .left {
  color: white;
}
.main .content .header_box .data_head .bg_box .top .left .top_type {
  background-color: #797979;
}
.main .content .header_box .data_head .bg_box .top .upload_time {
  color: rgba(255, 255, 255, 0.5);
}
.main .content .header_box .data_head .course_box .course_top {
  background-color: rgba(25, 25, 25, 0.8);
}
.main .content .header_box .data_head .course_box .course_top .learn_btn {
  width: 90%;
  border-radius: 4px;
  background-color: #ff701d;
  color: white;
  text-align: center;
  cursor: pointer;
}
.main .content .header_box .data_head .course_box .course_bottom {
  height: auto;
  background-color: rgba(25, 25, 25, 0.8);
}
.main .content .header_box .data_head .course_box .course_bottom .course_title {
  position: relative;
  color: white;
}
.main .content .header_box .data_head .course_box .course_bottom .course_title::before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  display: inline-block;
  width: 4em;
  height: 2px;
  background-color: #ff701d;
}
.main .content .header_box .data_head .course_box .course_bottom .course_list {
  height: 361px;
  overflow: auto;
}
.main .content .header_box .data_head .course_box .course_bottom .course_list .course_item {
  font-size: 14px;
}
.main .content .header_box .data_head .course_box .course_bottom .course_list .course_item .dd_box {
  cursor: pointer;
}
.main .content .header_box .data_head .course_box .course_bottom .course_list .course_item .collepse_course {
  color: white;
  cursor: pointer;
}
.main .content .header_box .data_head .course_box .course_bottom .course_list .course_item .video_icon {
  width: 22px;
  color: #636363;
}
.main .content .header_box .data_head .course_box .course_bottom .course_list .course_item .cont_box {
  color: #636363;
  overflow: hidden;
}
.main .content .header_box .data_head .course_box .course_bottom .course_list .course_item .cont_active .video_icon,
.main .content .header_box .data_head .course_box .course_bottom .course_list .course_item .cont_active .cont_box {
  color: #d1d1d1;
}
.main .content .data_cont .bg_box {
  background-color: #fff;
}
.main .content .data_cont .bg_box .menu_box {
  font-size: 20px;
  border-bottom: 1px solid rgba(187, 187, 187, 0.25);
}
.main .content .data_cont .bg_box .menu_box li {
  padding: 10px 20px;
  cursor: pointer;
}
.main .content .data_cont .bg_box .menu_box .li_active {
  position: relative;
}
.main .content .data_cont .bg_box .menu_box .li_active::before {
  position: absolute;
  bottom: -1px;
  left: 25%;
  content: '';
  display: inline-block;
  width: 50%;
  height: 2px;
  background-color: #ff701d;
}
.main .content .data_cont .bg_box .data_02 {
  display: none;
}
.main .content .data_cont .bg_box .data_02 .phone_item h2 {
  position: relative;
  font-size: 28px;
}
.main .content .data_cont .bg_box .data_02 .phone_item h2::before {
  position: absolute;
  top: 15%;
  left: -15px;
  content: '';
  display: inline-block;
  width: 5px;
  height: 1em;
  background-color: #cf0008;
}
.main .content .data_cont .bg_box .data_02 .phone_item .info .form-group {
  font-size: 20px;
}
.main .content .data_cont .bg_box .data_02 .phone_item .info .check_box {
  width: 100%;
  height: 100%;
  border: 1px solid #d7282f;
  color: #d7282f;
}
.main .content .data_cont .bg_box .data_02 .phone_item .info .check_box .time {
  display: none;
}
.main .content .data_cont .bg_box .data_02 .phone_item .info .submit_box {
  height: 80px;
}
.main .content .data_cont .bg_box .data_02 .phone_item .info .submit_box p {
  color: #666;
  font-size: 18px;
}
.main .content .data_cont .bg_box .data_02 .phone_item .info .submit_box p span {
  color: #cf0008;
}
.main .content .data_cont .bg_box .data_02 .phone_item .info .submit_box p .price {
  font-size: 28px;
}
@media screen and (max-width: 1200px) {
  .main .content .data_head .course_list {
    height: 339px!important;
  }
}
@media screen and (max-width: 768px) {
  .main .content .data_01 {
    background-color: #f7f8fa;
  }
  .main .content .data_01 .bg_box {
    background-color: #fff;
  }
  .main .content .data_01 .bg_box .menu_box {
    font-size: 16px;
  }
}