/* pages/welfareMall/historical/historical.wxss */ .historical{ width: 750rpx; height: auto; padding-bottom: 119rpx; background: #F7F7F7; } /* 垂直方向布局,水平居中 **/ .flex-column{ display: flex; flex-flow: column nowrap; align-items: center; justify-content: left; } /* 水平方向布局,垂直居中 **/ .flex-row{ display: flex; flex-flow: row nowrap; align-items: center; justify-content: center; } .historical-content{ width: 716rpx; height: 327rpx; background: #FFFFFF; border-radius: 10rpx; margin-top: 14rpx; } .content-hm{ width: 680rpx; height: 242rpx; } .content-head{ width: 676rpx; height: 22rpx; justify-content: space-between; } .content-head-date{ width: 211rpx; height: 28rpx; font-size: 22rpx; font-weight: 500; color: #A0A0A0; } .content-head-state{ width: 70rpx; height: 28rpx; font-size: 22rpx; font-weight: 500; color: #A0A0A0; } .content-head{ width: 676rpx; height: 40rpx; justify-content: space-between; margin-top: 30rpx; } .content-middle{ width: 676rpx; height: 160rpx; justify-content: space-between; } .middle-img{ width: 160rpx; height: 119rpx; } .middle-text{ width: 180rpx; height: 36rpx; font-size: 28rpx; font-weight: 500; color: #444444; margin-left: 36rpx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 34rpx; } .middle-num{ align-items: flex-end; } .middle-num-money{ font-size: 28rpx; font-weight: 500; color: #444444; margin-top: 10rpx; } .money-num-count{ font-size: 22rpx; font-weight: 500; color: #A0A0A0; } .content-line{ width: 679rpx; height: 1rpx; background: #A0A0A0; } .content-lower{ width: 676rpx; height: 80rpx; justify-content: space-between; } .lower-total{ font-size: 24rpx; font-family: Source Han Sans CN; font-weight: 500; color: #444444; } .lower-order-style{ width: 140rpx; height: 46rpx; background: #FFFFFF; border: 1rpx solid #B01717; border-radius: 10rpx; } .lower-order-text{ font-size: 22rpx; font-weight: 500; color: #B01717; }