page{
  background-color: #fafafa;
}
.list{
  padding: 20rpx;
}
.case-box{
  padding: 20rpx 30rpx;
  box-shadow: 0px 2px 8px 0px rgba(35, 24, 21, 0.1);
  border-radius: 12rpx;
  background-color: #fff;
  margin-bottom: 20rpx;
}
.top{
  padding-bottom: 20rpx;
  border-bottom: 1px dashed #DDD;
  display: flex;
  justify-content: space-between;
}
.case-img{
  width: 120rpx;
  height: 120rpx;
  overflow: hidden;
  text-align: center;
}
.case-img image{
  height: 100%;
  border-radius: 10rpx;
}
.case-info{
  display: inline-flex;
  width: 510rpx;
}
.case-text-box{
  width: 100%;
}
.case-title{
  display: flex;
  justify-content: space-between;
}
.case-title-text{
  font-size: 34rpx;
  color: #333;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.case-text{
  font-size: 28rpx;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.case-status{
  width: 160rpx;
}
.status{
  text-align: center;
  background-color: #e7f3ff;
  padding: 8rpx 15rpx;
  font-size: 32rpx;
  color: #f55054;
  border-radius: 30rpx;
  margin-bottom: 10rpx;
}
.status2{
  background-color: #fff7ec;
  color: #bb5912;
  margin-bottom: 0;
}
.bottom{
  line-height: 45rpx;
  color: #f55054;
  margin-top: 10rpx;
}
.bottom image{
  width: 45rpx;
  height: 38rpx;
  vertical-align: middle;
  margin-top: -5rpx;
}
.btn-box{
  padding-top: 15rpx;
  border-top: 1px dashed #ddd;
  font-size: 0;
}
.btn{
  width: 32%;
  margin-right: 2%;
  text-align: center;
  line-height: 60rpx;
  border-radius: 10rpx;
  color: #fff;
  font-size: 32rpx;
  display: inline-block;
}
.btn1{
  background-color: #f55054;
}
.btn2{
  background-color: #56b6de;
}
.btn3{
  background-color: #d70715;
  margin-right: 0;
}