.search { background: #fff; padding: 20rpx 30rpx; display: flex; justify-content: flex-start; align-items: center; position: relative; font-size: 28rpx; font-family: PingFangSC-Regular; font-weight: 400; } .search .icon-search { position: absolute; } .search .icon-search { left: 54rpx; } .search input { padding-left: 68rpx; width: 520rpx; height: 56rpx; background: #f8f8f8; border-radius: 28rpx; color: #999; box-sizing: border-box; line-height: 40rpx; } .search text { color: #4facfe; margin-left: 28rpx; } .date { padding: 0 30rpx; background: #fff; height: 90rpx; line-height: 90rpx; font-size: 28rpx; font-family: PingFangSC-Regular; font-weight: 400; color: #9b9b9b; } .date .date-value { margin-left: 12rpx; color: #4facfe; } .date .icon-date { height: 36rpx; width: 36rpx; float: right; margin: 6rpx 0 0 0; } .date .icon-date image { height: 36rpx; width: 36rpx; } .date .icon-clear { height: 32rpx; float: right; color: #4facfe; margin: 0 28rpx 0 0; font-size: 24rpx; } .list-box { padding: 20rpx 20rpx 30rpx; } .list-info { margin-bottom: 20rpx; } .i-card { width: 710rpx; border-radius: 20rpx; background: #fff; box-shadow: 0 0 40rpx 0 rgba(0, 0, 0, 0.05); display: flex; flex-direction: column; overflow: hidden; margin-bottom: 20rpx; } .header { padding: 20rpx 30rpx; color: #444; font-size: 28rpx; font-weight: 500; display: flex; align-items: center; justify-content: space-between; } .header .rightArrowImg { width: 12rpx; height: 22rpx; color: #a7a7a7; margin-left: 30rpx; } .content-wrap { border-top: 0.1rpx solid #efefef; padding-bottom: 20rpx; } .content-wrap .item { display: flex; justify-content: space-between; font-size: 24rpx; padding: 16rpx 30rpx; padding-bottom: 0; } .content-wrap .item .title { color: #aaa; } .content-wrap .item .detail { color: #444; } .noRecordCon { display: flex; justify-content: center; align-items: center; flex-direction: column; } .noRecordCon .noRecordImg { width: 132rpx; height: 138rpx; margin-top: 50%; } .noRecordCon .noRefundImg { width: 218rpx; height: 218rpx; margin-top: 50%; } .noRecordCon .noRecord { padding-top: 32rpx; font-size: 30rpx; font-family: PingFangSC-Light; font-weight: 300; color: #666; line-height: 30rpx; } .item-phone { display: inline-block; padding: 5rpx 16rpx; border: 2rpx solid #4facfe; border-radius: 22rpx; margin-left: 10rpx; color: #4facfe; } .icon-phone { width: 18rpx; height: 22rpx; margin-right: 2px; }