.briefingPopWrapBox_wordBox::-webkit-scrollbar {
  display: none
}

.courseItem {
  padding: min(max(8px, 0.66138vw), 10px);
  float: left;
  position: relative;
  background-color: #fff;
  transition: background-color 0.3s ease;
  cursor: pointer;
  width: calc(25% - min(max(16px, 1.32275vw), 20px));
  margin-bottom: min(max(8px, 0.66138vw), 10px);
  margin-right: min(max(16px, 1.32275vw), 20px)
}

.courseItem:hover {
  background-color: #fef5e9;
  transform: scale(1.05);
  border-radius: min(max(8px, 0.66138vw), 10px)
}

.courseItem:nth-child(4n) {
  margin-right: 0
}

.courseItem .coverpic {
  width: 100%;
  height: min(max(136.8px, 11.30952vw), 171px);
  border-radius: min(max(9.600000000000001px, 0.79365vw), 12px);
  position: relative;
  background: url(../images/placeholder.png) no-repeat;
  background-color: #f3f3f3;
  background-size: cover;
  background-position: center;
  cursor: pointer
}

.briefing_angle {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.97619vw;
  z-index: 888
}

.briefing_moneyIcon {
  position: absolute;
  top: min(max(5.6000000000000005px, 0.46296vw), 7px);
  left: min(max(8px, 0.66138vw), 10px)
}

.courseItem .coverpic .isFeiyong {
  position: absolute;
  right: 0;
  top: 0;
  width: min(max(35.2px, 2.91005vw), 44px);
  height: min(max(20.8px, 1.71958vw), 26px)
}

.courseItem .coverpic .hasVideo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.98413vw;
  height: 1.98413vw;
  border-radius: 50%;
  overflow: hidden
}

.courseItem .coverpic .sign,
.courseItem .coverpic .isCredit {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 1.32275vw;
  line-height: 1.32275vw;
  color: #fff;
  font-size: 0.79365vw;
  padding: 0 0.66138vw;
  background-color: #ffa934;
  border-radius: 0 0.39683vw 0 0.39683vw;
  z-index: 5
}

.courseItem .coverpic.offline .sign {
  position: absolute;
  left: 0.1rem;
  bottom: 0;
  height: 1.32275vw;
  font-size: 0.79365vw;
  color: #fff;
  padding: 0;
  border-radius: 0;
  width: 100%;
  padding-left: 0.33069vw;
  box-sizing: border-box;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.42) 100%);
  z-index: 2
}

.courseInfo {
  position: relative;
  margin-top: min(max(9.600000000000001px, 0.79365vw), 12px)
}

