body {
  padding-top: 0
}

.myCollection_container {
  padding-top: min(max(64px, 5.29101vw), 80px);
  margin-top: min(max(32px, 2.6455vw), 40px);
  margin-bottom: min(max(32px, 2.6455vw), 40px)
}

.myCollection_container .main-content-width {
  display: flex;
  background: none
}

.myCollection_container .main-content-width .layui-tab-content {
  border-top: none
}

.myCollection_container .main-content-width .layui-tab-title .count {
  font-size: min(max(12.8px, 1.0582vw), 16px);
  margin-left: min(max(6.4px, 0.5291vw), 8px)
}

.myCollection_container .layui-tab-content {
  padding: 0 min(max(16px, 1.32275vw), 20px)
}

.myCollection_container .mescroll {
  overflow-y: visible
}

.myCollection_container .topTab {
  display: flex;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  background: #FFFFFF;
  width: 100%;
  border-bottom: min(max(1.6px, 0.13228vw), 2px) solid #D8D8D8;
  border-top-left-radius: min(max(17.6px, 1.45503vw), 22px);
  border-top-right-radius: min(max(17.6px, 1.45503vw), 22px)
}

.myCollection_container .topTab .name {
  font-weight: 500;
  font-size: min(max(22.400000000000002px, 1.85185vw), 28px);
  color: #3D3D3D;
  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
}

.myCollection_container .topTab .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
}

.myCollection_container .layui-tab-content .content-wrap {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap
}

.myCollection_container .courseItem .coverpic {
  height: min(max(103.2px, 8.53175vw), 129px)
}

.headBriefWord {
  font-size: min(max(14.4px, 1.19048vw), 18px);
  padding-top: 0
}

.tabBarWrapRend {
  position: absolute;
  right: 0;
  top: 0;
  height: min(max(40px, 3.30688vw), 50px);
  overflow: hidden
}

.tabBarWrapRend li {
  line-height: min(max(40px, 3.30688vw), 50px);
  padding: 0 min(max(16px, 1.32275vw), 20px);
  text-indent: 0;
  position: relative;
  cursor: pointer
}

.tabBarWrapRend li.active {
  color: #F28C00;
  font-weight: 600
}

.personalCon>.title {
  position: relative
}

.tabBarWrapRend li span {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: min(max(28.8px, 2.38095vw), 36px);
  height: min(max(3.2px, 0.26455vw), 4px);
  background: linear-gradient(135deg, #FFA934 0%, #F28C00 100%);
  border-radius: min(max(2.4000000000000004px, 0.19841vw), 3px);
  display: none
}

.tabBarWrapRend li.active span {
  display: block
}

.entrance {
  display: flex;
  margin-bottom: min(max(8px, 0.66138vw), 10px);
  height: min(max(52.800000000000004px, 4.36508vw), 66px)
}

.entrance div {
  height: min(max(52.800000000000004px, 4.36508vw), 66px);
  margin-right: min(max(8px, 0.66138vw), 10px)
}

.entrance div:nth-child(3) {
  margin-right: 0
}

.entrance div img {
  height: 100%
}

.entrance .memberBox {
  cursor: pointer;
  box-sizing: border-box;
  width: min(max(344px, 28.43915vw), 430px);
  position: relative
}

.entrance .memberBox img {
  height: 109%;
  vertical-align: middle
}

.isFocusOn img {
  margin-top: min(max(6.4px, 0.5291vw), 8px) !important;
  margin-right: 0
}

.forwardingExplainPointBox img {
  margin-top: min(max(2.4000000000000004px, 0.19841vw), 3px)
}

.videoList {
  float: left;
  width: min(max(151.20000000000002px, 12.5vw), 189px);
  height: min(max(206.4px, 17.06349vw), 258px);
  border-radius: min(max(8.8px, 0.72751vw), 11px);
  margin-left: min(max(16px, 1.32275vw), 20px);
  margin-bottom: min(max(24px, 1.98413vw), 30px);
  overflow: hidden;
  position: relative;
  box-shadow: 0 0.13228vw 0.5291vw 0 rgba(0, 0, 0, 0.17);
  border-radius: 0.79365vw;
  -webkit-backdrop-filter: blur(0.66138vw);
  backdrop-filter: blur(0.66138vw);
  cursor: pointer;
  transition: all 0.2s ease-in
}

.videoList:hover {
  transform: scale(1.05)
}

.videoList .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(max(38.400000000000006px, 3.1746vw), 48px);
  height: min(max(38.400000000000006px, 3.1746vw), 48px)
}

.videoList:nth-child(5n+1) {
  margin-left: 0
}

.videoList .videoListBgImg {
  width: 100%;
  height: 100%
}

.videoList .titleBox {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: min(max(68px, 5.62169vw), 85px);
  background: linear-gradient(180deg, rgba(98, 98, 98, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  border-radius: 0 0 min(max(4px, 0.33069vw), 5px) min(max(4px, 0.33069vw), 5px)
}

.videoList .title {
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  position: absolute;
  bottom: min(max(24px, 1.98413vw), 30px);
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  padding: 0 min(max(8px, 0.66138vw), 10px);
  font-size: min(max(9.600000000000001px, 0.79365vw), 12px);
  line-height: min(max(14.4px, 1.19048vw), 18px)
}

.videoList .hitCount {
  position: absolute;
  bottom: min(max(5.6000000000000005px, 0.46296vw), 7px);
  right: min(max(8px, 0.66138vw), 10px);
  font-size: min(max(8px, 0.66138vw), 10px);
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: min(max(8px, 0.66138vw), 10px);
  background: rgba(0, 0, 0, 0.3);
  border-radius: min(max(12px, 0.99206vw), 15px)
}

.videoList .hitCount img {
  width: min(max(10.4px, 0.85979vw), 13px);
  vertical-align: middle
}