.container{ background-color: #fff; } .panelTop{ width:100%; justify-content: space-between; height:106rpx; background-color: #fff; position: fixed; z-index: 10; top:0; border-bottom:1rpx solid #d2d2d2; } .panelTop1{ font-size:32rpx; margin-left: 30rpx; } .panelTop2{ font-size:24rpx; color:#0071EF; margin-right: 30rpx; } .universalpic_menu_blue_26x26{ width:26rpx; height:26rpx; margin-right: 10rpx; } .panelLine{ width:100%; height:106rpx; background-color: #f0f0f0; } .panelCard{ width:100%; height:443rpx; background-color: #F0F0F0; display: flex; white-space: nowrap; } .Card{ width:308rpx; height:343rpx; border-radius: 10rpx; background-color: #fff; display: inline-block; margin: 50rpx 0 0 30rpx; position: relative; } .Card0{ width:30rpx; height:343rpx; display: inline-block; } .examine_subject_a001{ width:80rpx; height:80rpx; position: absolute; top:40rpx; left:30rpx; } .Card1{ font-size:32rpx; position: absolute; top:150rpx; left:30rpx; } .Card2{ font-size:28rpx; position: absolute; top:195rpx; left:30rpx; font-weight: 400; } .Card3{ font-size:20rpx; position: absolute; top:249rpx; left:30rpx; font-weight: 400; } .Card4{ width:248rpx; position: absolute; top:275rpx; left:30rpx; justify-content: space-between; } .Progress{ width:160rpx; height:10rpx; border-radius: 5rpx; background-color: #F0F0F0; justify-content: flex-start; } .Progress1{ height:10rpx; border-radius: 5rpx; background-color: #34BD88; } .Number{ font-family: 'Roboto-Black'; font-size:32rpx; } .panelList{ width:100%; background-color: #fff; align-items: flex-start; } .panelListTitle{ font-size:32rpx; margin: 0 0 0 30rpx; height:115rpx; justify-content: flex-start; } .examine_clipboard_80x80{ width:80rpx; height:80rpx; margin: 10rpx 0 0 30rpx; } .panelListContent{ margin: 30rpx 0 30rpx 30rpx; font-size:24rpx; font-weight: 400; } .Item{ width:100%; height:136rpx; justify-content: space-between; } .Item1{ margin: 0 0 0 30rpx; align-items: flex-start; } .ItemTitle{ font-size:30rpx; font-weight: 400; } .ItemTitle11{ margin-left: 20rpx; } .ItemTitle2{ font-size:24rpx; font-weight: 400; color:#787878; } .Item2{ margin: 0 30rpx 0 0; align-items: flex-end; color:#787878; } .ItemDate{ font-size:24rpx; margin-bottom: 10rpx; } .examine_willread_gray_22x22{ width:22rpx; height:22rpx; margin-right: 30rpx; } .examine_willwrite_gray_22x22{ width:22rpx; height:22rpx; margin-right: 30rpx; } .universalpic_checked_gray_14x12{ width:14rpx; height:12rpx; } .Number2{ margin: 0 30rpx 0 10rpx; font-family: 'Roboto-Black'; font-size:24rpx; } .universalpic_wrong_gray_12x12{ width:12rpx; height:12rpx; } .Number3{ margin: 0 0 0 10rpx; font-family: 'Roboto-Black'; font-size:24rpx; } .footer{ width:100%; height:100rpx; background-color: #F0F0F0; } .numberContainer { width: 100%; justify-content: flex-start; align-items: flex-start; position: fixed; top: 0; background-color: #fff; color:#1e1e1e; z-index: 20; border-top: 1 solid #fff; } .numberContainer .universalpic_people_black_30x30{ width:30rpx; height:30rpx; margin: 50rpx 20rpx 0 30rpx; } .numberContainer .numberContaineFooter{ width: 100%; position: fixed; bottom: 0; align-items: flex-start; font-size: 36rpx; border-top: 1rpx solid rgba(0, 0, 0, 0.2); text-align: center; line-height: 131rpx; } .numberContainer .numberContaineFooter2{ color:#B3443B; font-weight: 500; } .universalpic_sequence_black_30x30_2{ margin: 50rpx 20rpx 0 30rpx; } .numberContainerFooter1{ width:100%; position: fixed; bottom:131rpx; } .numberContainerFooter102{ width:100%; height: 132rpx; justify-content: flex-start; } .numberContainerFooter103{ width:100%; height: 111rpx; justify-content: flex-start; } .numberContainerFooter104{ width:100%; height: 100rpx; justify-content: flex-start; } .numberContainerFooter101{ width:100%; justify-content: flex-start; align-items: flex-start; } .universalpic_edit_gray_25x25{ width: 25rpx; height: 25rpx; margin: 0 30rpx 0 30rpx; } .universalpic_typesize_gray_30x18{ width: 30rpx; height: 18rpx; margin: 57rpx 20rpx 0 30rpx; } .numberContainerFooter11{ align-items: flex-start; margin-top: 40rpx; } .numberContainerFooter111{ font-size:36rpx; font-weight: 400; } .numberContainerFooter1111{ margin-top: 40rpx; } .numberContainerFooter113{ font-size:24rpx; font-weight: 400; } .numberContainerFooter112{ justify-content: flex-start; flex-wrap: wrap; } .numberContainerFooter1121{ line-height:73rpx; border:3rpx solid #D2D2D2; border-radius: 10rpx; text-align: center; margin: 30rpx 30rpx 0 0; font-size:24rpx; padding: 0 30rpx; } .numberContainerFooter1121Select{ border:3rpx solid #0071EF; color:#fff; background-color: #0071EF; line-height:73rpx; border-radius: 10rpx; text-align: center; margin: 30rpx 30rpx 0 0; font-size:24rpx; padding: 0 30rpx; }