.container{ background-color: #fff; } .panelTop{ width:100%; height:110rpx; background-color: #fff; position: fixed; z-index: 10; top:0; border-bottom:1rpx solid #d2d2d2; align-items: flex-end; } .panelTop1{ width:160rpx; font-size:32rpx; } .panelTopLine{ width:160rpx; height:14rpx; margin-top: 20rpx; background-color: #1E1E1E; } .panelTopLine0{ background-color: #fff; } .panelTop2{ font-size:24rpx; color:#0071EF; margin-right: 30rpx; } .universalpic_menu_blue_26x26{ width:26rpx; height:26rpx; margin-right: 10rpx; } .panelLine{ width:100%; height:110rpx; background-color: #f0f0f0; } .panel{ width:100%; height:533rpx; background-color: #f0f0f0; } .panelTab{ width:100%; background-color: #F0F0F0; display: flex; white-space: nowrap; } .Tab{ height:60rpx; line-height: 60rpx; margin:30rpx 20rpx 0 0; font-size:24rpx; background-color: #fff; border-radius: 10rpx; display: inline-block; text-align: center; padding:0 20rpx; } .Tab0{ width:20rpx; height:60rpx; display: inline-block; } .TabSelect{ background-color: #5282FA; color:#fff; } .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: 45rpx 30rpx 0 0; position: relative; } .Card0{ width:20rpx; 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; } /* 底部导航************************* */ .panelBottom { position: fixed; bottom: 0; width: 100%; } .panelBottom1 { width: 100%; background-color: #fff; border-top:1rpx solid #d2d2d2; } .panelBottom11 { color:#9B9B9B; height:98rpx; width:150rpx; font-size:36rpx; } .panelBottom12 { color:#9B9B9B; height:98rpx; width:300rpx; font-size:36rpx; } .text5{ color:#1e1e1e; } .text51{ width:220rpx; text-align: right; } .universalpic_indicator_right_gray{ width:16rpx; height:26rpx; margin-left: 30rpx; margin-right:30rpx; } .universalpic_fav_default_gray_26x24{ width:26rpx; height:24rpx; margin-right: 20rpx; } .iphone10plus{ width:100%; height:30rpx; background-color: #fff; } .tabbar_add_red_70x70 { width: 70rpx; height: 70rpx; }