PhonicsGame_master/pages/main/detail.wxss

.container {
  background-color: #4F4745;
  justify-content: flex-start;
}

.makepaper_headline_illus_lab{
  width: 100%;
  height:350rpx;
}

.questioncard_icon {
  width: 86rpx;
  height: 96rpx;
  position: absolute;
  top:86rpx;
  left:490rpx;
  z-index: 10;
}

.Example{
  font-family: 'Roboto-Bold';
  font-size:24rpx;
  color:#D3E9FF;
  position: absolute;
  top:191rpx;
  left:329rpx;
  z-index: 10;
}

.makepaper_headline_illus_windows{
  width: 100%;
  height:350rpx;
  position: absolute;
  top:0;
  z-index: 20;
}

.line0 {
  width: 100%;
  height: 20rpx;
  background-color: #FFCE50;
}

.line1 {
  width: 100%;
  height: 150rpx;
  background-color: #B47C35;
}

.makepaper_headline_illus_board{
  width: 563rpx;
  height: 100rpx;
}


.line1 .text{
  color:#FAE5D2;
  margin-top: -80rpx;
  font-size:42rpx;
}


.line2 {
  width: 100%;
  height: 10rpx;
  background-color: #9A6726;
}

.line3 {
  width: 100%;
  height: 120rpx;
  background-color: #3A3332;
}

.line4 {
  width: 100%;
  height: 30rpx;
  background-color: rgba(0,0,0,0.1);
  margin-top: -120rpx;
  z-index: 20;
}

.panel1 {
  width: 680rpx;
  height: 854rpx;
  background-color: #262626;
  margin-top: -30rpx;
  z-index: 10;
  color:#9B9B9B;
  justify-content: flex-start;
}
.panel1 .text1{
  font-size:32rpx;
  margin-top: 60rpx;
}
.panel1 .text2{
  font-size:36rpx;
  margin-top: 30rpx;
  color:#d2d2d2;
}
.panel1 .text3{
  font-size:24rpx;
  margin-top: 10rpx;
  color:#868686;
}
.universalpic_attention_black_size01{
  width: 20rpx;
  height: 20rpx;
  margin-right: 10rpx;
}


.universalpic_indicator_cell_size01{
  width:400rpx;
  height:104rpx;
  margin-top: -94rpx;
}
.btnSelect{
  width: 310rpx;
  height:104rpx;
  font-size: 36rpx;
  color:#D2D2D2;
  text-align: center;
  line-height: 90rpx;
}
.universalpic_line_dashed_size01{
  width:634rpx;
  height:4rpx;
  margin-top: 40rpx;
}

.panel1 .text4{
  font-size:32rpx;
  margin-top: 40rpx;
}

.universalpic_value_cell_size01{
  width:400rpx;
  height:104rpx;
  margin-top: 20rpx;
}

.panel1 .panel10{
  margin-top: -104rpx;
  width:400rpx;
  height:104rpx;
  justify-content: space-between;
}

.panel1 .btnAddSub{
  width:90rpx;
  height:104rpx;
}

.panel1 .Number{
  color:#D2D2D2;
  font-size: 36rpx;
  margin-top: -14rpx;
}

.panel1 .text5{
  font-size:24rpx;
  margin-top: 20rpx;
  color:#868686;
  font-weight: 400;
}

.btn {
  width: 600rpx;
  height: 130rpx;
  background-color: #7D2B25;
  border-radius: 10rpx;
  position: relative;
  margin-top: 80rpx;
}

.btn1 {
  width: 100%;
  height: 100rpx;
  background-color: #B3443B;
  border-radius: 10rpx;
  line-height: 100rpx;
  text-align: center;
  color: #DEC2B8;
  font-size: 48rpx;
}

.universalpic_line_zigzag_black_down{
  width: 680rpx;
  height: 49rpx;
}

.universalpic_line_zigzag_black_up{
  width: 680rpx;
  height: 79rpx;
}


.panel2 {
  width: 680rpx;
  height: 1384rpx;
  background-color: #262626;
  margin-top: -30rpx;
  z-index: 10;
  border-bottom-left-radius: 20rpx;
  border-bottom-right-radius: 20rpx;
  box-shadow: 0px 10px 0px rgba(0, 0, 0, 0.10);
  justify-content: flex-start;
}


.panel2 .panel20{
  width: 100rpx;
  height: 100rpx;
  background-color: #19C575;
  margin-top: 50rpx;
  border-radius: 50%;
}

.panel2 .text6{
  font-size:32rpx;
  margin-top: 30rpx;
  color:#9B9B9B;
}
.panel2 .text7{
  font-size:24rpx;
  margin-top: 50rpx;
  color:#868686;
  font-weight: 400;
}
.panel2 .panel21{
  width: 600rpx;
  margin-top: 40rpx;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 40rpx;
}
.panel2 .panel210{
  width: 130rpx;
  height:184rpx;
  border-radius: 8rpx;
  background-color: #dddddd;
  margin: 0 10rpx 20rpx 10rpx;
}

.universalpic_right_white_size01{
  width: 50rpx;
  height: 38rpx;
}

.panel2 .text8{
  font-size:32rpx;
  margin-top: 60rpx;
  color:#9B9B9B;
}

.panel2 .panel22{
  width:100%;
  margin-top: 60rpx;
  justify-content: space-around;
  align-items: flex-start;
}

.panel2 .panel220{
  width:260rpx;
  justify-content: flex-start;
}
.panel2 .panel2200{
  width:106rpx;
  height:106rpx;
  border-radius: 50%;
  background-color: #4D4D4D;
}

.universalpic_print_gray_size01{
  width:48rpx;
  height:50rpx;
}
.universalpic_write_gray_size01{
  width:50rpx;
  height:50rpx;
}

.panel2 .text9{
  width:260rpx;
  font-size:24rpx;
  margin-top: 40rpx;
  color:#868686;
  text-align: center;
  font-weight: 400;
}

.panel2 .text10{
  width:260rpx;
  font-size:24rpx;
  margin-top: 40rpx;
  color:#F0F0F0;
  text-align: center;
  text-decoration:underline;
}

.line5 {
  width: 100%;
  height: 100rpx;
}