PhonicsGame_master/pages/main/list.wxss

.container {
  background-color: #3b3431;
  justify-content: flex-start;
}

.questioncollection_headline_root {
  width: 652rpx;
  height: 89rpx;
  position: absolute;
  top: 10rpx;
  left: 45rpx;
}

.line0 {
  width: 100%;
  height: 56rpx;
  background-color: #9c5043;
}

.line1 {
  width: 100%;
  height: 10rpx;
  background-color: #3d3835;
}

.line2 {
  width: 100%;
  height: 80rpx;
  background-color: #514a47;
}

.line3 {
  width: 100%;
  height: 40rpx;
  background-color: #433d3b;
}

.questioncollection_headline_light {
  width: 100%;
  height: 277rpx;
  position: absolute;
  top: 69rpx;
  z-index: 100;
}

.questioncollection_headline_shelf_illus_grade01 {
  width: 520rpx;
  height: 160rpx;
  margin-top: 10rpx;
}

.questioncollection_headline_plate{
  width: 112rpx;
  height: 70rpx;
  position: absolute;
  top:240rpx;
  left:60rpx;
}

.questioncollection_shelf_board {
  width: 630rpx;
  height: 100rpx;
  z-index: 10;
}

.questioncard {
  width: 580rpx;
  height: 130rpx;
  margin-top: -40rpx;
  position: relative;
  justify-content: flex-start;
}

.questioncollection_shelf_box {
  width: 580rpx;
  height: 130rpx;
  position: absolute;
}

.boxLeft {
  margin-left: -20rpx;
}

.boxRight {
  margin-right: -20rpx;
}

.questioncard_icon {
  width: 86rpx;
  height: 96rpx;
  z-index: 10;
  margin-left: 30rpx;
}

.questioncard .title {
  color: #1e1e1e;
  z-index: 10;
  margin-left: 30rpx;
  align-items: flex-start;
}

.questioncard .title1 {
  font-size: 30rpx;
}

.questioncard .title2 {
  font-size: 20rpx;
  color: #8f4a32;
  margin-top: 10rpx;
}

.questioncard .line {
  background-color: #a7583c;
  width: 3rpx;
  height: 16rpx;
  margin: 0 20rpx;
  border-radius: 2rpx;
}

.questioncollection_shelf_box_tape {
  width: 36rpx;
  height: 48rpx;
  position: absolute;
  left: 474rpx;
  top: 0;
}

.questioncard .title3 {
  width: 80rpx;
  height: 32rpx;
  font-size: 20rpx;
  background-color: #a7583c;
  color: #fff;
  margin-top: 10rpx;
  border-radius: 4rpx;
  text-align: center;
  line-height: 32rpx;
  z-index: 10;
  position: absolute;
  left: 430rpx;
  top: 70rpx;
}


.questioncollection_shelf_here{
  width: 130rpx;
  height: 60rpx;
  position: absolute;
  left:-16rpx;
  bottom: 0rpx;
  z-index: 20;
}

.universalpic_lock_locked_black_size01 {
  width: 32rpx;
  height: 37rpx;
  position: absolute;
  right: 34rpx;
}

.questioncollection_shelf_footer_illus{
  width: 630rpx;
  height: 318rpx;
  margin-top: 0rpx;
  z-index: 10;
}


.line4 {
  width: 100%;
  height: 100rpx;
  background-color: #433d3b;
  margin-top: -50rpx;
}

.line5 {
  width: 100%;
  height: 50rpx;
  background-color: #514A47;
}

.lineLong {
  width: 30rpx;
  height: 1100rpx;
  border-radius: 8rpx;
  background-color: #4D4D4D;
}

.lineLeft {
  position: absolute;
  top:168rpx;
  left:30rpx;
  justify-content: flex-end;
}
.lineRight {
  position: absolute;
  top:168rpx;
  right:30rpx;
  justify-content: flex-start;
}
.lineLong1{
  background-color: #6B6B6B;
  height:100%;
  width:10rpx;
  border-top-right-radius: 8rpx;
  border-bottom-right-radius: 8rpx;
}
.lineLong2{
  background-color: #6B6B6B;
  height:100%;
  width:10rpx;
  border-top-left-radius: 8rpx;
  border-bottom-left-radius: 8rpx;
}