.container { background-color: #F0F0F0; justify-content: flex-start; } .panel0 { background-color: #fff; width:100%; min-height:110rpx; justify-content: space-between; } .panelLeft{ margin-left: 30rpx; font-size: 28rpx; } .panelLeft2{ margin-left: 30rpx; font-size: 32rpx; font-weight: 500; } .panelRight{ margin-right: 30rpx; font-size: 24rpx; font-family: 'Roboto-Bold'; } .panelRight .btn{ margin-left: 30rpx; width:60rpx; height:50rpx; text-align: center; line-height: 50rpx; } .panelRight .btn1{ border-radius: 4rpx; color:#fff; background-color: #2E2E2E; } .panel1 { background-color: #F8F8F8; height:120rpx; } .panelRight .btn2 { width: 168rpx; height: 70rpx; background-color: #146392; border-radius: 8rpx; position: relative; margin-left: 20rpx; } .panelRight .btn3 { width: 100%; height: 60rpx; background-color: #169DED; border-radius: 8rpx; font-size:32rpx; color:#fff; } .panelRight .btn4 { background-color: #D2D2D2; } .panelRight .btn5 { background-color: #F0F0F0; color:#D2D2D2; } .universalpic_play_white_size01{ width: 25rpx; height: 30rpx; } .universalpic_rewind_white_size01{ width: 50rpx; height: 30rpx; } .pause_white_size01{ width: 30rpx; height: 30rpx; } .panel2 { background-color: #F0F0F0; } .panel3 { margin:20rpx 0 20rpx 0; border-bottom: 1rpx solid #D2D2D2; } .panel4 { height:120rpx; border-bottom: 1rpx solid #D2D2D2; } .panelRowTop{ background-color: #D2D2D2; height:50rpx; width:100%; justify-content: space-between; } .panelRowTop .panelLeft1{ font-size: 22rpx; } .panelRowBody{ background-color: #F0F0F0; } .panelRowBody .number{ text-align: center; width:46rpx; height:36rpx; line-height: 36rpx; border-radius: 4rpx; color:#fff; background-color: #2E2E2E; font-family: 'Roboto-Bold'; font-size:22rpx; } .panelRowBody .answer{ font-size:48rpx; margin-left: 40rpx; font-family: 'Roboto-Regular'; } .panelRowBody .equation{ font-size:26rpx; margin-right: 20rpx; color:#8C8C8C; font-family: 'Roboto-Regular'; } .panelRowBody{ background-color: #F0F0F0; } .line{ width:100%; height:1rpx; justify-content: flex-end; } .line .line1{ width:720rpx; height:1rpx; background-color: #D2D2D2; } .formula_btn_show{ width: 30rpx; height: 34rpx; } .panelAnswer{ margin: 53rpx 0 41rpx 0; align-items: flex-start; } .panelAnswer .panelAnswerCol{ justify-content: flex-start; } .formula_division_size{ height:77rpx; margin: -20rpx 25rpx 0 5rpx; } .formula_division_size01{ width:114rpx; } .formula_division_size02{ width:171rpx; } .formula_division_size03{ width:228rpx; } .formula_division_size04{ width:285rpx; } .formula_division_size04{ width:285rpx; } .formula_division_size05{ width:342rpx; } .formula_division_size06{ width:399rpx; } .formula_division_size07{ width:456rpx; } .formula_division_size08{ width:513rpx; } .panelAnswer .colNumber{ font-size:48rpx; margin: 10rpx 15rpx; font-family: 'Roboto-Regular'; width:27rpx; height:57rpx; text-align: center; } .panelAnswer .colDot{ font-size:48rpx; margin: 10rpx -8rpx 0 -5rpx; font-family: 'Roboto-Regular'; width:13rpx; height:57rpx; text-align: center; } .panelAnswer .colLine{ height: 2rpx; background-color: #000; width:55rpx; margin: 10rpx 0rpx; } .panelAnswer .colLineNull{ width:27rpx; height:2rpx; margin: 10rpx 15rpx; } .panelAnswer .colLineHalf{ width:34rpx; height:2rpx; margin: 0rpx 0 0 28rpx; background-color: #000; } .imageShow{ width: 65rpx; height:92rpx; border-radius: 2rpx; background-color: #dddddd; margin: 10rpx 60rpx 0 0; } .universalpic_indicator_pink{ width: 16rpx; height:26rpx; margin-right: 30rpx; } .Help_aside_questioncollection{ width: 100%; height: 377rpx; position: fixed; bottom: 0rpx; z-index: 100; } .Help_aside_answerroom_detail{ width: 100%; height: 377rpx; position: fixed; bottom: 0rpx; z-index: 200; }