@charset "UTF-8";

a:hover {
  text-decoration: none !important;
}

html,
body {
  width: 100%;
  height: 100%;
  /* overflow: hidden; */
  margin: 0;
  padding: 0;
  min-width: 1424px;
  font-family: Microsoft YaHei UI-Regular;
  -ms-overflow-style: none; /* IE/Edge */
  scrollbar-width: none; /* Firefox */
}

#app {
  width: 100%;
  height: 100%;
}

a {
  display: block;
  /* 	color: #ffffff; */
  text-decoration: none;
}

.training-card-title {
  font-weight: bold;
  font-size: 24px;
  color: #ffffff;
}

main {
  width: 100%;
  /* height: 100%; */
}

html,
body,
div,
p {
  margin: 0;
  padding: 0;
}

div {
  word-break: break-all;
  box-sizing: border-box;
  font-weight: normal;
}

img {
  display: block;
}

/* 超出显示省略号 */
.over-write {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}

/* 超出显示省略号 */
.over-write1 {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* 单行超出显示省略号 */
.single-over-write {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.text-align-style {
  text-align: justify;
  text-justify: auto;
}

.flex_row {
  display: flex;
  align-items: center;
}

.flex_column {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.toast-container {
  position: fixed;
  top: 24px;
  right: 24px;
  z-index: 9999;
}

.toast {
  min-width: 240px;
  padding: 12px 18px;
  margin-top: 12px;
  border-radius: 6px;
  font-size: 14px;
  color: #ffffff;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
  opacity: 0;
  transform: translateY(-10px);
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
}

.toast.show {
  opacity: 1;
  transform: translateY(0);
}

.toast.success {
  background: rgba(48, 164, 108, 0.92);
}

.toast.warning {
  background: rgba(250, 173, 20, 0.92);
}

.toast.error {
  background: rgba(245, 108, 108, 0.92);
}

.hidden {
  display: none;
}

.public_box {
  width: 100%;
  max-width: 1424px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.public_box1 {
  width: 100%;
  max-width: 1424px;
  margin: 0 auto;
}

@keyframes enlargement {
  0% {
    background-size: 100% 100%;
  }

  100% {
    background-size: 120% 120%;
  }
}

@keyframes amplify {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.02);
  }
}

.paging {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* .paging > div {
  font-weight: 400;
  font-size: 16px;
  color: #6f7182;
  display: flex;
  align-items: center;
  justify-content: center;
}

.paging > div:first-child {
  width: 88px;
  height: 40px;
  background: #ffffff;
  box-shadow: 0px 0px 6px 0px rgba(202, 203, 215, 0.5);
  border-radius: 8px 8px 8px 8px;
  margin-right: 20px;
}

.paging > div:last-child {
  width: 88px;
  height: 40px;
  background: #ffffff;
  box-shadow: 0px 0px 6px 0px rgba(202, 203, 215, 0.5);
  border-radius: 8px 8px 8px 8px;
  margin-left: 40px;
}

.paging_page {
  width: 40px;
  height: 40px;
  background: #ffffff;
  box-shadow: 0px 0px 6px 0px rgba(202, 203, 215, 0.5);
  border-radius: 8px 8px 8px 8px;
  margin-right: 10px;
}

.paging_selted {
  color: #ffffff !important;
  background-color: #276ef9 !important;
} */

.paging_page ul {
  display: flex;
  gap: 0 20px;
}

.paging_page ul li {
  width: 40px;
  height: 40px;
  background: #ffffff;
  box-shadow: 0px 0px 6px 0px rgba(202, 203, 215, 0.5);
  border-radius: 8px 8px 8px 8px;
  margin-right: 10px;

  font-weight: 400;
  font-size: 16px;
  color: #6f7182;
  display: flex;
  align-items: center;
  justify-content: center;
}

.paging_page .active {
  color: #ffffff !important;
  background-color: #276ef9 !important;
}

.paging_page a {
  color: #6f7182 !important;
}

.crumbs {
  max-width: 1424px;
  margin: 0 auto;
  margin-top: 79px;

  font-weight: 400;
  font-size: 14px;
}

.margin_s {
  margin-bottom: 20px;
}

.margin_s1 {
  margin-bottom: 40px;
}

.margin_s2 {
  margin-bottom: 12px;
}

.margin_s3 {
  margin-left: 6px;
}

.margin_s4 {
  margin-bottom: 16px;
}

.margin_s5 {
  margin-bottom: 80px;
}

.margin_r_s {
  margin-right: 20px;
}

.margin_r_s1 {
  margin-right: 40px;
}

.padding_s {
  margin: 80px auto 100px !important;
}

.font_s {
  font-size: 24px;
}

/* 移动端样式 */
@media only screen and (max-width: 1424px) {
  html,
  body {
    width: 100%;
    height: 100%;
    min-width: unset;
    overflow-x: hidden;
    font-size: 0.14vw;
  }

  .training-card-title {
    font-size: 24rem;
  }

  .margin_s {
    margin-bottom: 20rem;
  }

  .margin_s1 {
    margin-bottom: 40rem;
  }

  .margin_s2 {
    margin-bottom: 12rem;
  }

  .margin_s3 {
    margin-left: 6rem;
  }

  .margin_s4 {
    margin-bottom: 16rem;
  }

  .margin_s5 {
    margin-bottom: 80rem;
  }

  .margin_r_s {
    margin-right: 20rem;
  }

  .margin_r_s1 {
    margin-right: 0;
    margin-bottom: 20rem;
  }

  .padding_s {
    margin: 80rem 0 100rem !important;
  }

  .padding_s1 {
    margin: 0 40rem;
  }

  .font_s {
    font-size: 28rem;
  }
}