.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_shelf_illus_grade02 { width: 545rpx; height: 140rpx; margin-top: 10rpx; } .questioncollection_headline_shelf_illus_grade03 { width: 580rpx; height: 140rpx; margin-top: 10rpx; } .questioncollection_headline_shelf_illus_grade04 { width: 529rpx; height: 130rpx; 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; } .line6 { width: 100%; height: 550rpx; background-color: #514a47; } .lineLong { width: 30rpx; height: 540rpx; 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; } .menu { position: fixed; bottom: 0; width: 100%; background-color: #d2d2d2; z-index: 30; } .menu .text1 { font-size: 24rpx; margin: 30rpx; } .menu .panel { font-size: 36rpx; height: 111rpx; width: 100%; background-color: #fff; position: relative; } .menu .line { height: 2rpx; width: 100%; background-color: #e3e3e3; } .menu .line2 { height: 20rpx; width: 100%; background-color: #d2d2d2; } .universalpic_select_on_black { height: 30rpx; width: 30rpx; position: absolute; left:40rpx; top:40rpx; }