.profileHeader {
  margin-top: min(max(16px, 1.32275vw), 20px);
  padding: min(max(20px, 1.65344vw), 25px) 0;
  background: #fff;
  margin-bottom: min(max(8px, 0.66138vw), 10px);
  text-align: center
}

.clearfix {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.profileHeader .avatarBox {
  width: min(max(62.400000000000006px, 5.15873vw), 78px);
  height: min(max(62.400000000000006px, 5.15873vw), 78px);
  border-radius: 50%;
  margin: 0 auto min(max(8px, 0.66138vw), 10px)
}

.profileHeader .avatarBox img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%
}

.profileHeader .profileInfo {
  font-size: min(max(12px, 0.99206vw), 15px);
  font-weight: 500;
  color: #000;
  line-height: min(max(16px, 1.32275vw), 20px);
  margin-bottom: min(max(4px, 0.33069vw), 5px)
}

.profileHeader .userType {
  font-size: min(max(8.8px, 0.72751vw), 11px);
  font-weight: 400;
  color: #666;
  vertical-align: middle
}

.profileHeader .authen_auccount {
  font-size: min(max(8.8px, 0.72751vw), 11px);
  font-weight: 400;
  color: #666;
  line-height: min(max(13.600000000000001px, 1.12434vw), 17px);
  margin-bottom: min(max(12px, 0.99206vw), 15px)
}

.profileHeader .authen_auccount img {
  height: min(max(13.600000000000001px, 1.12434vw), 17px);
  vertical-align: top
}

.profileHeader .authenBtn {
  margin: 0 auto min(max(8px, 0.66138vw), 10px);
  width: min(max(104px, 8.59788vw), 130px);
  height: min(max(24px, 1.98413vw), 30px);
  background: #f28c00;
  border-radius: min(max(12px, 0.99206vw), 15px);
  font-size: min(max(9.600000000000001px, 0.79365vw), 12px);
  font-weight: 500;
  color: #fff;
  line-height: min(max(24px, 1.98413vw), 30px);
  text-align: center;
  cursor: pointer
}

.profileTips {
  font-size: min(max(8.8px, 0.72751vw), 11px);
  font-weight: 400;
  color: #999
}

.leftProfileMenu {
  padding: min(max(8px, 0.66138vw), 10px) 0;
  background: #fff;
  margin-bottom: min(max(6.4px, 0.5291vw), 8px)
}

.leftProfileMenu::before {
  position: absolute;
  top: min(max(-4px, -0.33069vw), -5px);
  right: min(max(16px, 1.32275vw), 20px);
  content: "";
  width: min(max(6.4px, 0.5291vw), 8px);
  height: min(max(6.4px, 0.5291vw), 8px);
  background-color: white;
  border-left: min(max(0.8px, 0.06614vw), 1px) solid #d3d3d3;
  border-top: min(max(0.8px, 0.06614vw), 1px) solid #d3d3d3;
  transform: rotate(45deg)
}

.leftProfileMenu li {
  width: min(max(180.8px, 14.94709vw), 226px);
  height: min(max(44.800000000000004px, 3.7037vw), 56px);
  background: rgba(240, 154, 37, 0.1);
  border-radius: min(max(6.4px, 0.5291vw), 8px);
  float: left;
  background-color: #fff;
  background-position: min(max(11.200000000000001px, 0.92593vw), 14px) center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  padding: 0 min(max(9.600000000000001px, 0.79365vw), 12px);
  margin-bottom: min(max(8px, 0.66138vw), 10px)
}

.leftProfileMenu li img {
  width: min(max(25.6px, 2.1164vw), 32px);
  height: min(max(25.6px, 2.1164vw), 32px);
  margin-right: min(max(6.4px, 0.5291vw), 8px);
  -o-object-fit: contain;
  object-fit: contain
}

.clearfix .num {
  text-align: center;
  width: min(max(20px, 1.65344vw), 25px);
  height: min(max(12px, 0.99206vw), 15px);
  background: #FF3232;
  border-radius: min(max(36.800000000000004px, 3.04233vw), 46px) min(max(36.800000000000004px, 3.04233vw), 46px) min(max(36.800000000000004px, 3.04233vw), 46px) 0;
  font-size: min(max(8.8px, 0.72751vw), 11px);
  color: #FFFFFF;
  font-weight: 500;
  border: min(max(0.8px, 0.06614vw), 1px) solid #FFFFFF
}

