@charset "UTF-8";
/**
* 培训考核-教材展示
* date:2023-6-12
* author: xy;
*/
.train-choose {
  height: 145px;
  background: #FFFFFF;
  background: linear-gradient(180deg, #F3F5F8 0%, #FFFFFF 100%);
  border: 2px solid #FFFFFF;
  box-shadow: 0px 6px 24px rgba(1, 86, 137, 0.1);
  border-radius: 2px;
  padding: 20px 0 15px 20px;
  margin-bottom: 30px;
}
.train-choose-item {
  display: flex;
  line-height: 30px;
}
.train-choose-item .label {
  width: 70px;
  color: #6D758F;
  font-size: 14px;
  height: 30px;
}
.train-choose-item ul {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}
.train-choose-item ul li {
  height: 30px;
  width: 156px;
  text-align: center;
  background: rgba(233, 236, 245, 0.66);
  border-radius: 3px;
  margin: 0 0 10px 12px;
  font-size: 14ppx;
  color: #6D758F;
  cursor: pointer;
}
.train-choose-item ul li:nth-child(9), .train-choose-item ul li:nth-child(10), .train-choose-item ul li:nth-child(11), .train-choose-item ul li:nth-child(12), .train-choose-item ul li:nth-child(13), .train-choose-item ul li:nth-child(14) {
  width: 72px;
}
.train-choose-item ul li:hover, .train-choose-item ul li.active {
  background: #197AFF;
  color: #fff;
}

.content-bd img {
  width: 950px;
  height: 402px;
}

/* 20230918 */
.train-choose {
  height: auto;
}
.train-choose-item ul li.long {
  width: calc((100% - 40px) / 2);
  padding: 0 10px;
  text-align: center;
}
.train-choose-item ul li {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.train-choose-item ul li:hover {
  background: #e2eeff;
  color: #197aff;
}
.train-choose-item ul li.active:hover {
  background: #197aff;
  color: #fff;
}
.train-choose-item ul {
  position: relative;
  padding-bottom: 5px;
}

.train-choose-item ul::after {
  position: absolute;
  content: '';
  width: calc(100% - 35px);
  height: 1px;
  border-bottom: 1px dashed #c3c9d6;
  left: 15px;
  bottom: 0;
}
.train-choose-item + .train-choose-item {
  margin-top: 15px;
}

.train-choose-item:nth-last-child(1) ul {
  padding-bottom: 0;
}
.train-choose-item:nth-last-child(1) ul::after {
  display: none;
}