.u-wrap {
  width: 100%;
  /* width: 1860px; */
  margin: 0 auto;
  padding: 24px 0;
}
.u-aside {
  width: 286px;
  padding: 20px 0;
}
.u-article {
  flex: 1;
  /* width: 1200px; */
  padding: 20px 0;
  margin: 0 20px;
}
.u-info {
  width: 340px;
  padding: 20px;
}
.u-avatar {
  width: 124px;
  height: 166px;
  margin: 15px auto;
}
.u-info-row {
  height: 44px;
  display: flex;
  align-items: center;
  font-size: 15px;
  color: #333;
}
.u-info-row:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}
.u-5em {
  width: 5em;
  text-align: justify;
  text-align-last: justify;
}

/* 内容 */
.u-hd {
  position: relative;
  padding: 0 35px;
  display: flex;
}
.u-hd::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #dbdbdb;
  transform: scaleY(0.5);
}
.u-h5 {
  height: 46px;
  font-size: 17px;
  font-weight: 500;
  margin-right: 50px;
  cursor: pointer;
}
.u-h5.cut {
  border-bottom: 2px solid var(--primary);
}
.u-bd {
  padding: 20px 50px;
  max-height: 720px;
  overflow-y: auto;
}
.u-bm-tags {
  display: flex;
  justify-content: flex-end;
  column-gap: 8px;
}
.a6-bg {
  background-color: #c4c4c4;
  color: #fff;
}
.u-title::before {
  content: "";
  width: 3px;
  height: 18px;
  margin-right: 10px;
  background-color: var(--primary);
}

.u-item1 {
  padding: 20px 0 14px;
  border-bottom: 1px solid #dedede;
}
.u-img1 {
  width: 180px;
  height: 100px;
  margin-right: 24px;
}
.u-prog-bar {
  position: relative;
  overflow: hidden;
  margin-right: 12px;
  width: 326px;
  height: 8px;
  border-radius: 30px;
  background-color: rgba(255, 141, 26, 0.1);
}
.u-prog {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-radius: 30px;
  background-color: var(--orange);
  transition: all 0.3s;
}

/* 学习统计 | 学习评教 */
.u-tj-tabs {
  margin: 20px 0;
  display: flex;
  gap: 20px;
}
.u-tj-tab {
  width: 260px;
  height: 116px;
  display: flex;
}
.u-tab-bg:nth-child(1) {
  background-color: rgba(125, 127, 247, 0.05);
}
.u-tab-bg:nth-child(2) {
  background-color: rgba(255, 140, 26, 0.05);
}
.u-tab-bg:nth-child(3) {
  background-color: rgba(251, 143, 140, 0.05);
}
.u-tab-bg:nth-child(4) {
  background-color: rgba(67, 207, 124, 0.05);
}
.u-tab-bd {
  border: 1px solid #a6a6a6;
  color: #a6a6a6;
  cursor: pointer;
}
.u-tab-bd:hover {
  color: var(--primary);
}
.u-tab-bd.current {
  border-color: transparent;
  background-color: var(--primary);
  color: #fff;
}

/* 评教 我的证书 */
.u-require::before {
  content: "*";
  color: #ff5733;
}
.u-certs {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 36px;
}
.o-order-tr {
  display: grid;
  grid-template-columns: 30% 30% 13% 12% 15% ;
  align-items: center;
  word-break: break-all;
}
.u-order-popup, .u-invoice-popup {
  display: none;
  width: 600px;
  padding: 0 50px;
  background-color: #fff;
}
.layui-form-label {
  padding: 9px 0;
}
.u-order-form-item {
  width: 100%;
  height: 60px;
  border: 1px solid #ebebeb;
  padding: 0 14px;
  margin-bottom: 10px;
}
.u-order-form-item input {
  flex: 1;
  font-size: 16px;
  line-height: 2;
}

.u-no-read::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #ff5733;
  vertical-align: text-top;
}