.container{
  height: 100%;
  display: flex;
  flex-direction: column;
}

.tab-box{
    box-sizing: border-box;
    flex: 1 1 10px;
    height: 10px;
    padding :0 12px;
}

.tappable{
  color: #4cacff;
  padding: 0 12px;
}

text.start-answer{
  position: fixed;
  right: 8rpx;
}
text.edit-exercise{
  position: fixed;
  right: 8rpx;
}

.exercise{
  background: white;
  padding: 15rpx 15rpx;
  margin: 14rpx 0rpx;
  border-radius: 12rpx;
}
.exercise-info{
  margin-top: 2rpx;
  align-items: center;
}
.exercise-tip{
  color: white;
  font-size: 10px;
  height: 14px;
  background: lightblue;
  border-radius: 14rpx;
  padding: 4rpx 16rpx;
  margin-left: 18rpx;
  text-align: center;
}

view.no-content{
  display: flex;
  flex-direction: row;
  justify-content: center;
}

image.no-content{
  width: 200rpx;
  height: 200rpx;
}

.require-login{
  display: flex;
  flex-direction: column;
  margin-top: 34%; 
  align-items: center;
}