body {
  /* height: 100vh !important; */
  overflow: visible !important;
  padding-right: 0 !important;
}

.personalCenter {
  padding-top: 6.4583vw;
  padding-bottom: 4.1667vw;
  margin: 0 auto;
  max-width: 75vw;
  display: flex;
  position: relative;
}

.personalCenter .personalCenter-left {
  width: 14.5833vw;
  /* height: 42.1875vw; */
  height: auto;
  margin-right: 0.8333vw;
  background: rgb(58, 102, 251, 0.05);
}

.personalCenter .loading-indicator-down {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  top: 0;
  right: 0;
  padding-right: 0.7292vw;
  border-radius: 1.5625vw;
  pointer-events: none; /* 禁止点击事件 */
}
.personalCenter .loading-indicator-down .spinner {
  border: 0.2083vw solid rgba(0, 0, 0, 0.1);
  border-top: 0.2083vw solid #3a66fb;
  border-radius: 50%;
  width: 1.25vw;
  height: 1.25vw;
  animation: spin 1s linear infinite;
}

.personalCenter .personalCenter-left .personal-information {
  padding: 1.9792vw 1.25vw 2.0833vw;
}

.personalCenter .personalCenter-left .personal-information .profile-picture {
  width: 4.1667vw;
  height: 4.1667vw;
  overflow: hidden;
  border-radius: 50%;
  margin: 0 auto;
  margin-bottom: 1.0417vw;
  display: flex;
  align-items: center;
  background: #fff;
  justify-content: center;
}

.personalCenter
  .personalCenter-left
  .personal-information
  .profile-picture
  img {
  width: 3.125vw;
}

.personalCenter
  .personalCenter-left
  .personal-information
  .personal-information-text {
  display: flex;
  align-items: center;
  justify-content: center;
}

.personalCenter
  .personalCenter-left
  .personal-information
  .personal-information-text
  img {
  width: 1.25vw;
  height: 100%;
}

.personalCenter
  .personalCenter-left
  .personal-information
  .personal-information-text
  span {
  color: #9fa0a0;
  text-align: center;
  font-size: 0.625vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%;
  margin: 0 0.4167vw 0 0.2083vw;
}

.personalCenter
  .personalCenter-left
  .personal-information
  .personal-information-text
  p {
  color: #3a66fb;
  font-size: 0.625vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%;
  cursor: pointer;
}

.personalCenter .personalCenter-left .personal-information .user-name {
  color: #231815;
  text-align: center;
  font-size: 0.8333vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%;
  margin-bottom: 0.2083vw;
  margin-top: 1.094vw;
}

.personalCenter .personalCenter-left .personal-information .user-email {
  color: #231815;
  text-align: center;
  font-size: 0.625vw;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.personalCenter .personalCenter-left .tab-ul li {
  padding: 0.8333vw 1.25vw;
  color: #231815;
  font-size: 0.8333vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.4167vw;
  border-left: 0.2083vw solid transparent;
  cursor: pointer;
}

.personalCenter .personalCenter-left .tab-ul li .iconfont {
  font-size: 1.25vw;
  color: #3a66fb;
}

.personalCenter .personalCenter-left .tab-ul li.active {
  background: #fff;
  border-left: 0.2083vw solid #3a66fb;
  color: #3a66fb;
}

.personalCenter .personalCenter-left .tab-ul li:hover {
  background: #fff;
  border-left: 0.2083vw solid #3a66fb;
  color: #3a66fb;
}

.personalCenter-right {
  width: 59.5833vw;
  height: 44.1667vw;
  background: rgb(58, 102, 251, 0.02);
  position: relative;
  overflow: hidden;
  overflow-y: auto;
}

.personalCenter-right::-webkit-scrollbar,
#myFavorite .myFavorite-content::-webkit-scrollbar {
  width: 0.1042vw;
}

.personalCenter-right::-webkit-scrollbar-track,
#myFavorite .myFavorite-content::-webkit-scrollbar-track {
  background: #efefef;
  border-radius: 0.5208vw;
}

.personalCenter-right::-webkit-scrollbar-thumb,
#myFavorite .myFavorite-content::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 0.5208vw;
}

.personalCenter-right::-webkit-scrollbar-button,
#myFavorite .myFavorite-content::-webkit-scrollbar-button {
  display: none !important;
}

.personalCenter-right .form-group {
  margin-bottom: 0.625vw;
}

.personalCenter-right .tabindex {
  display: none;
}

