.history-bg {
  display: flex;
  flex-wrap: wrap;
  padding: 2rem 3rem;
  margin: 20px 0;
  /*background: url('../img/assets/common/bg.png') no-repeat;*/
  background-size: cover;
}
.recruit-table{
  text-align: center;
  width: 95%;
  font-size: 14px;
  line-height: 2.5em;
  margin: 0 auto;
}
.recruit-table >tbody>tr>td{
   border-bottom: 1px dashed #c0a16b;
}
.recruit-table tbody> tr > td:nth-child(1){
  width: 33%;
  text-align: left;
  padding: 0.8rem 0 0.8rem 1.5rem;
}
.recruit-table tbody> tr > td:nth-child(3){
  width: 33%;
  text-align: right;
  padding: 0.8rem 1.5rem 0.8rem 0;
}
.recruit-table a{
  background-color: #cc6d00;
  padding: 6px;
  color: white;
}
.recruit-table a:hover{
  color: #0a0a0a;
  -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.5);
  -moz-box-shadow: 0 -1px 10px rgba(0,0,0,.5);
  box-shadow: 0 -1px 10px rgba(0,0,0,.5);
}
.recruit-table >tbody>tr:hover{
  /*-webkit-transform: scale(1.1);*/
  /*-moz-transform: scale(1.1);*/
  /*transform: scale(1.1);*/
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.5);
  -moz-box-shadow: 0 -1px 10px rgba(0,0,0,.5);
  box-shadow: 0 -1px 10px rgba(0,0,0,.5);
}
.list-box {
  width: 60%;
  margin: 2rem auto;
}
.list-box-con {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
  border-bottom: 2px solid #eddcc0;
}
.list-box-rig {
  flex-basis: 15rem;
  height: 10rem;
  overflow: hidden;
}
.list-box-rig img {
  max-width: 100%;
  transition: all 1.2s;
}
.list-box-rig img:hover {
  transform: scale(1.2); /*设置图片按照比例放大1.1倍*/
}

.list-box-left {
  font-size: 14px;
  flex: 1;
  display: flex;
  box-sizing: border-box;
}
.list-data-time {
  position: relative;
  flex-basis: 5rem;
  color: #b4a48a;
  display: inline-block;
  word-break: break-all;
}
.list-data-time :nth-child(1) {
  font-size: 1.2rem;
}
.list-data-time :nth-child(2) {
  display: block;
  font-size: 1.4rem;
  position: relative;
  /*top: -10px;*/
}
.list-data-text {
  flex: 1;
 /* text-indent: 28px;*/
  line-height: 1.5rem;
  padding: 0 1.5rem 0 1.5rem;
  color: #000;
  display: -webkit-box;
 /* -webkit-line-clamp: 3;*/
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.list-date-descrip{
  color: #B8B8B8;
  font-size: 13px;
}
.detail-button {
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 5rem;
  padding: 5px 0;
  background: #b4a48a;
  color: #fff;
  text-align: center;
}
.detail-button:hover{
  color: #0e5679;
}
.list-more {
  height: 38px;
  line-height: 38px;
  width: 100%;
  text-align: center;
  font-size: 18px;
  margin-top: 20px;
  border: 0;
  color: #b4a68c;
  background-color: #f1eae0;
}
.list-more:hover{
  color: #0a0a0a;
}
@media screen and (max-width: 768px) {
  .recruit-table{
    line-height: 2rem;
  }
  .recruit-table tbody> tr> td:nth-child(1){
    width: 70%;
    padding: 0.5rem;
  }
  .recruit-table tbody> tr> td:nth-child(2){
    display: none;
  }
  .recruit-table tbody> tr> td:nth-child(3){
   padding: 0.5rem;
  }
  .history-bg{
    padding: 1px;
  }
  .list-box {
    width: 90%;
  }
  .list-box-rig {
    flex-basis: 100%;
    height: inherit;
    text-align: center;
  }
  .list-box-left {
    display: block;
  }
  .list-data-time ,.list-data-text{
    display: block;
    width: 100%;
  }
  .list-data-text{
    padding:10px 0;
  }

  .list-data-time :nth-child(2) {
    display: inline-block;
    position: inherit;
    top: 0;
  }
  .detail-button {
    position: inherit;
    left: 0;
    bottom: 0;
    float: right;
    background-color: transparent;
    color: rgb(17, 155, 240);
  }
  .list-detail-con img{
    width: 100%;
    height: 100%;
  }
}

.list-detail-box {
  width: 70%;
  margin: 2rem auto;
}
.list-detail-con {
  padding: 20px 5px;
  border-bottom: 2px solid #eddcc0;
}
.list-detail-con video{
  width: 100%;
  height: auto;
}
.list-detail-footer {
  height: 40px;
  line-height: 40px;
  width: 100%;
  font-size: 14px;
  margin-top: 20px;
  border: 0;
  color: #b4a68c;
  background-color: #f1eae0;
}
.list-detail-footer .after{
  float:left;
}
.list-detail-footer .front{
  float:right;
}
@media (max-width: 414px){
  .list-detail-box{
    width: 90%;
    min-width: 0;
    padding: 0 5%;
  }
  .list-detail-footer {
    padding: 0 5px;
    height: 80px;
  }
  .list-detail-footer .after{
    float:left;
  }
 .list-detail-footer .front{
    float:left;
  }

}