.main-screen{
  height: 260px;
}
.preview-screen{
  padding-top: 40px;
  min-height: 480px;
  /* overflow: hidden; */
}
.data-table{
  /* width: 1200px; */
}
.data-table-header{
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
}
.data-table-body{
}
.data-table-box{
  border-bottom: 1px solid #f3f3f3;
}
.data-table-row{
  
}
.data-table-box:nth-child(even) .data-table-row{
  background-color: #fbfbfb;
}
/* .data-table-row.active{
  background-color: rgba(248,130,27,0.1);
} */
.data-table-th{
  width: 171px;
  display: inline-block;
  padding: 14px 0;
  color: #000000;
  font-size: 16px;
  background-color: #f9f9f9;
}
.data-table-td{
  width: 171px;
  display: inline-block;
  padding: 10px 0;
  color: #333333;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.data-table-td:hover{
  cursor: pointer;
}
.data-table-td.textleft{
  text-align: left;
  padding-left: 28px;
}
.data-table-td img{
  width: 12px;
  height: 12px;
  margin-right: 6px;
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg); /* IE 9 */
  -moz-transform: rotate(-90deg); /* Firefox */
  -webkit-transform: rotate(-90deg); /* Safari and Chrome */
  -o-transform: rotate(-90deg); /* Opera */
}
.data-table-td img.rotate{
  transform: rotate(0deg);
  -ms-transform: rotate(0deg); /* IE 9 */
  -moz-transform: rotate(0deg); /* Firefox */
  -webkit-transform: rotate(0deg); /* Safari and Chrome */
  -o-transform: rotate(0deg); /* Opera */
}
.data-table-td span{

}
.data-table-td .btn{
  font-size: 12px;
  padding: 4px 12px;
  background-color: #f8821b;
  color: #ffffff;
  border-radius: 4px;
}
.data-table-td .btn:hover{
  cursor: pointer;
}
.table-row-info{
  display: none;
  padding: 6px 50px 10px 50px;
  background-color: rgba(248,130,27,0.1);
}
.table-row-info .info-box{
  text-align: left;
  padding: 4px 0;
  width: 1100px;
}
.info-box .work-info{
  font-size: 14px;
  display: inline-block;
}
.info-box .work-info.work-experience{
  margin-right: 115px;
}
.info-box .work-info.work-describe{
  text-align: justify;
}