.cardboxImgBg {
  width: 100%;
  height: 220px;
  background: #fff;
}
.cardboxImgBg .cardboxImg {
  width: 100%;
  height: 100%;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.courseTag {
  width: 48px;
  margin-right: 8px;
  color: #28b0fc;
  line-height: 24px;
  text-align: center;
  background: #f5f5f5;
  font-size: 12px;
  display: inline-block;
}
.courseTag:last-child {
  margin-right: 0;
}
.item-price {
  margin-bottom: 0;
}
.item-price b {
  color: #e83d2c;
  font-size: 18px;
  font-weight: bold;
}
.topheight {
  height: 60px;
}
.topheight .ant-breadcrumb {
  display: inline-block;
}
.topheight span {
  line-height: 60px;
  display: inline-block;
  color: #333;
}
.topheight span a {
  color: #333;
}
.subscribedetail-info {
  height: 375px;
  border: 1px solid #dddfe1;
  background: #fff;
  padding: 22px;
  box-sizing: border-box;
}
.subscribedetail-info .info-pic {
  height: 300px;
  border: solid 1px #ccc;
}
.subscribedetail-info .info-pic .pic-img {
  height: 300px;
  max-height: 100%;
  max-width: 100%;
}
.subscribedetail-info .info-pic .info-other {
  position: absolute;
  overflow: hidden;
  bottom: 0;
  left: 0;
  max-width: 100%;
  padding: 8px 15px;
  color: #fff;
  white-space: nowrap;
  background: #2996d3;
  margin-bottom: 0;
}
.subscribedetail-info .info-pic .info-other span {
  display: inline-block;
  color: #fff;
  margin-right: 15px;
  font-size: 12px;
}
.subscribedetail-info .info-right {
  padding-left: 20px;
}
.subscribedetail-info .info-right .right-title {
  height: 41px;
  border-bottom: 1px dashed #dddfe1;
}
.subscribedetail-info .info-right .right-title h2 {
  line-height: 30px;
  font-size: 16px;
  max-width: 450px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}
.subscribedetail-info .info-right .right-title .label-list {
  color: #f1a61a;
  margin-left: 10px;
  padding: 3px 12px;
  background: #fef0c9;
  border-radius: 27px;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
}
.subscribedetail-info .info-right .right-label {
  overflow: hidden;
  margin: 0;
  padding: 12px 0 ;
}
.subscribedetail-info .info-right .right-label li {
  float: left;
  list-style: none;
  height: 28px;
  margin-bottom: 12px;
  margin-right: 10px;
  padding: 0 18px;
  color: #28b0fc;
  line-height: 28px;
  background: #f5f5f5;
}
.subscribedetail-info .info-right .right-label li .anticon {
  margin-right: 5px;
}
.subscribedetail-info .info-right .right-sprice {
  margin: 50px 0;
}
.subscribedetail-info .info-right .right-sprice .sprice-curr {
  height: 35px;
  color: #e83d2c;
  font-size: 26px;
  line-height: 35px;
  margin-bottom: 8px;
}
.subscribedetail-info .info-right .right-sprice .sprice-curr b {
  font-size: 39px;
  font-weight: bold;
}
.subscribedetail-info .info-right .right-sprice .sprice-old {
  height: 26px;
  padding-left: 6px;
  color: #808b9c;
  line-height: 26px;
  text-decoration: line-through;
  margin-bottom: 0px;
}
.subscribedetail-info .info-right .right-sprice .integral-font {
  height: 26px;
  padding-left: 6px;
  color: #808b9c;
  line-height: 26px;
  margin-bottom: 0px;
}
.subscribedetail-info .info-right .right-button button {
  margin-right: 20px;
}
.subscribedetail-main {
  margin-top: 20px;
  height: 100%;
  overflow: hidden;
}
.subscribedetail-main .main-left {
  background: #fff;
  border: 1px solid #dddfe1;
  min-height: 800px;
  height: 100%;
}
.subscribedetail-main .main-left .tab-cont {
  padding: 0px 30px 20px 30px;
  box-sizing: border-box;
}
.subscribedetail-main .main-left .tab-cont .active-lecturer {
  border-bottom: 1px solid #dddfe1;
}
.subscribedetail-main .main-left .tab-cont .active-lecturer .ant-list-item-meta-avatar {
  vertical-align: middle;
  height: 74px;
  width: 74px;
  border-radius: 74px;
}
.subscribedetail-main .main-left .tab-cont .active-lecturer .ant-list-item-meta-avatar .ant-avatar {
  height: 74px;
  width: 74px;
  border-radius: 74px;
  vertical-align: middle;
}
.subscribedetail-main .main-left .tab-cont .active-lecturer .ant-list-item-meta-content {
  vertical-align: middle;
}
.subscribedetail-main .main-left .tab-cont .active-lecturer .ant-list-item-meta-content p {
  margin-bottom: 0;
  line-height: 25px;
}
.subscribedetail-main .main-left .tab-cont .active-cont {
  padding: 30px 0 60px 0;
}
.subscribedetail-main .main-left .tab-cont .catalog-pro-list .pro-item {
  background: #f7f7f7;
  border-radius: 4px;
  margin-bottom: 24px;
  border: none;
  overflow: hidden;
}
.subscribedetail-main .main-left .tab-cont .catalog-pro-list .pro-item .ant-collapse-header {
  background: #ececec;
}
.subscribedetail-main .main-left .tab-cont .catalog-pro-list .pro-item .ant-collapse-content-box {
  padding: 0;
}
.subscribedetail-main .main-left .tab-cont .catalog-pro-list .pro-item .ant-collapse-content-box p {
  padding: 0 50px 0px 70px;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 0;
  line-height: 40px;
}
.subscribedetail-main .main-left .tab-cont .evaluate-head {
  height: 72px;
  border: 1px solid #e9e9e9;
  background: #eff9fd;
}
.subscribedetail-main .main-left .tab-cont .evaluate-head .head-rate {
  float: left;
  width: 150px;
  height: 100%;
  box-sizing: border-box;
  border-right: 1px solid #e9e9e9;
  text-align: center;
}
.subscribedetail-main .main-left .tab-cont .evaluate-head .head-rate .rete-cont {
  height: 28px;
  margin-top: 12px;
  color: #28b0fc;
  font-size: 22px;
  line-height: 28px;
  display: block;
  font-weight: bold;
}
.subscribedetail-main .main-left .tab-cont .evaluate-head .head-rate .rete-label {
  height: 22px;
  color: #808b9c;
  line-height: 22px;
  display: block;
}
.subscribedetail-main .main-left .tab-cont .evaluate-head .head-menu {
  float: left;
  margin-left: 20px;
}
.subscribedetail-main .main-left .tab-cont .evaluate-head .head-menu .ant-radio-wrapper {
  width: 120px;
  height: 72px;
  margin: 0 10px;
  display: inline-block;
  padding-top: 25px;
}
.subscribedetail-main .main-right {
  background: #fff;
  border: 1px solid #dddfe1;
  min-height: 800px;
  height: 100%;
  padding: 0 10px;
  box-sizing: border-box;
}
.subscribedetail-main .main-right .right-item {
  width: 100%;
  margin-top: 15px;
  border: none;
  cursor: pointer;
  border-bottom: 1px dashed #dddfe1;
}
.subscribedetail-main .main-right .right-item .ant-card-body {
  padding: 15px 0;
}
.subscribedetail-main .main-right .right-item .ant-card-body .ant-card-meta-title {
  font-size: 12px;
}
.conorder-main {
  background: #fff;
}
.conorder-main .table {
  width: 100%;
  border: 1px solid #dddfe1;
}
.conorder-main .table th {
  height: 45px;
  background: #eee;
  text-align: center;
  border-right: 1px solid #dddfe1;
}
.conorder-main .table th:last-child {
  border-right: none;
}
.conorder-main .table td {
  height: 90px;
  border-top: 1px solid #dddfe1;
  border-right: 1px solid #dddfe1;
  text-align: center;
}
.conorder-main .table td:last-child {
  border-right: none;
}
.conorder-main .table td.couseName {
  text-align: left;
  padding: 0 8px;
}
.conorder-main .table td.couseName img {
  height: 40px ;
  width: 40px;
  display: inline-block;
  margin-right: 10px;
}
.conorder-main .table td.couseName span {
  width: 530px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.conorder-main .table td.orderNum input {
  height: 32px;
  width: 80px;
  margin: 0 10px;
  border: 1px solid #dddfe1;
  background: #fff;
  border-radius: 4px;
  vertical-align: middle;
  text-align: center;
}
.conorder-main .table td.orderNum button {
  vertical-align: middle;
}
.conorder-main .main-all-sprice {
  height: 124px;
  padding-right: 50px;
  color: #808b9c;
  line-height: 140px;
  text-align: right;
}
.conorder-main .main-all-sprice .all-sprice {
  color: #e83d2c;
  font-size: 24px;
}
.conorder-main .main-all-interal {
  height: 24px;
  padding-right: 31px;
  color: #808b9c;
  line-height: 24px;
  text-align: right;
}
.conorder-main .main-all-interal .all-sprice {
  color: #e83d2c;
  font-size: 24px;
}
.conorder-main .pay_btn_w {
  padding: 50px 40px;
  text-align: right;
}
.conorder-main .pay_btn_w button {
  margin-left: 20px;
}
.studyPointStyle .item {
  color: #818990;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  line-height: 20px;
}
.studyPointStyle .item span {
  overflow: hidden;
  display: inline-block;
}
.studyPointStyle .item-left {
  width: 60px;
  text-align: right;
}

.my-training-detail-radio--main-container .leftIconStyle {
  width: 70px;
  text-align: center;
}
.my-training-detail-radio--main-container .leftIconStyle .fileSizeDescribe {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  margin-top: 4px;
  color: #818990;
}
.my-training-detail-radio--main-container .fileListContent .fileListContentTitle {
  max-width: 580px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
}
.my-training-detail-radio--main-container .fileListContent .fileListContentTime {
  font-size: 14px;
  color: #435c71;
}
.my-training-detail-radio--main-container .broadcast-course-list-info-box .main-title {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #818990;
  line-height: 22px;
}
.my-training-detail-radio--main-container .broadcast-course-list-info-box .sub-title {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
  line-height: 22px;
}
.my-training-detail-radio--main-container .broadcast-course-list-info-box .sub-title .sub-title-label {
  padding-right: 8px;
}
.my-training-detail-radio--main-container .splite-divider-line {
  margin: 12px 0 ;
}
.my-training-detail-radio--main-container .bottom-btn-box {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.my-training-detail-radio--main-container .ant-list-item-action {
  position: absolute;
  right: 0;
  top: 16px;
  margin-left: 0;
}
.my-training-detail-radio--main-container .tabs-courseware-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  width: 100%;
}
.my-training-detail-radio--main-container .tabs-courseware-box .min-learn-time {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.my-training-detail-radio--main-container .tabs-courseware-box .min-learn-time-min {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.my-training-detail-radio--main-container .tabs-courseware-box .min-learn-time-min span {
  display: inline-block;
  padding: 0 4px;
}
.my-training-detail-radio--main-container .tabs-courseware-box .course-info-box .ant-tabs-nav-container {
  margin-bottom: 0px !important;
}
.my-training-detail-radio--main-container .tabs-courseware-box .courseware-box {
  padding: 0 10px 10px;
}
.my-training-detail-radio--main-container .tabs-courseware-box .course-info-content-box {
  height: 512px;
  overflow-y: auto;
  overflow-x: hidden;
}
.my-training-detail-radio--main-container .dplayer {
  height: 248px !important;
}
.my-training-detail-radio--main-container .course-info-box .ant-tabs-nav {
  padding-left: 20px !important;
}
.my-training-detail-radio--main-container .course-info-box .course-name-box .course-name {
  display: inline-block;
  width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 500;
  color: #364049;
  line-height: 26px;
}
.my-training-detail-radio--main-container .course-info-box .course-name-box .course-status {
  font-size: 12px;
  font-weight: 400;
  color: #818990;
  padding: 2px 6px;
  border: 1px solid #818990;
  border-radius: 4px;
}
.my-training-detail-radio--main-container .course-info-box .sub-title-box {
  margin-top: 8px;
}
.my-training-detail-radio--main-container .course-info-box .sub-title-box .sub-item-1 {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #818990;
  line-height: 22px;
}
.my-training-detail-radio--main-container .course-info-box .course-rate-box {
  margin-top: 6px;
}
.my-training-detail-radio--main-container .course-info-box .course-rate-box .rate-number {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #818990;
  line-height: 22px;
}
.my-training-detail-radio--main-container .course-info-box .course-half-list {
  margin-top: 24px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.my-training-detail-radio--main-container .course-info-box .course-half-list .list-item-box {
  width: 50%;
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  margin-bottom: 8px;
  padding-right: 12px;
}
.my-training-detail-radio--main-container .course-info-box .course-half-list .list-item-box .item-title {
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.85);
  line-height: 22px;
  margin-right: 6px;
}
.my-training-detail-radio--main-container .course-info-box .course-half-list .list-item-box .item-info {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #364049;
  line-height: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}
.my-training-detail-radio--main-container .course-info-box .course-half-list .list-item-box .copy-icon {
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 14px;
}
.my-training-detail-radio--main-container .courseware-item-sub-title {
  display: flex;
  justify-content: space-between;
  margin-top: 6px;
}
.my-training-detail-radio--main-container .courseware-item-sub-title .courseware-size {
  font-size: 12px;
  font-weight: 400;
  color: #818990;
  line-height: 20px;
}
.my-training-detail-radio--main-container .train-detail-header {
  height: 58px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.my-training-detail-radio--main-container .train-detail-header .header-left .breadcrumb-item {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.45);
  line-height: 22px;
  padding-right: 8px;
  display: inline-block;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.my-training-detail-radio--main-container .train-detail-header .header-right .back-icon {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4a7aa2;
  line-height: 20px;
  cursor: pointer;
}
.my-training-detail-radio--main-container .train-detail-header .header-right .back-text {
  padding-left: 8px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4a7aa2;
  line-height: 20px;
  cursor: pointer;
}
.my-training-detail-radio--main-container .recommended--list-package-card .ant-card-body {
  padding: 0 10px;
}
.my-training-detail-radio--main-container .package--my-training-list-detail-recommended-list-package {
  border: 1px solid #e8e8e8;
  background-color: #fff;
  width: 385px;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.my-training-detail-radio--main-container .package--my-training-list-detail-recommended-list-package .title-package-top {
  line-height: 53px;
  font-size: 16px;
  padding: 0 20px;
  border-bottom: 1px solid #e8e8e8;
}
.my-training-detail-radio--main-container .package--my-training-list-detail-recommended-list-package .item-parent-package {
  cursor: pointer;
  margin: 10px 10px 0;
}
.my-training-detail-radio--main-container .package--my-training-list-detail-recommended-list-package .item-parent-package img {
  width: 170px;
  height: 84px;
  border-radius: 4px;
}
.my-training-detail-radio--main-container .package--my-training-list-detail-recommended-list-package .item-parent-package .rightInfoItem {
  padding-left: 20px;
  flex: 1;
}
.my-training-detail-radio--main-container .package--my-training-list-detail-recommended-list-package .item-parent-package .rightInfoItem .title {
  height: 46px;
  color: #364049;
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.my-training-detail-radio--main-container .package--my-training-list-detail-recommended-list-package .item-parent-package .rightInfoItem .spriceCurrStyle {
  color: #0091FF;
}
.my-training-detail-radio--main-container .package--my-training-list-detail-recommended-list-package .item-parent-package .rightInfoItem .spriceCurrStyle .sysPx {
  font-size: 12px;
  color: #818990;
}
.my-training-detail-radio--main-container .package--my-training-list-detail-recommended-list-package .item-parent-package .rightInfoItem .spriceCurrStyle b {
  font-weight: normal;
  padding-left: 4px;
}
.detail-style-my-trining-detail--radio .layout .dplayer {
  height: 500px;
}
.detail-style-my-trining-detail--radio .layout .dplayer-logo {
  max-width: 120px;
}
.detail-style-my-trining-detail--radio .breadcrmdomstyle a {
  color: #263238;
}
.detail-style-my-trining-detail--radio .breadcrmdomstyle span {
  font-size: 12px;
  color: #a6acaf;
}
.detail-style-my-trining-detail--radio .topheight {
  line-height: 50px;
}
.detail-style-my-trining-detail--radio .bottom15 {
  margin-bottom: 15px;
}
.detail-style-my-trining-detail--radio .DisStyle {
  font-size: 18px;
  color: #313849;
  margin-bottom: 6px;
}
.detail-style-my-trining-detail--radio .CourseLength {
  font-size: 14px;
  color: #28b0fc;
}
.detail-style-my-trining-detail--radio .flexbtn {
  display: inline-block;
  color: #fff;
  font-size: 14px;
}
.detail-style-my-trining-detail--radio .greenbtnStyle {
  background: #42d3a5;
  color: #fff;
}
.detail-style-my-trining-detail--radio .myTypeIcon .icon {
  width: 40px;
  height: 40px;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.detail-style-my-trining-detail--radio .myTypeIcon .icon svg {
  width: 40px;
  height: 40px;
}
.detail-style-my-trining-detail--radio .practiceLogContainer {
  cursor: pointer;
}
.detail-style-my-trining-detail--radio .completed-btn span.test-record {
  cursor: pointer;
  color: slategrey;
  padding-left: 10px;
  padding-right: 10px;
}
.detail-style-my-trining-detail--radio .completed-btn:hover span.test-record {
  color: #0366d6;
  text-decoration: underline;
  display: inline;
  padding-left: 10px;
  padding-right: 10px;
}
.TrainingToLearnRadioShow {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}
.TrainingToLearnRadioShow .TrainingToLearnRadioClose {
  position: absolute;
  right: 40px;
  top: 40px;
  color: #fff;
  font-size: 36px;
  cursor: pointer;
}
.TrainingToLearnRadioShow .TrainingToLearnRadioContent {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -400px;
  margin-top: -200px;
  width: 820px;
  height: 400px;
}