.leftProfileMenu li a {
  height: min(max(34.4px, 2.84392vw), 43px);
  line-height: min(max(34.4px, 2.84392vw), 43px);
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  font-weight: 400;
  color: #403d3c
}

.leftProfileMenu li.line {
  margin: min(max(7.2px, 0.59524vw), 9px) 0;
  height: min(max(0.8px, 0.06614vw), 1px);
  background: #e9e9e9;
  box-shadow: min(max(-3.2px, -0.26455vw), -4px) min(max(2.4000000000000004px, 0.19841vw), 3px) min(max(16.8px, 1.38889vw), 21px) 0 rgba(0, 0, 0, 0.18)
}

.leftProfileMenu li.active,
.leftProfileMenu li:hover {
  width: min(max(180.8px, 14.94709vw), 226px);
  height: min(max(44.800000000000004px, 3.7037vw), 56px);
  background: rgba(240, 154, 37, 0.1);
  border-radius: min(max(6.4px, 0.5291vw), 8px)
}

.leftProfileMenu li.active a,
.leftProfileMenu li a:hover {
  color: #F28C00
}

.leftProfileMenu li.item3 {
  width: min(max(48px, 3.96825vw), 60px);
  text-align: center;
  float: left;
  border-left: min(max(0.8px, 0.06614vw), 1px) solid #e9e9e9
}

.leftProfileMenu li.item3:first-child {
  border: 0
}

.leftProfileMenu li.item3 span {
  display: block;
  padding-top: min(max(3.2px, 0.26455vw), 4px);
  font-size: min(max(16px, 1.32275vw), 20px)
}

.leftProfileMenu li.item3 span:nth-child(1) {
  padding-top: 0
}

.leftProfileMenu li.item3 span:last-child {
  line-height: min(max(16px, 1.32275vw), 20px);
  font-size: min(max(11.200000000000001px, 0.92593vw), 14px);
  font-weight: 400
}

.leftProfileMenu li.item3.active,
.leftProfileMenu li.item3:hover {
  background-color: transparent
}

.leftProfileMenu li.item3 a {
  text-indent: 0;
  height: min(max(32px, 2.6455vw), 40px);
  line-height: min(max(16px, 1.32275vw), 20px)
}

.personalSide {
  margin-right: min(max(16px, 1.32275vw), 20px);
  width: min(max(208px, 17.19577vw), 260px);
  background: #FFFFFF;
  box-shadow: 0 min(max(8px, 0.66138vw), 10px) min(max(22.400000000000002px, 1.85185vw), 28px) 0 rgba(0, 0, 0, 0.12);
  border-radius: min(max(9.600000000000001px, 0.79365vw), 12px)
}

.personalCon {
  flex: 1;
  background: #FFFFFF;
  box-shadow: 0 min(max(8px, 0.66138vw), 10px) min(max(22.400000000000002px, 1.85185vw), 28px) 0 rgba(0, 0, 0, 0.12);
  border-radius: min(max(9.600000000000001px, 0.79365vw), 12px)
}

.personalCon>.title {
  line-height: min(max(40px, 3.30688vw), 50px);
  background: #fff;
  font-size: min(max(14.4px, 1.19048vw), 18px);
  font-weight: 500;
  text-indent: min(max(19.200000000000003px, 1.5873vw), 24px);
  color: #333;
  margin-bottom: min(max(8px, 0.66138vw), 10px);
  border-top-left-radius: min(max(12px, 0.99206vw), 15px);
  border-top-right-radius: min(max(12px, 0.99206vw), 15px);
  padding: 0 min(max(17.6px, 1.45503vw), 22px)
}

.myCollectionList {
  padding-bottom: min(max(24px, 1.98413vw), 30px)
}

.courseList {
  margin-right: min(max(17.6px, 1.45503vw), 22px);
  padding-bottom: min(max(19.200000000000003px, 1.5873vw), 24px)
}

#listWarpId {
  background-color: white
}

.courseItems {
  padding: min(max(20.8px, 1.71958vw), 26px) min(max(14.4px, 1.19048vw), 18px)
}

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

.to__Report_ul_wordBox {
  width: 90%;
  height: min(max(200px, 16.53439vw), 250px);
  overflow: hidden;
  overflow-y: scroll;
  margin: auto
}

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