.personalCenter-right .tabindex.active {
  display: block;
}

.personalCenter-right .account {
  padding: 2.0833vw;
  color: #231815;
  display: none;
}

.personalCenter-right .account h1 {
  text-align: center;
  font-size: 1.6667vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%;
  text-transform: capitalize;
}

.personalCenter-right .account h3 {
  text-align: center;
  text-overflow: ellipsis;
  font-size: 0.8333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 2.0833vw;
  margin-top: 0.8333vw;
  font-family: "Montserrat" !important;
}

#accountInformtion .hidden {
  display: none;
}

#accountForm .col-md-2 {
  max-width: 4.8958vw;
}

#accountForm .col-md-2 select {
  padding: 0.7813vw 0.8333vw !important;
}

#accountForm .col-md-3 {
  margin-top: 1.25vw;
  flex: 1;
  max-width: unset;
}

#emailForm {
  margin-top: 4.1667vw;
}

.customForm .form-row {
  gap: 1.0417vw;
  margin-right: 0;
  margin-left: 0;
}

#accountForm .confirmDiv {
  position: relative;
  width: 0.8333vw;
  height: 0.8333vw;
}

#accountForm .confirmDiv .iconfont {
  font-size: 0.8333vw;
  line-height: 0.8333vw;
  position: absolute;
  top: 0;
}

#accountForm .confirmDiv p {
  position: absolute;
  background: #fff;
  box-shadow: 0vw 0.1042vw 1.8229vw 0vw rgba(35, 24, 21, 0.1);
  z-index: 99;
  width: 19.7917vw;
  height: 6.25vw;
  padding: 1.25vw;
  font-size: 0.625vw;
  line-height: 150%;
  bottom: 1vw;
  left: 1.0417vw;
  display: none;
}

#accountForm .confirmDiv:hover p {
  display: block;
}

#accountInformtion .form-group {
  width: 100%;
  padding: 0;
  margin-bottom: 0;
}

#accountInformtion .col-md-6 {
  width: calc(50% - 1.0417vw);
  max-width: calc(50% - 0.5208vw);
}

#accountInformtion #apply .checkbox-group {
  display: flex;
  flex-wrap: wrap;
}

#accountInformtion #apply .checkbox-group .checkbox-item {
  width: 50%;
}

#accountInformtion #apply .checkbox-group .checkbox-item .checkbox-label {
  display: flex;
  flex: 1;
}

#accountInformtion
  #apply
  .checkbox-group
  .checkbox-item
  .checkbox-label
  #otherInput {
  border: none;
  background: transparent;
  padding: 0;
  font-size: 0.625vw;
  line-height: 150%;
  height: 1.25vw;
  margin-left: 0.8333vw;
  margin-right: 0.8333vw;
  border-bottom: 0.0521vw solid #d9d9d9;
  flex: 1;
}

#accountInformtion
  #apply
  .checkbox-group
  .checkbox-item
  .checkbox-label
  .form-control:focus {
  border: none !important;
  border-bottom: 0.0521vw solid #d9d9d9 !important;
}

#changePassword {
  padding: 2.0833vw 0;
  color: #231815;
  width: 100%;
  margin: 0 auto;
}

#changePassword h2 {
  text-align: center;
  font-size: 1.6667vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%;
  text-transform: capitalize;
  margin: 0 auto;
  width: 27.0833vw;
}

#changePassword h3 {
  text-align: center;
  font-family: unset !important;
  font-size: 0.8333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin: 0.8333vw auto 2.0833vw;
  width: 27.0833vw;
}

#changePasswordForm {
  width: 27.0833vw;
  margin: 0 auto;
}

#changePasswordForm .input-remind {
  color: rgba(35, 24, 21, 0.4);
  font-size: 0.625vw;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-top: 0.4167vw;
}

#changePasswordForm .email-box {
  position: relative;
}

#changePasswordForm .email-box .verify {
  position: absolute;
  top: 0;
  right: 0;
  background: #3a66fb;
  height: 2.5vw;
  padding: 0 2.3438vw 0 2.0313vw;
  font-size: 0.8333vw;
  color: #fff;
  cursor: pointer;
  min-width: 6.875vw;
  text-align: center;
}

#changePasswordForm .input-group {
  position: relative;
}

#changePasswordForm .input-group .toggle-password {
  position: absolute;
  top: 0.625vw;
  right: 0.8333vw;
  font-size: 1.25vw;
  height: 1.25vw;
  width: 1.25vw;
  cursor: pointer;
  z-index: 999;
}

