page{ background: #F0F0F0; } .title-padding{ height: var(--status-bar-height); background: #FFFFFF 100%; } /* 标题开始 */ .history-title{ background: #FFFFFF 100%; height: 88rpx; border-bottom: 2rpx solid #F0F0F0; } .history-title-text{ display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 32rpx; color: #171F24; height: 88rpx; } /* 标题结束 */ /* 主体开始 */ .content-block{ display: flex; flex-direction: column; justify-content: flex-start; background: #FFFFFF 100%; } .content-block-line{ display: flex; flex-direction: row; justify-content: space-between; box-sizing: border-box; padding: 0 40rpx; align-items: center; height: 92rpx; border-bottom: 2rpx solid #F0F0F0; } .content-block-line-left{ color: #303233; font-size: 30rpx; } .content-block-line-right{ display: flex; flex-direction: row; justify-content: flex-end; } .content-block-line-right-text{ color: #3982FC; font-size: 30rpx; margin-right: 40rpx; } .content-block-line-right-pic{ height: 44rpx; width: 44rpx; } .sroll-block{ display: flex; flex-direction: column; justify-content: flex-start; } .sroll-block-line-one{ display: flex; flex-direction: row; height: 122rpx; justify-content: space-between; align-items: center; background: #FFFFFF; box-sizing: border-box; padding: 0 40rpx; margin-top: 20rpx; border-bottom: solid #F0F0F0 1px; } .sroll-block-line-one-text{ margin-right: 14rpx; height: 44rpx; white-space: nowrap; font-size: 32rpx; color: #333333; text-align: left; display: flex; flex-direction: column; justify-content: center; } .sroll-block-line-one-pic{ height: 44rpx; width: 44rpx; } .sroll-block-content{ display: flex; flex-direction: column; justify-content: flex-start; margin-bottom: 20rpx; height: 236rpx; background: #FFFFFF; } .sroll-block-content-line-one{ height: 88rpx; display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 0 40rpx; box-sizing: border-box; } .sroll-block-content-line-one-left{ display: flex; flex-direction: row; justify-content: flex-start; height: 42rpx; align-items: center; } .sroll-block-content-line-one-left-pic{ height: 34rpx; width: 6rpx; } .sroll-block-content-line-one-left-text{ margin-left: 14rpx; font-size: 30rpx; color: #000000; } .sroll-block-content-line-one-right{ height: 44rpx; width: 44rpx; } .sroll-block-content-line{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 92rpx; border-bottom: 2rpx solid #F0F0F0; padding: 0 40rpx; box-sizing: border-box; } .sroll-block-content-line-text{ height: 124rpx; font-size: 24rpx; padding: 2rpx 40rpx; box-sizing: border-box; } .sroll-block-content-line-left{ color: #303233; font-size: 30rpx; } .sroll-block-content-line-right{ color: #999999; font-size: 26rpx; } .no-data{ color: #FF5059; /* background: #FFFFFF; */ display: flex; flex-direction: row; justify-content: center; align-items: center; } /* 主体结束 */