.courseInfo .title {
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.courseInfo .title .videoLogo {
  margin-top: min(max(3.2px, 0.26455vw), 4px);
  width: min(max(14.4px, 1.19048vw), 18px);
  float: left;
  padding-right: min(max(2.4000000000000004px, 0.19841vw), 3px)
}

.courseInfo .title .type {
  float: left;
  margin-top: min(max(2.4000000000000004px, 0.19841vw), 3px);
  text-align: center;
  margin-right: min(max(7.2px, 0.59524vw), 9px);
  width: auto;
  padding: 0 min(max(4px, 0.33069vw), 5px);
  height: min(max(17.6px, 1.45503vw), 22px);
  border-radius: min(max(2.4000000000000004px, 0.19841vw), 3px);
  border: min(max(0.8px, 0.06614vw), 1px) solid #cccccc;
  font-weight: 500;
  font-size: min(max(9.600000000000001px, 0.79365vw), 12px);
  color: #333333;
  line-height: min(max(9.600000000000001px, 0.79365vw), 12px);
  display: flex;
  align-items: center;
  justify-content: center
}

.courseInfo .title .isLiveOffline {
  float: left;
  margin-top: 0.13228vw;
  width: 1.45503vw;
  height: 1.0582vw;
  background: url(../images/Live-broadcast-is-on.png) center no-repeat;
  background-size: auto 1.0582vw
}

.courseInfo .title .titleName {
  font-weight: 500;
  font-size: min(max(14.4px, 1.19048vw), 18px);
  color: #3d3d3d;
  line-height: min(max(22.400000000000002px, 1.85185vw), 28px)
}

.courseInfo .mold {
  margin-top: min(max(4px, 0.33069vw), 5px);
  line-height: min(max(20.8px, 1.71958vw), 26px);
  color: #62666a;
  font-size: min(max(9.600000000000001px, 0.79365vw), 12px);
  height: min(max(20.8px, 1.71958vw), 26px);
  overflow: hidden
}

.courseInfo .mold .moldType {
  display: inline-block;
  background: rgba(240, 154, 37, 0.15);
  border-radius: min(max(5.6000000000000005px, 0.46296vw), 7px);
  border: min(max(0.8px, 0.06614vw), 1px) solid #f09a25;
  font-weight: 600;
  font-size: min(max(9.600000000000001px, 0.79365vw), 12px);
  color: #f09a25;
  line-height: min(max(13.600000000000001px, 1.12434vw), 17px);
  padding: min(max(1.6px, 0.13228vw), 2px) min(max(6.4px, 0.5291vw), 8px)
}

.courseInfo.offline .mold .moldType {
  color: #fff;
  background-color: #f28c00
}

.courseInfo .mold .time {
  float: right
}

.courseInfo .number {
  margin-top: min(max(8px, 0.66138vw), 10px);
  overflow: hidden;
  width: 100%
}

.courseInfo .number span {
  margin-right: min(max(16px, 1.32275vw), 20px);
  float: left;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 0.24rem;
  overflow: hidden;
  font-weight: 500;
  font-size: min(max(9.600000000000001px, 0.79365vw), 12px);
  color: #62666a;
  line-height: min(max(13.600000000000001px, 1.12434vw), 17px);
  height: auto
}

.courseInfo.live .number span.readNum {
  color: #f28c00;
  margin-left: 0.5291vw
}

.courseInfo.live .number span.likeNum.active {
  color: #a51b2c
}

.courseInfo.offline .number span.likeNum {
  padding-left: 1.0582vw;
  background: url(../images/icon_place.png) no-repeat;
  background-size: min(max(10.4px, 0.85979vw), 13px) min(max(12.8px, 1.0582vw), 16px);
  background-position: left center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 78%
}

.courseInfo .number span.hitCount {
  padding-left: min(max(16px, 1.32275vw), 20px);
  background: url(../images/img_rev/read.png) no-repeat;
  background-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  background-position: left center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 78%
}

.courseInfo .date {
  margin-top: min(max(8px, 0.66138vw), 10px);
  font-weight: 500;
  font-size: min(max(9.600000000000001px, 0.79365vw), 12px);
  color: #62666a;
  line-height: min(max(13.600000000000001px, 1.12434vw), 17px)
}

.courseInfo.offline .date {
  padding-left: 1.0582vw;
  background: url(../images/dateIcon.png) no-repeat;
  background-size: min(max(8.8px, 0.72751vw), 11px) min(max(8.8px, 0.72751vw), 11px);
  background-position: left center
}

.courseInfo .position {
  position: absolute;
  right: min(max(8px, 0.66138vw), 10px);
  bottom: 0.3rem;
  height: 1.0582vw;
  text-align: center;
  line-height: 1.0582vw;
  color: #f28c00;
  font-size: 0.79365vw
}

.courseInfo.offline .position {
  color: #999999;
  bottom: auto;
  top: min(max(49.6px, 4.10053vw), 62px)
}

.courseInfo.offline .offStutas {
  width: min(max(44.800000000000004px, 3.7037vw), 56px);
  height: min(max(22.400000000000002px, 1.85185vw), 28px);
  background: rgba(240, 154, 37, 0.15);
  border-radius: min(max(5.6000000000000005px, 0.46296vw), 7px);
  margin-top: 0.72751vw;
  font-weight: 600;
  font-size: min(max(8.8px, 0.72751vw), 11px);
  color: #f09a25;
  line-height: min(max(12.8px, 1.0582vw), 16px);
  display: flex;
  align-items: center;
  justify-content: center
}

.courseInfo.offline .seeSignUpBtn {
  margin-top: 0.66138vw;
  width: min(max(65.60000000000001px, 5.42328vw), 82px);
  height: min(max(22.400000000000002px, 1.85185vw), 28px);
  background: #ffffff;
  border-radius: min(max(36.800000000000004px, 3.04233vw), 46px);
  border: min(max(0.8px, 0.06614vw), 1px) solid #f09a25;
  font-weight: 500;
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  color: #f09a25;
  line-height: min(max(16px, 1.32275vw), 20px);
  text-align: center;
  float: right;
  cursor: pointer
}

.courseInfo .position.exchange {
  min-width: 0.9rem;
  box-sizing: border-box;
  background: #fff;
  border-radius: 0.08rem;
  border: 0.01rem solid #f28c00;
  padding: 0 0.08rem
}

.courseInfo.live .exchange {
  position: absolute;
  left: 0;
  bottom: min(max(-24px, -1.98413vw), -30px);
  height: min(max(12.8px, 1.0582vw), 16px);
  text-align: left;
  line-height: min(max(12.8px, 1.0582vw), 16px);
  color: #999;
  font-size: min(max(9.600000000000001px, 0.79365vw), 12px);
  border: 0
}

.courseInfo .hasVideo {
  color: #f09a25 !important
}

.courseInfo .auth {
  position: absolute;
  overflow: hidden;
  right: min(max(8px, 0.66138vw), 10px);
  bottom: min(max(11.200000000000001px, 0.92593vw), 14px);
  width: 4.29894vw;
  height: 1.45503vw;
  background: linear-gradient(135deg, #ffa934 0%, #f28c00 100%);
  border-radius: 0.92593vw;
  line-height: 1.45503vw;
  color: #fff;
  text-align: center;
  font-size: 0.92593vw
}

.courseInfo .auth span {
  display: inline-block;
  padding-left: 0.92593vw;
  height: 1.45503vw;
  background: url(../images/icon_suo.png) no-repeat;
  background-size: 0.66138vw;
  background-position: left center
}

.courseItemColumn {
  display: flex;
  position: relative;
  padding: 0.99206vw 0;
  border-bottom: min(max(0.8px, 0.06614vw), 1px) solid #f0f0f0;
  cursor: pointer
}

.courseItemColumn .coverpic {
  flex: 0 0 7.20899vw;
  height: 6.94444vw;
  border-radius: 0.26455vw;
  position: relative;
  background: url(../images/placeholder.png) no-repeat;
  background-color: #f3f3f3;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  margin-right: 1.19048vw
}

.courseItemColumn .coverpic .hasVideo {
  width: 1.98413vw;
  height: 1.98413vw;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto
}

.courseItemColumn .courseInfo {
  margin: 0;
  padding: 0;
  height: auto
}

.bimenhui_Angle,
.briefing_angle,
.bimenhui_Angle2,
.bimenhui_Angle3 {
  position: absolute;
  right: 0;
  top: 0;
  width: 2.6455vw;
  border-radius: 0 0 0.08rem 0.08rem
}

.courseItem2 {
  width: 90%;
  position: relative;
  margin: 0.99206vw 2.5%;
  background-color: white;
  box-shadow: 0 0.13228vw 0.66138vw 0 rgba(0, 0, 0, 0.2);
  border-radius: 0.39683vw;
  padding: 1.32275vw 2.5%;
  overflow: hidden
}

.upperCourseName {
  width: 80%;
  float: left;
  line-height: 2.6455vw;
  font-size: 1.0582vw;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.toGetLock {
  display: block;
  line-height: 2.6455vw;
  color: #fff;
  float: right;
  cursor: pointer;
  font-size: 0.92593vw;
  background: #f28c00;
  padding: 0 1.32275vw;
  border-radius: 1.32275vw
}

.to__Report_ul_wordBox {
  width: 90%;
  height: 16.53439vw;
  overflow: hidden;
  overflow-y: scroll;
  margin: auto
}

.to__Report_ul_wordBox::-webkit-scrollbar {
  display: none
}

.personalCon>.title {
  position: relative
}

.tabBarWrapRend {
  overflow-x: scroll;
  white-space: nowrap;
  display: flex;
  scrollbar-width: none;
  -ms-overflow-style: none;
  width: 100%;
  display: flex;
  align-items: center
}

.tabBarWrapRend::-webkit-scrollbar {
  display: none
}

.tabBarWrapRendBox::-webkit-scrollbar {
  display: none
}

.moreDealerTab {
  float: right;
  width: 3.96825vw;
  height: 3.30688vw;
  line-height: 3.30688vw;
  text-align: center;
  text-indent: 0;
  font-size: 0.92593vw;
  cursor: pointer;
  color: #666
}

.moreDealerTabBox {
  position: absolute;
  right: 0;
  width: 48.28042vw;
  background-color: rgba(0, 0, 0, 0.7);
  overflow: hidden;
  z-index: 99;
  line-height: 3.43915vw;
  display: none;
  bottom: inherit
}

.moreDealerTabImg {
  position: absolute;
  top: min(max(9.600000000000001px, 0.79365vw), 12px);
  right: min(max(20px, 1.65344vw), 25px);
  cursor: pointer;
  width: min(max(30.400000000000002px, 2.51323vw), 38px);
  height: min(max(30.400000000000002px, 2.51323vw), 38px)
}

.moreDealerTab:hover .moreDealerTabBox {
  display: block
}

.tabBarWrapRend li,
.moreDealerTabBox li {
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin-top: min(max(12px, 0.99206vw), 15px);
  width: 100%
}

.tabBarWrapRend li .activeTab,
.moreDealerTabBox li .activeTab {
  display: block;
  background-image: url("../module/account/img/active-jt.png");
  background-size: cover;
  background-position: center;
  width: min(max(37.6px, 3.10847vw), 47px);
  height: min(max(7.2px, 0.59524vw), 9px);
  left: 20%
}

.moreDealerTabBox li {
  float: left
}

.tabBarWrapRend li.active span,
.moreDealerTabBox li.active span {
  display: block
}

.tabBarWrapRend li p,
.moreDealerTabBox li p {
  line-height: min(max(28px, 2.31481vw), 35px);
  padding: 0 min(max(6.4px, 0.5291vw), 8px) min(max(8px, 0.66138vw), 10px);
  font-weight: 600;
  font-size: 1.0582vw;
  color: #62666a
}

.moreDealerTabBox li p {
  color: #ffffff
}

.moreDealerTabBox li p:hover {
  color: #f28c00
}

.tabBarWrapRend li span,
.moreDealerTabBox li span {
  display: none;
  position: absolute;
  left: 0%;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  width: 50%;
  height: 0.13228vw;
  border-radius: 0.13228vw;
  background: linear-gradient(135deg, #ffa934 0%, #f28c00 100%)
}

.headBriefWord {
  font-size: 0.99206vw;
  font-weight: 500;
  text-indent: 1.5873vw;
  color: #333;
  padding-top: 1.71958vw
}

.briefingDetailListBox .briefingList {
  width: 14.02116vw;
  display: inline-block;
  margin-right: 1.32275vw
}

.briefingDetailListBox .briefingList:nth-of-type(5n) {
  margin-right: 0
}

.briefingDetailListBox .briefingList .coverpic {
  position: relative;
  width: 14.02116vw;
  height: 6.81217vw;
  border-radius: 0.08rem;
  background: url(../images/placeholder.png) no-repeat;
  background-color: #f3f3f3;
  background-size: cover;
  background-position: center
}

.briefingDetailListBox .briefingList .coverpic .hasVideo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.98413vw;
  height: 1.98413vw;
  border-radius: 50%;
  overflow: hidden
}

.briefingDetailListBox .countdownTime {
  font-size: 0.79365vw;
  font-weight: 500;
  color: #999999;
  margin-top: 0.19841vw
}

.briefingDetailListBox .countdownTime .color_C98C51 {
  color: #c98c51
}

.briefingDetailListBox .payState {
  float: right
}

.briefingDetailListBox .countdownTime .countdownTime_imgIcon {
  vertical-align: middle;
  width: 0.59524vw;
  margin-right: 0.19841vw;
  margin-bottom: 0.13228vw
}

.briefing_charge_icon {
  position: absolute;
  left: min(max(8px, 0.66138vw), 10px);
  top: min(max(5.6000000000000005px, 0.46296vw), 7px);
  width: 1.98413vw
}

.tabBarWrapRendBox {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  border-bottom: min(max(0.8px, 0.06614vw), 1px) solid #d8d8d8
}

.courseItem .coverpic .member-tag {
  position: absolute;
  top: 0;
  right: min(max(8.8px, 0.72751vw), 11px);
  transform: translate(0, -50%);
  width: min(max(36.800000000000004px, 3.04233vw), 46px);
  height: min(max(16px, 1.32275vw), 20px)
}

.courseItem .coverpic .live-tag,
.courseItem .coverpic .share-tag {
  position: absolute;
  top: 0;
  right: min(max(8.8px, 0.72751vw), 11px);
  transform: translate(0, -50%);
  height: min(max(19.200000000000003px, 1.5873vw), 24px);
  line-height: min(max(19.200000000000003px, 1.5873vw), 24px);
  border-radius: min(max(6.4px, 0.5291vw), 8px);
  padding: 0 min(max(8px, 0.66138vw), 10px);
  font-weight: 600;
  font-size: min(max(9.600000000000001px, 0.79365vw), 12px);
  color: #ffffff;
  background: #00457c;
  width: auto
}

.courseItem .coverpic .share-tag {
  background: #00ad7c
}

.courseItem .coverpic .isFeiyong {
  width: min(max(35.2px, 2.91005vw), 44px);
  height: min(max(20.8px, 1.71958vw), 26px);
  position: absolute;
  top: min(max(8px, 0.66138vw), 10px);
  left: min(max(7.2px, 0.59524vw), 9px)
}

.courseItem .btnAndDate {
  margin-top: min(max(8px, 0.66138vw), 10px)
}

.courseItem .btnAndDate .status {
  font-weight: 600;
  font-size: min(max(8.8px, 0.72751vw), 11px);
  color: #878787;
  line-height: min(max(22.400000000000002px, 1.85185vw), 28px);
  padding: 0 min(max(9.600000000000001px, 0.79365vw), 12px);
  height: min(max(22.400000000000002px, 1.85185vw), 28px);
  background: #eeeeee;
  border-radius: min(max(5.6000000000000005px, 0.46296vw), 7px);
  margin-right: min(max(12px, 0.99206vw), 15px)
}

.courseItem .btnAndDate .onPlaying {
  height: min(max(22.400000000000002px, 1.85185vw), 28px);
  background: linear-gradient(21deg, rgba(170, 17, 44, 0.5) 0%, #aa112c 100%), rgba(240, 154, 37, 0.15);
  border-radius: min(max(5.6000000000000005px, 0.46296vw), 7px);
  padding: 0 min(max(8px, 0.66138vw), 10px);
  font-weight: 600;
  font-size: min(max(8.8px, 0.72751vw), 11px);
  color: #ffffff;
  display: flex;
  align-items: center;
  margin-right: min(max(15.200000000000001px, 1.25661vw), 19px)
}

.courseItem .btnAndDate .date {
  margin-top: 0
}