PhonicsGame_master/pages/main/item.wxss

.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;
}

.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;
}