jili2-wxapp/pages/order/index.wxss

.list-div{
  background-color: #ffffff;
  width: 710rpx;
  height: 248rpx;
  margin: 15rpx 20rpx;
  border-radius: 20rpx;
}
.list-header{
  overflow: hidden;
  height: 88rpx;
  line-height: 88rpx;
  border-bottom: 1rpx solid #CCCCCC;
  padding: 0 25rpx;
}
.list-header-icon{
  display: inline-block;
  width: 60rpx;
  float: left;
  overflow: hidden;
}
.list-header-icon image{
  width: 48rpx;
  height: 48rpx;
  vertical-align: middle;
}

.list-header-title{
  display: inline-block;
  color: #3E3E3E;
  font-weight: bold;
  width: 410rpx;
  float: left;
  font-size: 34rpx;
  height: 88rpx;
  overflow: hidden;
  font-family:PingFang-SC-Bold;
}

.list-header-btn{
  display: inline-block;
  width: 120rpx;
  float: right;
  font-size: 30rpx;
}
.btn-cancel{
  color: #119DFE;
}
.btn-deal{
  color: #6891f0;
}
.btn-send{
  color: #4AD1E7;
}
.btn-finish{
  color: #27B934;
}
.btn-comment{
  color: #FFC700;
}
.btn-invalid {
  color: #cccccc;
}

.list-body{
  height: 159rpx;
  padding: 25rpx;
}
.list-body view{
  font-size: 28rpx;
  color: #999999;
}