page{
  background: #f4f4f4;
  height: 100%;
}

.section {
  background: #fff;
  margin-top: 10px;
  text-align: center;
  height: 30px;
  margin-left: 10%;
  margin-right: 10%;
  border-radius: 10rpx;
  font-size: 16px;
  color: #ccc;
  border: 1rpx solid #ccc;
}

.picker {
  line-height: 30px;
}

.listContainer {
  margin-top: 10px;
  height: calc(100% - 50px);
  display: flex;
  flex-direction: column;
}

.header{
  height: 70px;
  width: 100%; 
  display: flex;
  flex-direction: column;
  /* border-bottom: 1rpx solid #ccc; */
}

.headerSectionTop{
  /* height: 50%; */
  height: 40px;
  width: 100%;
  line-height: 40px;
  display: flex;
  flex-direction: row;
}

.headerSectionBottom{
  /* height: 50%; */
  height: 30px;
  width: 100%;
  line-height: 30px;
  display: flex;
  flex-direction: row;
}

.dateView{
  height: 100%;
  width: 50%;
  font-size: 18px;
}

.balanceView{
 height: 100%;
  width: 50%;
  font-size: 18px;
}

.titleView{
  height: 100%;
  width: 33.3%;
  font-size: 16px;
  text-align: center;
}

.infoView{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.infoDetail{
  height: 30px;
  line-height: 30px;
  width: 100%;
  display: flex;
  flex-direction: row;
}

.item {
  display: flex;
  padding: 0 20rpx;
  flex-direction: column;
  background-color: #fff;
}

