jzlife_wx_servant/pages/servant/bill/list.wxss

 
page {
  height: 100%;
  width: 100%;
  background: #f4f4f4;
}
.search{
  margin: 10px;
    border: 1rpx solid #999999;
    height: 60rpx;
    text-align: center;
    font-size: 36rpx;
}
.container {
  background: #f4f4f4;
  height: auto;
  overflow: hidden;
  width: 100%;
 /* filter: blur(5rpx);*/
 padding: 20rpx 0;
}

.item{
  background-color: #efeaea;
  margin-top: 20rpx;
  margin-bottom: 20rpx;
  height: 320rpx;
  margin: 20rpx;
  padding: 20rpx; 
  display: flex;
  flex-direction: column;
  border-radius: 10rpx;
}

.item .content{ 
  margin-top: 10rpx;
}

.item .content .left{
  float: left;
  font-size: 32rpx;
  color: #333;
}

.item .content .right{
  float: right; 
  font-size: 32rpx;
  color: #333;
}


.goods{ 
  margin: 10rpx 0;
}

.goods .name{
  font-size:42rpx;
  font-weight: 600;
  float: left;
  color: #333;
}

.goods .price{
  float: right;
  font-size:42rpx;
  font-weight: 600;
  color: #333;
}
 

page {
  height: 100%;
  width: 100%;
  background: #f4f4f4;
}
.search{
  margin: 10px;
    border: 1rpx solid #999999;
    height: 60rpx;
    text-align: center;
    font-size: 36rpx;
}
.container {
  background: #f4f4f4;
  height: auto;
  overflow: hidden;
  width: 100%;
 /* filter: blur(5rpx);*/
 padding: 20rpx 0;
}

.item{
  background-color: #efeaea;
  margin-top: 20rpx;
  margin-bottom: 20rpx;
  height: 320rpx;
  margin: 20rpx;
  padding: 20rpx; 
  display: flex;
  flex-direction: column;
  border-radius: 10rpx;
}

.item .content{ 
  margin-top: 10rpx;
}

.item .content .left{
  float: left;
  font-size: 32rpx;
  color: #333;
}

.item .content .right{
  float: right; 
  font-size: 32rpx;
  color: #333;
}


.goods{ 
  margin: 10rpx 0;
}

.goods .name{
  font-size:42rpx;
  font-weight: 600;
  float: left;
  color: #333;
}

.goods .price{
  float: right;
  font-size:42rpx;
  font-weight: 600;
  color: #333;
}