.article-positions{
  border: none;
  background: none;
}
.article-positions .panel-heading{
  border: 1px solid #efefef;
  box-sizing: content-box;
}
.article-positions .positions-warp{
  padding: 20px 0;
  display: grid;
  grid-template-columns: minmax(300px, 1fr) minmax(300px, 1fr);
  gap:20px
}
.article-positions .positions-warp.none{
  display: block;
  text-align: center;
}
.positions-warp.none:before{
  content: '暂无数据';
}
.article-positions-item{
  padding: 24px 20px;
  background: #FFFFFF;
  border-radius: 8px;
}
.article-positions-item:hover .position-name .name{
  color: #356CF2;
}
.article-positions-item.hide{
  display: none;
}
.article-positions-item .item-top{
  display: flex;
}
.article-positions-item .item-top .position-name{
  flex: 1;
  overflow: hidden;
}
.item-top .position-name .nt-tip{
  display: none;
  width: 40px;
  height: 20px;
  font-size: 12px;
  color: #FFAC00;
  background: #fff3da;
  border: 1px solid #FFAC00;
  border-radius: 10px;
  text-align: center;
  line-height: 18px;
  margin: 17px 10px 0 0;
}
.item-top .position-name .name{
  height: 24px;
  font-size: 16px;
  color: #000;
  line-height: 24px;
}
.item-top .position-name .tags{
  margin-top: 4px;
  height: 18px;
  font-size: 12px;
  color: #898c9b;
  line-height: 18px;
  font-weight: 400;
}
.item-top .post-resume{
  width: 88px;
  height: 32px;
  border-radius: 16px;
  font-size: 14px;
}
.article-positions-item .item-desc{
  margin-top: 16px;
  height: 44px;
}
.item-desc.has-desc{
  position: relative;
}

.item-desc .desc-warp{
  height: 44px;
  background: #F2F2F6;
  border-radius: 6px;
  overflow: hidden;
  padding: 0 20px;
  max-height: 400px;
  width: 100%;
}

.has-desc:hover .desc-warp{
  height: auto;
  overflow: auto;
  z-index: 3;
  position: absolute;
}
.has-desc:hover .desc-warp .open{
  opacity: 0;
}

.desc-warp .title{
  height: 44px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.desc-warp .title .open{
  height: 20px;
  font-size: 14px;
  color: #5684FF;
  font-weight: 400;
  line-height: 20px;
  padding-right: 16px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAMAAAA7+k+nAAAAOVBMVEUAAAA1bPI1bPI1a/Q0bPM1bPI0bPI1a/I0bPM2bfE0bPI0bPE1a/I1bPI1bPM0bfM2a/I2bfA1bPIh90+sAAAAEnRSTlMA+fNCo35zXlVLO5eMhmpnTDO1UhZ6AAAAdklEQVQY042QWQ6AIAxES3FF2Xr/wzqEkCpi4nxN39DSlL5l85tlS7Qbdj13bHaaRNh2M1hkopIgV2FG4dCBZFO+gR/VnkjWxlfwsxWziMRqI+ys7QvKRc1NoTysraExHe29fvZcpq7XKxnwNDwas6WhnKMfugDnlwTNsyphzgAAAABJRU5ErkJggg==");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 12px auto;
}