#myFavorite {
  margin: 2.0833vw 0 0 2.0833vw;
}

#myFavorite h2 {
  color: #231815;
  text-align: center;
  font-size: 1.6667vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%;
  text-transform: capitalize;
}

#myFavorite ul {
  display: flex;
  align-items: center;
  gap: 2.0833vw;
  border-bottom: 0.0521vw solid #e6e9f4;
  margin-top: 2.0833vw;
}

#myFavorite ul li {
  color: #231815;
  font-size: 0.8333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding-bottom: 0.8333vw;
  position: relative;
  cursor: pointer;
}

#myFavorite ul li:hover {
  color: #3a66fb;
  font-family: "Montserrat-SemiBold" !important;
}

#myFavorite ul li.active {
  color: #3a66fb;
  font-family: "Montserrat-SemiBold" !important;
}

#myFavorite ul li.active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.0521vw;
  height: 0.0521vw;
  background-color: #3a66fb;
  transform: scaleX(1);
}

#myFavorite ul li.hover-effect::after {
  bottom: -0.0521vw;
}

#myFavorite .myFavorite-content {
  max-height: 33.3854vw;
  overflow: auto;
}

#myFavorite .myFavorite-content > div {
  display: none;
}

#myFavorite .myFavorite-content > div.active {
  display: flex;
  flex-wrap: wrap;
}

#myFavorite #productsBox {
  gap: 0.8333vw;
  margin: 0.4167vw 0;
  flex-wrap: wrap;
  padding-right: 2.0833vw;
}

#myFavorite #productsBox .product-item {
  flex: 0 0 calc((100% - 3 * 0.8333vw) / 4);
  width: calc((100% - 3 * 0.8333vw) / 4);
  color: #231815;
  padding: 2.0833vw 1.25vw;
  background: #fff;
  height: fit-content;
  text-align: center;
  position: relative;
  cursor: pointer;
}

#myFavorite #productsBox .product-item a {
  width: 100%;
}

#myFavorite .closedClick {
  position: absolute;
  top: 0;
  right: 0.2083vw;
  /* padding: 0 0.5208vw; */
  cursor: pointer;
  font-size: 1.25vw;
  font-weight: bold;
  height: 1.25vw;
  line-height: 1.25vw;
}

#myFavorite #productsBox .product-item .title {
  color: #231815;
  text-overflow: ellipsis;
  font-size: 0.9375vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%;
  text-transform: capitalize;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: left;
  height: 2.9167vw;
}

#myFavorite #productsBox .product-item .description {
  color: #231815CC;
  font-size: 0.9375vw;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
  margin: 0.4167vw 0 1.3542vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#myFavorite #productsBox .product-item img {
  width: 4.5833vw;
  height: 4.5833vw;
  object-fit: cover;
}

#myFavorite #productsBox .product-item:hover img {
  transform: scale(1.2);
}

#myFavorite #productsBox .product-item:hover .title,
#myFavorite #productsBox .product-item:hover .description {
  color: #3a66fb;
}

#myFavorite #news {
  gap: 0.8333vw;
  margin: 0.4167vw 0;
  padding-right: 1.9792vw;
}

#myFavorite #news .news-item {
  width: calc((100% - 2 * 0.8333vw) / 3);
  padding: 1.25vw;
  background: #fafafa;
  color: #231815;
  cursor: pointer;
  position: relative;
}

#myFavorite #news .news-item img {
  width: 100%;
  object-fit: cover;
  height: 8.6458vw;
}

#myFavorite #news .news-item .day {
  font-size: 0.7292vw;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin: 1.25vw 0 0.8333vw;
}

#myFavorite #news .news-item .title {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.25vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 1.875vw;
  text-transform: capitalize;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 1.25vw;
  height: 5.625vw;
}

#myFavorite #news .news-item .more {
  font-size: 0.8333vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%;
  display: flex;
  align-items: center;
  gap: 0.2083vw;
}

#myFavorite #news .news-item .more .iconfont {
  font-size: 1.25vw;
}

#myFavorite .blogs-successCase {
  display: none;
  gap: 0.8333vw;
  margin: 0.4167vw 0;
  padding-right: 2.0833vw;
}

