.item {
  display: flex;
  align-items: center;
  border-bottom:  2px solid #ddd;
  padding: 40px 0;
}
.item-left {
  margin-right: 30px;
}
.item-right {
  display: flex;
  margin-left: 30px;
  flex:1;
  justify-content: space-between;
  align-items: center;
}
.item-top {
  flex: 1;
  
  /* display: flex; */
  /* justify-content: space-between; */
}
.item-top-title {
  margin-bottom: 10px;
}
.item-time {
  font-size: 16px;
}
.item-top-tip {
  font-size: 16px;
}
.line {
  height: 120px;
  width: 2px;
  background-color: #ddd;
}
.item-content {
  font-size: 16px;
  /* color: #aaa; */
  margin: 10px 0;
}
.item-recruitmentType {
  color: #063360;
  font-size: 16px;
}
.item-info-box {
  width: 35%;
}
.item-info {
  font-size: 16px;
}
.item-info-items-progress {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* width: 200px; */
  /* margin-bottom: 20px; */
  margin-left: 0;
  
}
.item-info-items-progress span {
  display: block;
  padding: 0 10px;
}
.item-option {
  margin-top: 10px;
}
.progress100 {
  width: 100px;
}
.box_1 {
  display: flex;
  align-items: center;
}

.text-wrapper_1 {
  
  overflow-wrap: break-word;
  font-size: 0;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
}

.text_1 {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 40px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 56px;
}

.text_2 {
  overflow-wrap: break-word;
  color: rgba(111, 111, 111, 1);
  font-size: 40px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 56px;
}

.paragraph_1 {
  overflow-wrap: break-word;
  color: rgba(111, 111, 111, 1);
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: right;
}

.color1 {
  color: #f56c6c;
}
.color2 {
  color: #e6a23c;
  
}
.color3 {
  color: #5cb87a;
  
}
.color4 {
  color: #1989fa;
  
}

@media screen and (max-width: 500px) {

  .item-left {
    display: none;
  }
  .line {
    display: none;
  }
  .item-right {
    display: block;
  }
  .item-info-box {
    width: 100%;
  }
  .item-info-items-progress span {
    padding: 0;
  }
  .item-option {
    display: flex;
    justify-content: space-around;
  }
  .el-button--small {
    padding: 12px 20px!important;
    font-size: 14px!important;

    
  }

}