/* pages/appRecord/appRecord.wxss */
.record-box{ padding: 30rpx 25rpx; border-top: #f0f0f0 20rpx solid; background-color: #FFF; box-sizing: border-box; min-height: 100vh; position: relative;}
.line-bg{border-left: dashed 1px #cccccc; position: absolute; left: 65rpx; top: 40rpx; bottom: 0; z-index: 0; }
.record-list{display: flex; justify-content: space-between; position: relative; z-index: 1; margin-bottom: 40rpx;}
.r-left{width: 80rpx; text-align: center;}
.r-left text{width: 84rpx; height: 80rpx; line-height: 30rpx; background-color: #efefef; border-radius: 6px; display: block; font-size: 24rpx; padding: 10rpx 17rpx; box-sizing: border-box;}
.r-right{ flex: 1; margin-left: 35rpx; font-size: 24rpx;}
.right-top{ display: flex; min-height: 80rpx; align-items: center; flex-wrap: wrap;}
.name-date{width:100%; display: flex; justify-content: space-between; font-size: 26rpx;}
.name-date view:last-child{color: #999999; font-size: 24rpx; white-space: nowrap;}
.r-content{color: #666666; margin-top: 10rpx;}
.status-img{ width: 130rpx; height: 36rpx; margin-top: 10rpx;}
.list-box .record-list:first-child .r-left text{background-color: #e5f4fc; border: solid 1px #0a6597; color: #0a6597;}
.list-box .record-list:first-child .name-date view:last-child { color: #0a6597;}
.list-box .record-list:last-child .r-left text{background-color: #FFF; border: solid 1px #fff; }
.no-msg{text-align: center; font-size: 28rpx; margin-top: 100rpx; color: #666;}