#myFavorite .blogs-successCase .blogs-successCase-item {
  flex: 0 0 calc((100% - 2 * 1.25vw) / 3);
  max-width: calc((100% - 2 * 1.25vw) / 3);
  padding: 1.25vw;
  background: #fafafa;
  color: #231815;
  cursor: pointer;
  position: relative;
}

#myFavorite .blogs-successCase .blogs-successCase-item img {
  width: 100%;
  height: 8.6458vw;
}

#myFavorite .blogs-successCase .blogs-successCase-item .day {
  font-size: 0.7292vw;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin: 1.25vw 0 0.7292vw;
}

#myFavorite .blogs-successCase .blogs-successCase-item .title {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.25vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%;
  text-transform: capitalize;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 0.8333vw;
}

#myFavorite #events {
  gap: 0.8333vw;
  margin: 0.4167vw 0;
  padding-right: 2.0833vw;
}

#myFavorite #events .event-item {
  flex: 0 0 calc((100% - 2 * 1.25vw) / 3);
  max-width: calc((100% - 2 * 1.25vw) / 3);
  position: relative;
  padding: 1.25vw;
  background: #fafafa;
  color: #231815;
}

#myFavorite #events .event-item video {
  width: 100%;
}

#myFavorite #events .event-item .title {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.9375vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%;
  text-transform: capitalize;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 2.0833vw 0;
}

#myFavorite #events .event-item .location {
  font-size: 0.8333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: flex;
  align-items: center;
  gap: 0.4167vw;
  margin-bottom: 0.8333vw;
}

#myFavorite #events .event-item .location .iconfont {
  font-size: 1.1458vw;
}

#myFavorite #events .event-item .time {
  font-size: 0.8333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: flex;
  align-items: center;
  gap: 0.4167vw;
}

#myFavorite #events .event-item .time .iconfont {
  font-size: 1.1458vw;
}

#myFavorite #videos {
  gap: 0.8333vw;
  padding-right: 1.9792vw;
  margin: 0.4167vw 0;
}

#myFavorite #videos .video-item {
  width: calc((100% - 2 * 0.8333vw) / 3);
  position: relative;
  padding: 1.25vw;
  background: #fafafa;
  color: #231815;
}

#myFavorite #videos .video-item video {
  width: 100%;
}

#myFavorite #videos .video-item .day {
  margin: 1.25vw 0 0.8333vw;
  font-size: 0.7292vw;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

#myFavorite #videos .video-item .title {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.9375vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%;
  text-transform: capitalize;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 0.8333vw;
  height: 3.75vw;
}
.career-content .no-data,
#myFavorite .no-data {
  width: 100%;
  text-align: center;
  padding: 4.6875vw;
  color: #9fa0a0;
  font-size: 0.9375vw;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.career-content .no-data img,
#myFavorite .no-data img {
  width: 40%;
}
.career-content .no-data p,
#myFavorite .no-data p {
  margin-top: 0.9375vw;
}
.viewmore {
  display: flex;
  align-items: center;
}
.viewmore h2 {
  color: #231815;
  font-family: "Montserrat-SemiBold";
  /* Large2-S-16 */
  font-size: 0.9375vw !important;
  font-style: normal;
  line-height: 150%; /*  */
}
.viewmore .iconfont {
  color: #231815;
  /* Large2-S-16 */
  font-size: 0.9375vw;
  margin-left: 0.2083vw;
  font-weight: 600;
}
.video-item:hover .day,
.video-item:hover .title,
.video-item .viewmore:hover h2,
.video-item .viewmore:hover .iconfont {
  color: #3a66fb !important;
}
#myFavorite .video-cover {
  width: 100%;
  height: 8.6458vw;
  position: relative;
}
#myFavorite .video-cover.has-video {
  cursor: pointer;
}
#myFavorite .video-cover.isPoint {
  cursor: auto;
}
#myFavorite .video-cover img {
  width: 100%;
  height: 100%;
}

#myFavorite .video-cover .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2.0833vw;
  height: 2.0833vw;
  background: #3a66fb;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}
#myFavorite .video-cover .play-button:hover {
  background: rgb(53, 86, 205);
}
#myFavorite .video-cover .iconfont {
  font-size: 0.8333vw;
  line-height: 0.8333vw;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.modal-open #myModal {
  position: absolute;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: rgba(35, 24, 21, 0.6);
  z-index: 999;
  /* height: 100vh; */
}

.personalCenter-right .modal.show .modal-dialog {
  margin: 0;
  width: 27.0833vw;
  max-width: 27.0833vw;
}

