Mina_B/pages/my-apply/my-apply.wxss

/* pages/my-apply/my-apply.wxss */

page {
  background: #f5f5f5;
}

.cell {
  width: 750rpx;
  height: 258rpx;
  padding: 30rpx;
  box-sizing: border-box;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin-top: 20rpx;
}

.info {
  display: flex;
  justify-content: space-between;
}

.name {
  color: #31364c;
  font-size: 34rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.money {
  color: #3243bd;
  font-size: 34rpx;
  flex-basis: 300rpx;
  text-align: right;
}

.month {
  font-size: 24rpx;
}

.midden {
  font-size: 26rpx;
  color: #888a8e;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bottom view {
  display: flex;
  align-items: center;
}

.company {
  color: #31364c;
  font-size: 28rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.address {
  height: 48rpx;
  font-size: 24rpx;
  color: #535768;
  padding: 0 15rpx;
  box-sizing: border-box;
  background: #f5f5f5;
  border-radius: 10rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}

.address image {
  height: 22rpx;
  width: 18rpx;
  margin-right: 10rpx;
}

.status {
  height: 48rpx;
  font-size: 24rpx;
  padding: 5rpx 15rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}

.status image {
  height: 18rpx;
  width: 18rpx;
  margin-right: 10rpx;
}

.underway {
  font-size: #a67b0c;
  background: #fff6dd;
}

.already {
  font-size: #669bb4;
  background: #eef8fc;
}

.out {
  font-size: #888a8e;
  background: #f5f5f5;
}