/* pages/footprint/footprint.wxss */

.list-item{
  border: 1rpx solid #dee;
  box-shadow: 0 0rpx 10rpx 0rpx #ccc;
  margin: 20rpx;
  padding: 0 20rpx;
}
.item-title{
  display: inline-block;
  width: 100%;
  padding: 20rpx 0;
  border-bottom: 1rpx solid #eee;
}
.item-title .name{
  float: left;
  width: 50%;
}
.item-title  image{
  width: 30rpx;
  height: 30rpx;
  float: left;
  padding-right: 20rpx;
  padding-top: 5rpx;
}
.item-title .time{
  float: right;
  font-size: 24rpx;
}
.info{
  display: inline-block;
  padding: 20rpx 0;
  font-size: 22rpx;
  width: 100%;
}
.info image{
  width: 170rpx;
  height: 170rpx;
  float: left;
}
.info-list{
  width: calc(100% - 170rpx);
  float: right;
  /* height: 50rpx; */
  padding:15rpx 0rpx 15rpx 30rpx;
}
.info-list .info-left{
  float: left;
  width: 50%;
}
.info-list .green{
color: #0a4519;
font-weight: bold;
}
.info-list .orange{
  font-weight: bold;
  color: #ffab0b;
  }
.info-list .info-right{
  width: 50%;
  float: right;
}