.container {
  background-color: #F0F0F0;
  justify-content: flex-start;
  font-weight: 500;
}

.panel1{
  width: 100%;
  background-color: #fff;
}
.panel1 .text{
  width: 690rpx;
  margin: 40rpx 30rpx;
  font-size:24rpx;
  color:#1e1e1e;
  font-weight: 400;
  line-height: 35rpx;
}

.panel1 .word{
  width: 100%;
  height:125rpx;
  background-color: #F0F0F0;
  justify-content: flex-start;
}

.panel1 .word1{
  font-size:32rpx;
  margin: 50rpx 0 30rpx 30rpx;
}

.panel1 .pinyin{
  margin-left: 30rpx;
  font-family: 'GB Pinyinok-C';
  font-weight: normal;
  font-style: normal;
}

.panel1 .combine{
  width: 100%;
}

.panel1 .combine1{
  margin: 30rpx 20rpx 10rpx 20rpx;
  width: 710rpx;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.panel1 .word2{
  font-size:28rpx;
  margin: 0 10rpx 20rpx 10rpx;
  padding: 6rpx 10rpx;
}
.panel1 .selected{
  background-color: #F5E2BE;
  border-radius: 6rpx;
  padding: 6rpx 10rpx;
}

.container .bottom{
  width:100%;
  height:160rpx;
  position: fixed;
  bottom:0;
  background-color: #CDB797;
  justify-content: flex-end;
  z-index: 100;
}
.container .bottom1{
  width:100%;
  height:140rpx;
  background-color: #1B1B1B;
  text-align: center;
  line-height: 140rpx;
  font-size: 48rpx;
  color: #f0f0f0;
}

.container .bottom1 .btn{
  width:20%;
  height:120rpx;
}