body {
  background: #F8F9FA;
}

.uw-detail {
  background: url("../images/talentdetailbg.png") no-repeat 0 0;
  background-size: 100% auto;
}
@media (max-width: 767px) {
  .uw-detail {
    background: url("../images/casedetailbgmobile.png") no-repeat 0 0;
    background-size: 100% auto;
  }
}
.uw-detail__router {
  width: 100%;
  left: 0;
  position: absolute;
  top: calc(-1 * clamp(32px, 3.4285714286vw, 48px) + -1 * clamp(16px, 2.2857142857vw, 32px));
}
.uw-detail__router p,
.uw-detail__router p a {
  font-weight: 400;
  font-size: clamp(12px, 1vw, 14px);
  color: #ffffff;
}
.uw-detail__router .btns {
  width: clamp(89px, 9.2857142857vw, 130px);
  height: clamp(32px, 3.4285714286vw, 48px);
  background: #0070f2;
  border-radius: 0;
  font-size: clamp(12px, 1vw, 14px);
  color: #fff;
}
.uw-detail__router .btns img {
  width: clamp(16px, 1.4285714286vw, 20px);
  height: clamp(16px, 1.4285714286vw, 20px);
  margin-right: 6px;
}
.uw-detail__box {
  background-color: #fff;
  padding: clamp(16px, 4.5714285714vw, 64px) clamp(16px, 6.4285714286vw, 90px);
  margin-top: clamp(84px, 14vw, 196px);
  position: relative;
}
.uw-detail__box .richtext > h2 {
  font-weight: 700;
  font-size: clamp(18px, 2.2857142857vw, 32px);
  color: #333333;
  border-bottom: 1px solid #E5E7EB;
  position: relative;
  padding-bottom: 32px;
}
.uw-detail__box .richtext > h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 48px;
  height: 3px;
  background: #0070F2;
}
.uw-detail__box .content {
  margin-top: clamp(16px, 2.2857142857vw, 32px);
}
@media (max-width: 767px) {
  .uw-detail__box .content {
    flex-direction: column;
  }
}
.uw-detail__box .content .left {
  flex: 1;
}
.uw-detail__box .content .left > .top {
  background: #F8F9FA;
  padding: clamp(16px, 2.2857142857vw, 32px);
}
.uw-detail__box .content .left > .top .lefts .top h2 {
  font-weight: 700;
  font-size: clamp(16px, 1.7142857143vw, 24px);
  color: #333333;
  margin-right: clamp(10px, 1.4285714286vw, 20px);
}
.uw-detail__box .content .left > .top .lefts .top span {
  font-weight: 700;
  font-size: clamp(16px, 1.7142857143vw, 24px);
  color: #0070F2;
}
.uw-detail__box .content .left > .top .lefts .tag {
  gap: clamp(12px, 2.2857142857vw, 32px);
  margin-top: clamp(10px, 1.1428571429vw, 16px);
  margin-bottom: clamp(14px, 1.7142857143vw, 24px);
}
.uw-detail__box .content .left > .top .lefts .tag span {
  font-weight: 400;
  font-size: clamp(12px, 1vw, 14px);
  color: #666666;
  line-height: 1;
  margin-left: clamp(2px, 0.2857142857vw, 4px);
}
.uw-detail__box .content .left > .top .lefts .label {
  gap: clamp(6px, 0.5714285714vw, 8px);
}
.uw-detail__box .content .left > .top .lefts .label span {
  padding: clamp(4px, 0.5714285714vw, 8px) clamp(8px, 0.8571428571vw, 12px);
  background: #EDF2F7;
  font-weight: 400;
  font-size: clamp(11px, 1vw, 14px);
  color: #333333;
}
.uw-detail__box .content .left > .top .rights .time {
  font-weight: 400;
  font-size: clamp(12px, 1vw, 14px);
  color: #9CA3AF;
  text-align: right;
  padding-top: 4px;
}
.uw-detail__box .content .left > .top .rights .btns {
  width: clamp(84px, 9.7142857143vw, 136px);
  height: clamp(36px, 3.4285714286vw, 48px);
  background: #0070F2;
  font-weight: 500;
  font-size: clamp(12px, 1.1428571429vw, 16px);
  color: #FFFFFF;
}
@media (max-width: 767px) {
  .uw-detail__box .content .left > .top {
    flex-direction: column;
  }
  .uw-detail__box .content .left > .top .rights .time {
    text-align: left;
  }
}
.uw-detail__box .content .left .htmls {
  margin-top: clamp(16px, 2.2857142857vw, 32px);
  font-size: clamp(14px, 1vw, 14px);
}
.uw-detail__box .content .left .button {
  width: clamp(204px, 17.2142857143vw, 241px);
  height: clamp(48px, 3.7142857143vw, 52px);
  background: #0070F2;
  font-weight: 500;
  font-size: clamp(14px, 1.1428571429vw, 16px);
  color: #FFFFFF;
  margin-top: clamp(16px, 2.2857142857vw, 32px);
}
.uw-detail__box .content .left .button img {
  margin-right: clamp(3px, 0.4285714286vw, 6px);
  width: clamp(18px, 1.7142857143vw, 24px);
  height: clamp(18px, 1.7142857143vw, 24px);
}
.uw-detail__box .right {
  width: clamp(241px, 27.1428571429vw, 380px);
  flex-shrink: 0;
  margin-left: clamp(24px, 3.4285714286vw, 48px);
}
.uw-detail__box .right .right-box {
  width: 100%;
  background: #F8F9FA;
  padding: clamp(12px, 2.2857142857vw, 32px);
}
.uw-detail__box .right h3 {
  font-weight: 700;
  font-size: clamp(16px, 1.7142857143vw, 24px);
  color: #333333;
}
.uw-detail__box .right .d-flex {
  gap: clamp(10px, 1.4285714286vw, 20px);
  margin-top: clamp(16px, 2.2857142857vw, 32px);
}
.uw-detail__box .right .d-flex .d:last-child {
  border-top: 1px solid #E5E7EB;
  padding-top: clamp(16px, 2.2857142857vw, 32px);
  margin-top: clamp(16px, 2.2857142857vw, 32px);
}
.uw-detail__box .right .d-flex .d p {
  font-weight: 400;
  font-size: clamp(13px, 1vw, 14px);
  color: #9CA3AF;
  line-height: 1;
  gap: clamp(4px, 0.5714285714vw, 8px);
}
.uw-detail__box .right .d-flex .d span {
  font-weight: 500;
  font-size: clamp(14px, 1.1428571429vw, 16px);
  color: #333333;
  display: block;
  margin-top: clamp(4px, 0.5714285714vw, 8px);
}
@media (max-width: 991px) {
  .uw-detail__box {
    padding: 28px 24px;
  }
}
@media (max-width: 767px) {
  .uw-detail__box {
    padding: 16px;
  }
  .uw-detail__box .richtext {
    flex-direction: column;
  }
  .uw-detail__box .right {
    width: 100%;
    margin-left: 0;
    margin-top: 24px;
  }
  .uw-detail__box .right .right-box {
    background: #FFF;
    border: 1px solid #E5E7EB;
  }
}/*# sourceMappingURL=talentdetail.css.map */