PhonicsGame_master/pages/main/answer.wxss

.container {
  background-color: #213a53;
  justify-content: flex-start;
}

.line0 {
  width: 100%;
  height: 112rpx;
  background-color: #326fae;
}

.line1 {
  width: 100%;
  height: 146rpx;
  background-color: #8c3d34;
  z-index: 10;
}

.answerroom_list_conveyer_headline_illus {
  width: 710rpx;
  height: 170rpx;
  position: absolute;
  top: 20rpx;
  z-index: 20;
}

.panelTop {
  width: 710rpx;
  position: absolute;
  top: 80rpx;
  z-index: 30;
  justify-content: space-between;
}

.panelTop .panelTop0 {
  width: 280rpx;
  height: 90rpx;
  margin-left: 50rpx;
}

.panelTop .panelTop1 {
  margin-right: 69rpx;
}

.panelTop .panelTop00 {
  width: 280rpx;
  height: 80rpx;
  border-top-left-radius: 20rpx;
  border-top-right-radius: 20rpx;
  background-color: #d79e59;
}

.panelTop .line {
  width: 280rpx;
  height: 10rpx;
  background-color: #b98043;
}

.panelTop .textTitle {
  font-size: 26rpx;
  font-weight: 500;
  width:52rpx;
  height:37rpx;
}

.panelTop .textTitle0 {
  width:155rpx;
  height:37rpx;
}

.panelTop .textTitle1 {
  -webkit-text-stroke:8rpx #c34738;
  position: absolute;
  text-align: center;
  line-height: 37rpx;
}


.panelTop .textTitle10 {
  -webkit-text-stroke:8rpx #906A3C;
}

.panelTop .textTitle2 {
  color: #fff;
  position: absolute;
  text-align: center;
  line-height: 37rpx;
}

.panelTop .btn {
  width: 16rpx;
  height: 16rpx;
  background-color: #9ee74f;
  margin-right: 10rpx;
  border-radius: 3rpx;
}

.panelTop .btn2 {
  background-color: #f0be7b;
}


.universalpic_select_on_white {
  width: 30rpx;
  height: 30rpx;
  margin-right: 20rpx;
}

.universalpic_select_on_gray {
  width: 30rpx;
  height: 30rpx;
  margin-right: 12rpx;
  margin-left: 42rpx;
}

.panel0 {
  width: 100%;
  position: absolute;
  top: 170rpx;
  background-color: #213a53;
}

.panel0 .panel00 {
  width: 100%;
  z-index: 20;
  align-items: flex-start;
}

.panel0 .panel01 {
  width: 100%;
  z-index: 20;
  align-items: flex-start;
  position: absolute;
  top: 0;
}

.panel0 .panel000 {
  width: 10rpx;
  height: 140rpx;
  background-color: #929292;
  z-index: 30;
  justify-content: space-between;
}

.panel0 .panel001 {
  width: 20rpx;
  height: 140rpx;
  background-color: #4d4d4d;
  z-index: 30;
}

.panel0 .panel0Main {
  width: 610rpx;
  height: 130rpx;
}

.panel0 .panel0MainBG {
  background-color: #6a6d6f;
  position: absolute;
  z-index: 200;
  top:0rpx;
}

.panel0 .item {
  width: 100%;
  height: 130rpx;
  background-color: #797c7d;
  justify-content: space-between;
  position: relative;
}

.panel0 .itemLine0 {
  width: 100%;
  height: 10rpx;
  background-color: rgba(0, 0, 0, 0.36);
}

.panel0 .itemLine00 {
  width: 100%;
  height: 10rpx;
  background-color: rgba(0, 0, 0, 0.46);
}

.panel0 .itemLine1 {
  width: 100%;
  height: 10rpx;
  background-color: #979595;
}

.panel0 .itemChild {
  width: 100%;
  height: 110rpx;
  justify-content: space-between;
}

.panel0 .itemChild0 {
  background-color: #5e6164;
}

.panel0 .itemLineSelected {
  width: 100%;
  height: 120rpx;
  background-color: rgba(0, 0, 0, 0.60);
  position: absolute;
  top:0;
}

.universalpic_select_on_orange{
  width: 30rpx;
  height: 30rpx;
  margin: 50rpx 0 0 42rpx;
}

.questioncard_icon {
  width: 54rpx;
  height: 60rpx;
  margin-left: 30rpx;
}

.itemChild .title {
  color: #fff;
  margin-left: 30rpx;
  align-items: flex-start;
}

.itemChild .title1 {
  font-size: 20rpx;
  font-weight: 500;
}

.itemChild .title2 {
  font-size: 30rpx;
  color: #c9c9c9;
  font-weight: 500;
}

.itemChild .title3 {
  width: 122rpx;
  height: 70rpx;
  background-color: #3e3e3e;
  color: #fff;
  border-top-left-radius: 4rpx;
  border-bottom-left-radius: 4rpx;
  position: relative;
}


.universalpic_new_red_size01{
  width: 70rpx;
  height: 30rpx;
  position: absolute;
  left:40rpx;
  top:-20rpx;
}

.itemChild .title30 {
  font-size: 20rpx;
  font-family: 'Roboto-Bold';
  position: absolute;
  top: 10rpx;
  left: 14rpx;
}

.itemChild .title31 {
  font-size: 38rpx;
  font-family: 'Roboto-Bold';
  margin-top: 7rpx;
}

.panel0 .line2 {
  width: 610rpx;
  height: 20rpx;
  background-color: #6a6d6f;
}

.answerroom_list_conveyer_footer_illus {
  width: 100%;
  height: 320rpx;
  position: relative;
  z-index: 20;
  margin-top: -170rpx;
}

.universalpic_attention_blue_size01 {
  width: 20rpx;
  height: 20rpx;
  margin-right: 10rpx;
}

.answerroom_list_conveyer_part_left {
  width: 18rpx;
  height: 60rpx;
  margin: 55rpx 0 50rpx -30rpx;
}

.answerroom_list_conveyer_part_right {
  width: 18rpx;
  height: 60rpx;
  margin: 55rpx -28rpx 50rpx 0;
}

.panel0 .line21 {
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 30;
  position: absolute;
  top: 0;
  width: 670rpx;
}

.universalpic_new_red_size01 {
  width: 70rpx;
  height: 30rpx;
  position: absolute;
  top: -15rpx;
  left: 40rpx;
}

.textFooter {
  margin-top: 40rpx;
  margin-bottom: 100rpx;
}

.textFooter1 {
  color: #4f92ba;
  font-size: 22rpx;
}

.Help_aside_answerroom_list{
  width: 100%;
  height: 270rpx;
  position: fixed;
  bottom: 0rpx;
  z-index: 200;
}


.panel0 .line3 {
  width: 670rpx;
  height: 20rpx;
  background-color:rgba(0, 0, 0, 0.2);
  position: absolute;
  top:0;
  z-index: 210;
}