.bg-purple-dark {
  background: #fff;
}
.qbqr {
  position: absolute;
  left: 888px;
  top: 301px;
  z-index: 999;
}
.qbhl {
  position: absolute;
  left: 1033px;
  top: 301px;
  z-index: 999;
}
.fjlb {
  position: absolute;
  left: 1799px;
  top: 0px;
  z-index: 999;
}

.el-form-item {
  margin-bottom: 0px !important;
}
.mar {
  margin-left: 6% !important;
}

.to{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tree{
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.recommendBox{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;

  .recommendItem{
    width: 280px;
    background:#fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    box-shadow: rgb(0 0 0 / 88%) 0px 2px 4px, rgb(0 0 0 / 4%) 0px 0px 6px;
    margin-right: 10px;
    margin-bottom: 10px;

    .inline{
      width: calc(100% - 20px);
      padding: 10px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
  }
}
