.counter-timer[data-v-765fc28f] {
  text-align: left;
  font-size: 14px;
  color: #848494;
}
.price-div[data-v-765fc28f] {
  font-weight: 600;
  font-size: 32px;
  color: #262626;
}
.weChatPay-img-style[data-v-765fc28f] {
  width: 24px;
  height: 24px;
}
.order-detail[data-v-765fc28f] {
  font-weight: 400;
  font-size: 14px;
  color: #262626;
}
.union-container[data-v-765fc28f] {
  position: relative;
  display: inline-block;
}
.union-img-style[data-v-765fc28f] {
  width: 164px;
}
.qrcode-overlay[data-v-765fc28f] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.pay-text[data-v-765fc28f] {
  font-size: 12px;
  color: #1890ff;
}
.user-center[data-v-2325ec4c] {
  margin: auto;
  width: 1180px;
  background: #fff;
}
.user-center .user-center-top[data-v-2325ec4c] {
  min-height: 68px;
  display: flex;
  padding: 24px;
  border-bottom: 1px solid #e7e7e7;
}
.user-center .user-center-top .userInfo-avatar[data-v-2325ec4c] {
  overflow: hidden;
  width: 68px;
  height: 68px;
  border-radius: 60px;
}
.user-center .user-center-bottom[data-v-2325ec4c] {
  display: flex;
  height: 524px;
}
.user-center .user-center-bottom .user-center-bottom-left[data-v-2325ec4c] {
  width: 220px;
  border-right: 1px solid #e7e7e7;
}
.user-center .user-center-bottom .user-center-bottom-left .item-active[data-v-2325ec4c] {
  height: 56px;
  background: #eff7f0;
  border-left: 2px solid #35a141;
  display: flex;
  align-items: center;
  justify-content: left;
  padding-left: 24px;
  cursor: pointer;
  color: #3DAB4A;
  font-weight: bold;
}
.user-center .user-center-bottom .user-center-bottom-left .item[data-v-2325ec4c] {
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: left;
  padding-left: 24px;
  cursor: pointer;
  font-weight: bold;
}
.user-center .user-center-bottom .user-center-bottom-right[data-v-2325ec4c] {
  flex: 1;
  padding: 32px;
}
.user-center .user-center-bottom .user-center-bottom-right .classroomCover-img[data-v-2325ec4c] {
  width: 149px;
  height: 84px;
  border-radius: 2px;
}
.user-center .user-center-bottom .user-center-bottom-right .courseCover-img[data-v-2325ec4c] {
  width: 238px;
  height: 158px;
  border-radius: 4px;
}
.user-center .user-center-bottom .user-center-bottom-right .search-width[data-v-2325ec4c] {
  width: 102px;
}
.user-center .user-center-bottom .user-center-bottom-right .myClassList-scroll[data-v-2325ec4c] {
  overflow-y: auto;
  height: 450px;
}
.user-center .user-center-bottom .user-center-bottom-right .myClassList-div[data-v-2325ec4c] {
  padding: 16px;
  display: flex;
  margin-bottom: 16px;
  height: 84px;
  border-radius: 4px;
  border: 1px solid #e7e7e7;
}
.user-center .user-center-bottom .user-center-bottom-right .orderList-div[data-v-2325ec4c] {
  width: 238px;
  height: 274px;
  background: #ffffff;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.02);
  border-radius: 8px;
  padding: 12px;
}
.user-center .user-center-bottom .user-center-bottom-right .orderList-name-div[data-v-2325ec4c] {
  width: 238px;
  height: 48px;
  font-weight: 500;
  font-size: 16px;
  color: #1e1f24;
  margin-top: 8px;
  text-align: left;
}
.user-center .user-center-bottom .user-center-bottom-right .certificationList-div[data-v-2325ec4c] {
  width: 364px;
  height: 194px;
  background: #f7fbf7;
  background-image: url(../img/certificationBg.e2694481.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.user-center .user-center-bottom .user-center-bottom-right .certificationName-div[data-v-2325ec4c] {
  width: 304px;
  height: 48px;
  font-size: 16px;
  color: #333333;
  margin: auto;
  margin-top: 44px;
  font-weight: 500;
}
.user-center .user-center-bottom .user-center-bottom-right .course-img-style[data-v-2325ec4c] {
  width: 149px;
  height: 84px;
  border-radius: 2px;
}
.user-center .user-center-bottom .user-center-bottom-right .classroomName-div[data-v-2325ec4c] {
  width: 643px;
  height: 48px;
}
.user-center .user-center-bottom .user-center-bottom-right .course-input-width[data-v-2325ec4c] {
  width: 144px;
}
.user-center .user-center-bottom .user-center-bottom-right .course-status-div[data-v-2325ec4c] {
  display: flex;
  align-items: center;
  width: 198px;
  height: 32px;
  background: #f3f4f6;
  color: #848494;
  border-radius: 2px;
  border: 1px solid #f3f4f6;
}
.user-center .user-center-bottom .user-center-bottom-right .course-status[data-v-2325ec4c] {
  width: 66px;
  cursor: pointer;
}
.user-center .user-center-bottom .user-center-bottom-right .course-status-active[data-v-2325ec4c] {
  background: #ffffff;
  color: #3DAB4A;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}