.art-header{
    position: relative;
    width: 100%;
}

.art-img{
    width: 100%;
    height: 219px;
}

.art-title{
    position: absolute;
    bottom: 36px;
    left: 8px;
    font-size: 16px;
}

.art-source {
    position: absolute;
    bottom: 8px;
    font-size: 14px;
    right: 8px;   
}

.art-content{
    padding-top: 10px;
    background-color: #FFF;
    line-height: 1.5;
}
.header-title{
    text-align : center;
    margin : 0 auto;
    font-size : 50rpx;
    font-weight: bold;
}
.auto-title{
    margin-top : 10rpx;
    margin-left : 16rpx;
    font-weight: bold;
}
.auto-text{
    margin-top : 10rpx;
    margin-left : 16rpx;
    margin-right : 16rpx;
    font-size : 30rpx;
}
.table{
  border:1px solid #dadada;
  border-right:0;
  border-bottom: 0;
  width: 98%;
  margin-left: 1%;
}
.tr{
  width:100%;
  display: flex;
  justify-content: space-between;
}
.th,.td{
  padding: 10px;
  border-bottom: 1px solid #dadada;
  border-right: 1px solid #dadada;
  text-align: center;
  width: 100%;
}
.th1,.th2,.td1,.td2{
  width: 40%;
}
.th{
  font-weight: 800;
  background-color: #b66242;
  font-size: 28rpx;
  color: #330e0e;
}
.td{
  font-size: 20rpx;
  background:#b3ccff;
}
.caption{
    font-size:35rpx;
    margin-left:16rpx;
}