.personalCenter-right .modal-dialog {
  display: flex;
  align-items: center;
  justify-content: center;
  height: -webkit-fill-available;
}

.personalCenter-right .modal-content {
  border-radius: 1.25vw;
}

.personalCenter-right .modal-header {
  border-bottom: none;
  padding: 0.7813vw 1.25vw 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.personalCenter-right .modal-header .close {
  cursor: pointer;
  opacity: 1;
  margin: -0.7813vw -1.25vw;
}

.personalCenter-right .modal-header .close .iconfont {
  font-size: 1.25vw;
}

.personalCenter-right .modal-body {
  padding: 1.6667vw 4.1667vw 2.0833vw;
  text-align: center;
  color: #231815;
}

.personalCenter-right .modal-body img {
  width: 2.0833vw;
  height: 2.0833vw;
}

.personalCenter-right .modal-body h3 {
  margin: 2.0833vw 0 0.8333vw;
  text-align: center;
  font-size: 1.25vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%;
  text-transform: capitalize;
}

.personalCenter-right .modal-body p {
  text-align: center;
  font-size: 0.7292vw;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.personalCenter-right .modal-footer {
  border-top: none;
  align-items: center;
  justify-content: center;
  gap: 2.0833vw;
  padding-top: 0;
  padding-bottom: 4.1667vw;
}

.personalCenter-right .modal-footer p {
  /* width: 7.7083vw; */
  padding: 0.4167vw 2.0833vw;
  border: 0.0521vw solid #231815;
  border-radius: 1.25vw;
  color: #231815;
  text-align: center;
  font-size: 0.8333vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%;
  margin: 0;
  cursor: pointer;
}

.personalCenter-right .modal-footer p:hover {
  background: #3a66fb;
  border: 0.0521vw solid #3a66fb;
  color: #fff;
}
.news-list-box {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8333vw;
  padding-right: 2.0833vw;
  margin-top: 0.4167vw;
}
.news-content {
  padding: 1.25vw;
  background: #fafafa;
}
.news-content .title-box {
  margin: 1.25vw 0 0;
}

.news-list-box .news-content {
  width: calc((100% - 1.6667vw) / 3);
  padding: 1.25vw;
  background: #fafafa;
  transition: all 0.3s ease;
  position: relative;
}
.news-content:hover a .title-box .time,
.news-content:hover a .news-txt .news-name {
  color: #3a66fb !important;
}
.news-content .news-img {
  display: block;
  width: 100%;
  overflow: hidden;
  object-fit: cover;
  transition: all 0.3s;
}
.news-content .news-txt .news-date {
  margin-top: 1.25vw;
  font-size: 0.8333vw;
  display: flex !important;
  align-items: center;
  font-family: "Montserrat-SemiBold" !important;
}
.news-content .news-txt .news-date .iconfont {
  line-height: 1;
  font-size: 1.25vw;
  font-weight: 600;
}

.news-content .news-txt .news-date .iconfont {
  margin-left: 0.2083vw;
}
.title-box .action p .iconfont {
  cursor: pointer;
}

.news-content .news-img.img {
  width: 100%;
  height: 8.6458vw;
}

.news-content .news-txt {
  width: 100%;
  margin-top: 0.8333vw;
  text-align: left;
  /* height: 5.625vw; */
}

.news-content .news-txt .news-name {
  color: #231815;
  /* Heading7-S-24 */
  font-family: Montserrat;
  font-size: 0.9375vw !important;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%;
  text-transform: capitalize;
  text-align: left !important;
  height: 2.9167vw !important;
  overflow: hidden;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.news-content:nth-child(3n) {
  margin-right: 0;
}
.title-box,
.title-box .time {
  display: flex;
  justify-content: space-between;
}
.title-box {
  align-items: center;
}

.title-box .time {
  color: #231815;
  font-family: Montserrat;
  font-size: 0.7292vw;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.title-box .action .iconfont {
  font-size: 1.25vw;
  margin-right: 1.25vw;
  color: #231815;
  cursor: pointer;
}
#career h2 {
  color: #231815;
  text-align: center;
  font-family: "Montserrat-SemiBold" !important;
  font-size: 1.6667vw;
  font-style: normal;
  line-height: 150%; /*  */
  text-transform: capitalize;
  margin: 2.0833vw 0;
}
.career-content {
  padding: 0 2.0833vw;
  display: flex;
  gap: 0.8333vw;
  flex-wrap: wrap;
  padding-bottom: 2.0833vw;
}
.career-box {
  width: calc((100% - 0.8333vw) / 2);
  padding: 2.0833vw 1.25vw;
  background-color: #fff;
}
.career-box a,
.career-box divcareer-box {
  width: 100%;
}
.job-link:hover .job-name {
  color: #3a66fb;
}
.job-name {
  color: #231815;
  font-size: 0.9375vw;
  font-style: normal;
  font-family: "Montserrat-SemiBold" !important;
  line-height: 150%; /* 155.556% */
  text-transform: capitalize;
  margin-bottom: 0.8333vw;
}
.action-box {
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
  margin: 2.0833vw 0;
  font-size: 0.8333vw;
  color: #231815;
  gap: 1.3021vw;
}
.action-box .action-left span {
  width: 6.8229vw;
  overflow: hidden;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  white-space: nowrap;
}
.action-box .action-right span {
  width: 12.4479vw;
  overflow: hidden;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  white-space: nowrap;
}
.action-box .action-right,
.action-box .action-left {
  /* text-overflow: ellipsis;
  overflow: hidden; */
  color: #231815;
  /* Large1-R-16 */
  font-family: Montserrat;
  font-size: 0.8333vw;
  font-style: normal;
  line-height: 150%;
  display: flex;
  gap: 0.4167vw;
  position: relative;
}
.action-box .action-left::after {
  content: "";
  position: absolute;
  right: -0.625vw;
  width: 1px;
  height: 0.625vw;
  top: 0.3125vw;
  background: #dbdbdb;
  display: block; /* 确保显示 */
}
.action-box .action-right .iconfont,
.action-box .action-left .iconfont {
  color: #231815;
  font-size: 1.1458vw;
  line-height: 1;
}
.apply-status {
  width: 100%;
  display: flex;
  padding: 0.4167vw 0.625vw;
  justify-content: center;
  align-items: center;
  border-radius: 0.2083vw;

  font-family: "Montserrat-SemiBold" !important;
  font-size: 0.8333vw;
  font-style: normal;
  line-height: 150%;
  text-transform: capitalize;
}
.applied {
  background: rgba(58, 102, 251, 0.08);
  color: #3a66fb;
}
.under-review {
  background: rgba(254, 230, 49, 0.08);
  color: #e9b404;
}
.closed {
  background: rgba(159, 160, 160, 0.08);
  color: #9fa0a0;
}
.completed {
  background: rgba(0, 189, 94, 0.08);
  color: #00bd5e;
}
@media screen and (max-width: 1440px) {
  .personalCenter-right .customForm label {
    font-size: 0.8333vw;
  }

  #accountInformtion
    #apply
    .checkbox-group
    .checkbox-item
    .checkbox-label
    #otherInput {
    font-size: 0.9722vw;
  }

  /* #myFavorite ul li {
    font-size: 1.111vw;
  } */

  #myFavorite .closedClick {
    top: 0.2777vw;
  }

  #myFavorite #productsBox .product-item {
    flex: 0 0 calc((100% - 2 * 1.1111vw) / 3);
    width: calc((100% - 2 * 1.1111vw) / 3);
    height: 20.6944vw;
  }

  #myFavorite .blogs-successCase,
  #myFavorite #news,
  #myFavorite #videos {
    gap: 1.1111vw;
  }

  #myFavorite #videos .video-item,
  #myFavorite #news .news-item,
  #myFavorite .blogs-successCase .blogs-successCase-item,
  #myFavorite #events .event-item {
    flex: 0 0 calc((100% - 1.1111vw) / 2);
    max-width: calc((100% - 1.1111vw) / 2);
    height: 27.7778vw;
    padding: 1.6666vw;
  }

  /* #myFavorite .video-cover,
  #myFavorite #news .news-item img,
  #myFavorite .blogs-successCase .blogs-successCase-item img {
    height: 11.52777vw;
  } */

  #myFavorite .blogs-successCase .blogs-successCase-item .day,
  #myFavorite #videos .video-item .day {
    font-size: 0.97222vw;
    margin: 1.6666vw 0 1.111vw;
  }

  #myFavorite #productsBox .product-item .title {
    font-size: 1.25vw;
    height: 3.888vw;
  }

  #myFavorite #productsBox .product-item .description {
    font-size: 0.97222vw;
    margin: 0.5555vw 0 1.9444vw;
  }

  #myFavorite #productsBox .product-item img {
    width: 6.1111vw;
    height: 6.1111vw;
  }

  #myFavorite #videos .video-item .title,
  #myFavorite .blogs-successCase .blogs-successCase-item .title {
    font-size: 1.6666vw;
    -webkit-line-clamp: 3;
  }
  #myFavorite #videos .video-item .title {
    height: fit-content;
  }
  #myFavorite #events .event-item .title {
    font-size: 1.25vw;
    margin: 2.7777vw 0;
    -webkit-line-clamp: 1;
  }

  #myFavorite #events .event-item .location,
  #myFavorite #events .event-item .time {
    font-size: 1.111vw;
  }

  #myFavorite #events .event-item .location {
    margin-bottom: 1.666vw;
  }
}

