/* pages/welfareMall/writeOff/writeOff.wxss */ page{ background: #F7F7F7; display:flex; flex-flow: column nowrap; justify-content: left; align-items: center; box-sizing: border-box; } /* 垂直方向布局,水平居中 **/ .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; } .search{ position: sticky; top:0; z-index: 99; } .store-bar{ width: 750rpx; height: 88rpx; background: #FFFFFF; justify-content: flex-start; } .writeOff-search{ width: 750rpx; height: 88rpx; background: #F7F7F7; justify-content: center; } .search-bar{ width: 672rpx; height: 54rpx; background: #FFFFFF; border-radius: 28rpx; justify-content: flex-start; } .store-img{ width: 34rpx; height: 34rpx; margin-left: 30rpx; } .search-img{ width: 34rpx; height: 34rpx; margin-left: 50rpx; } .store-text{ margin-left: 50rpx; font-size: 28rpx; font-weight: 500; color: #A0A0A0; } .search-text{ width: 460rpx; margin-left: 28rpx; font-size: 28rpx; font-weight: 500; color: #A0A0A0; justify-content: space-between; } .search-text-close{ font-size: 44rpx; font-weight: 500; color: #A0A0A0; opacity: 0.5; margin-left: 20rpx; } .writeOff-content{ width: 750rpx; margin-top: 8rpx; } .writeOff-list{ width: 750rpx; height: 422rpx; background: #FFFFFF; border-radius: 10rpx; margin-bottom: 14rpx; } .content-head{ width: 646rpx; height: 22rpx; justify-content: space-between; } .content-head-date{ font-size: 24rpx; font-weight: 500; color: #444444; } .content-head-copy{ font-size: 24rpx; font-weight: 500; color: #d84436; margin-left: 32rpx; } .content-head-state{ font-size: 28rpx; font-weight: 500; color: #BD2021; } .content-head{ width: 646rpx; height: 40rpx; justify-content: space-between; margin-top: 36rpx; } .content-middle{ width: 646rpx; height: 130rpx; justify-content: space-between; margin-top: 29rpx; } .middle-img{ width: 160rpx; height: 119rpx; } .middle-text{ width: 240rpx; height: 36rpx; font-size: 28rpx; font-weight: 500; color: #444444; margin-left: 36rpx; 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: 1px; background: #EFEFEF; } .line-top{ margin-top: 20rpx; } .line-lower{ margin-top: 34rpx; } .content-lower-store,.content-lower-date{ width: 646rpx; } .content-lower-store{ padding-top: 20rpx; } .lower-date{ font-size: 24rpx; font-weight: 500; color: #444444; width: 500rpx; line-height: 46rpx; flex: 1; } .lower-money{ font-size: 36rpx; font-weight: 500; color: #BD2021; } .no_result { font-size: 24rpx; color: #B1B1B1; line-height: 100rpx; font-weight: 1000; } .picker-store{ font-size: 28rpx; font-weight: 500; color: #A0A0A0; } .search-date{ justify-content: space-between; } .no_result { font-size: 24rpx; color: #B1B1B1; line-height: 100rpx; font-weight: 1000; text-align: center; } .no_record{ width: 750rpx; height: 550rpx; background-image: url(https://dy.shpr.top/welfareGo/no-record.png); background-size: 100% 100%; margin-top: 80rpx; justify-content: flex-end; } .no_record_text{ font-size: 30rpx; font-weight: 500; color: #A0A0A0; margin-bottom: 32rpx; }