miaoguo_master/pages/test/index.wxss

.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;
}