@media (max-width: 768px) {
  body {
    height: 100vh !important;
  }

  .personalCenter .personalCenter-left .personal-information {
    padding: 10.1333vw 6.4vw 10.6667vw;
  }

  .personalCenter .personalCenter-left .personal-information .profile-picture {
    height: 21.3333vw;
    border-radius: 50%;
    margin: 0 auto;
  }

  .personalCenter
    .personalCenter-left
    .personal-information
    .personal-information-text
    img {
    height: 6.4vw;
  }

  .personalCenter
    .personalCenter-left
    .personal-information
    .personal-information-text
    span {
    font-size: 3.2vw;
    margin: 0 2.1333vw 0 1.0667vw;
  }

  .personalCenter
    .personalCenter-left
    .personal-information
    .personal-information-text
    p {
    font-size: 3.2vw;
  }

  .personalCenter .personalCenter-left .personal-information .user-name {
    font-size: 4.2667vw;
  }

  .personalCenter .personalCenter-left .personal-information .user-email {
    font-size: 3.2vw;
  }

  .personalCenter .personalCenter-left .tab-ul li {
    padding: 4.2667vw 6.4vw;
    font-size: 4.2667vw;
  }

  .personalCenter .personalCenter-left .tab-ul li .iconfont {
    font-size: 6.4vw;
  }

  .personalCenter-right::-webkit-scrollbar-track,
  #myFavorite #productsBox::-webkit-scrollbar-track {
    border-radius: 2.6667vw;
  }

  .personalCenter-right::-webkit-scrollbar-thumb,
  #myFavorite #productsBox::-webkit-scrollbar-thumb {
    border-radius: 2.6667vw;
  }

  .personalCenter-right .account {
    padding: 10.6667vw;
  }

  .personalCenter-right .account h1 {
    font-size: 8.5333vw;
  }

  .personalCenter-right .account h3 {
    font-size: 4.2667vw;
  }

  #accountForm .col-md-2 select {
    padding: 4vw 4.2667vw !important;
  }

  #accountForm .confirmDiv {
    height: 4.2667vw;
  }

  #accountForm .confirmDiv .iconfont {
    font-size: 4.2667vw;
  }

  #accountForm .confirmDiv p {
    height: 32vw;
  }

  #accountInformtion .form-group {
    padding: 0;
  }

  #accountInformtion
    #apply
    .checkbox-group
    .checkbox-item
    .checkbox-label
    #otherInput {
    padding: 0;
    font-size: 3.2vw;
    height: 6.4vw;
  }

  #changePassword {
    padding: 10.6667vw 0 2.6667vw;
    margin: 0 auto;
  }

  #changePassword h2 {
    font-size: 8.5333vw;
    margin: 0 auto;
  }

  #changePassword h3 {
    font-size: 4.2667vw;
    margin: 4.2667vw auto 10.6667vw;
  }

  #changePasswordForm {
    margin: 0 auto;
  }

  #changePasswordForm .input-remind {
    font-size: 3.2vw;
  }

  #changePasswordForm .email-box .verify {
    height: 12.8vw;
    padding: 0 12vw 0 10.4vw;
    font-size: 4.2667vw;
  }

  #changePasswordForm .input-group .toggle-password {
    font-size: 6.4vw;
    height: 6.4vw;
  }

  #myFavorite {
    margin: 10.6667vw 10.6667vw 0;
  }

  #myFavorite h2 {
    font-size: 8.5333vw;
  }

  #myFavorite ul li {
    font-size: 4.2667vw;
  }

  #myFavorite ul li.active::after {
    height: 0.2667vw;
  }

  #myFavorite #productsBox {
    margin: 10.6667vw 0;
    height: 50vh;
  }

  #myFavorite #productsBox .product-item {
    height: fit-content;
  }

  #myFavorite .closedClick {
    padding: 0 2.6667vw;
    font-size: 6.4vw;
    height: 6.4vw;
  }

  #myFavorite #productsBox .product-item .title {
    font-size: 4.8vw;
    height: 14.9333vw;
  }

  #myFavorite #productsBox .product-item .description {
    font-size: 3.7333vw;
    margin: 2.1333vw 0 6.9333vw;
  }

  #myFavorite #productsBox .product-item img {
    height: 23.4667vw;
  }

  #myFavorite #news {
    margin: 10.6667vw 0;
  }

  #myFavorite #news .news-item {
    padding: 6.4vw;
  }

  #myFavorite #news .news-item .day {
    font-size: 3.7333vw;
    margin: 6.4vw 0 4.2667vw;
  }

  #myFavorite #news .news-item .title {
    font-size: 6.4vw;
    height: 28.8vw;
  }

  #myFavorite #news .news-item .more {
    font-size: 4.2667vw;
  }

  #myFavorite #news .news-item .more .iconfont {
    font-size: 6.4vw;
  }

  #myFavorite .blogs-successCase {
    margin: 10.6667vw 0;
  }

  #myFavorite .blogs-successCase .blogs-successCase-item {
    padding: 6.4vw;
  }

  #myFavorite .blogs-successCase .blogs-successCase-item img {
    height: 44.2667vw;
  }

  #myFavorite .blogs-successCase .blogs-successCase-item .day {
    font-size: 3.7333vw;
    margin: 6.4vw 0 3.7333vw;
  }

  #myFavorite .blogs-successCase .blogs-successCase-item .title {
    font-size: 6.4vw;
  }

  #myFavorite #events {
    margin: 6.4vw 0;
  }

  #myFavorite #events .event-item {
    padding: 6.4vw;
  }

  #myFavorite #events .event-item .title {
    font-size: 6.4vw;
    margin: 10.6667vw 0;
  }

  #myFavorite #events .event-item .location {
    font-size: 4.2667vw;
  }

  #myFavorite #events .event-item .location .iconfont {
    font-size: 5.8667vw;
  }

  #myFavorite #events .event-item .time {
    font-size: 4.2667vw;
  }

  #myFavorite #events .event-item .time .iconfont {
    font-size: 5.8667vw;
  }

  #myFavorite #videos {
    margin: 6.4vw 0;
  }

  #myFavorite #videos .video-item {
    padding: 6.4vw;
  }

  #myFavorite #videos .video-item .day {
    margin: 6.4vw 0 4.2667vw;
    font-size: 3.7333vw;
  }

  #myFavorite #videos .video-item .title {
    font-size: 6.4vw;
  }

  #myFavorite .no-data {
    font-size: 4.8vw;
  }

  #myFavorite .video-cover {
    height: 45.8667vw;
  }

  #myFavorite .video-cover img {
    height: 100%;
  }

  #myFavorite .video-cover .play-button {
    height: 10.6667vw;
    border-radius: 50%;
  }

  .personalCenter-right .modal.show .modal-dialog {
    margin: 0;
  }

  .personalCenter-right .modal-dialog {
    height: -webkit-fill-available;
  }

  .personalCenter-right .modal-content {
    border-radius: 6.4vw;
  }

  .personalCenter-right .modal-header {
    padding: 4vw 6.4vw 0;
  }

  .personalCenter-right .modal-header .close {
    margin: -4vw -6.4vw;
  }

  .personalCenter-right .modal-header .close .iconfont {
    font-size: 6.4vw;
  }

  .personalCenter-right .modal-body {
    padding: 8.5333vw 21.3333vw 10.6667vw;
  }

  .personalCenter-right .modal-body img {
    height: 10.6667vw;
  }

  .personalCenter-right .modal-body h3 {
    margin: 10.6667vw 0 4.2667vw;
    font-size: 6.4vw;
  }

  .personalCenter-right .modal-body p {
    font-size: 3.7333vw;
  }

  .personalCenter-right .modal-footer p {
    padding: 2.1333vw 10.6667vw;
    border-radius: 6.4vw;
    font-size: 4.2667vw;
    margin: 0;
  }

  #myFavorite #videos .video-item,
  #myFavorite .blogs-successCase .blogs-successCase-item,
  #myFavorite #events .event-item {
    height: 106.6667vw;
  }
}