.cssd_container .layui-tab .layui-tab-brief>.name {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: min(max(22.400000000000002px, 1.85185vw), 28px);
  color: #62666a;
  line-height: min(max(32px, 2.6455vw), 40px);
  padding: 0 min(max(36px, 2.97619vw), 45px);
  position: relative;
  min-width: min(max(89.60000000000001px, 7.40741vw), 112px);
  flex: none
}

.cssd_container .layui-tab .layui-tab-brief>.name::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: min(max(1.6px, 0.13228vw), 2px);
  height: min(max(22.400000000000002px, 1.85185vw), 28px);
  background: #f09a25
}

.cssd_container .layui-tab .layui-tab-brief {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  border-bottom: min(max(0.8px, 0.06614vw), 1px) solid #d8d8d8;
  border-top-left-radius: min(max(17.6px, 1.45503vw), 22px);
  border-top-right-radius: min(max(17.6px, 1.45503vw), 22px);
  background: linear-gradient(180deg, #EBF9F5 0%, #fff 100%)
}

.cssd_container .layui-tab .layui-tab-brief .CSSDTitle {
  width: min(max(32px, 2.6455vw), 40px);
  height: min(max(33.6px, 2.77778vw), 42px);
  margin-right: min(max(16px, 1.32275vw), 20px)
}

.cssd_container .layui-tab .layui-tab-brief .layui-tab-title {
  min-height: min(max(57.6px, 4.7619vw), 72px);
  height: auto;
  flex: 1;
  overflow: hidden;
  flex-wrap: wrap;
  padding-right: min(max(56px, 4.62963vw), 70px)
}

.cssd_container .layui-tab .layui-tab-brief .layui-tab-title li {
  padding: 0 min(max(11.200000000000001px, 0.92593vw), 14px)
}

.cssd_container .layui-tab .layui-tab-brief .CSSDIcon {
  width: min(max(83.2px, 6.87831vw), 104px);
  height: min(max(20px, 1.65344vw), 25px);
  position: absolute;
  top: min(max(3.2px, 0.26455vw), 4px);
  right: min(max(21.6px, 1.78571vw), 27px)
}

.cssd_container .layui-tab .layui-tab-brief.nav-fixed {
  z-index: 99;
  position: fixed;
  top: var(--gloab-nav-height);
  width: var(--main-content-width);
}

.cssd_container .course_isExam {
  flex-direction: column;
  align-items: center;
  width: 100%
}

.cssd_container .course_isExam .course_isExamIcon {
  width: min(max(100px, 8.2672vw), 125px);
  height: min(max(100px, 8.2672vw), 125px);
  margin-bottom: min(max(21.6px, 1.78571vw), 27px)
}

.cssd_container .course_isExam .course_isExam_text {
  font-weight: 600;
  color: #62666A;
  font-size: min(max(16px, 1.32275vw), 20px);
  margin-bottom: min(max(21.6px, 1.78571vw), 27px)
}

.cssd_container .course_isExam .course_isExam_btn {
  width: min(max(140.8px, 11.64021vw), 176px);
  height: min(max(34.4px, 2.84392vw), 43px);
  background: #F09A25;
  border-radius: min(max(18.400000000000002px, 1.52116vw), 23px);
  border: min(max(0.8px, 0.06614vw), 1px) solid #F09A25;
  font-weight: 600;
  font-size: min(max(14.4px, 1.19048vw), 18px);
  color: #FFFFFF;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center
}