OnlineTraining0622/pages/grade/grade.wxss

.home{
  height: 200rpx;
  background-color: #eb3f33;
}
.box {
  margin: 0 40rpx;
  background-color: white;
  border-radius: 20rpx;
  margin-top: -100rpx;
  padding-top: 80rpx;
  font-size: 26rpx;
  padding-bottom: 20rpx;
}
.yuan{
  height: 160rpx;
  width: 160rpx;
  border-radius: 50%;
  background-color: white;
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 0 auto;
}
.title{
  font-size: 20rpx;
  color: white;
}
.fen{
  font-size: 50rpx;
  color: white;
  margin-top: 10rpx;
}
.nei{
  height: 123rpx;
  width: 123rpx;
  background-color: #EB3F33;
  border-radius: 50%;
  margin: 0 auto;
  margin-top: 18rpx;
  box-shadow:rgba(235,63,51,0.3) 0px 0px 20px;
}
.redk {
  height: 33rpx;
  width: 8rpx;
  background-color: #eb3f33;
  border-radius: 5rpx;
  margin-right: 10rpx;
  margin-left: 40rpx;
  float: left;
}
.cuoti-box{
  background:rgba(172,213,152,0.2);
  border-radius:7rpx;
  display: flex;
  margin: 40rpx;
  padding-top: 10rpx;
  padding-left: 10rpx;
}
.wenti{
  text-align: justify;
  font-size: 25rpx;
  margin-left: 20rpx;
  width: 620rpx;
}
.daan{
  font-size: 21rpx;
  margin: 20rpx 20rpx 20rpx 0rpx;
  display: flex;
  width: 500rpx;
}
.wodedaan{
  display: inline-block;
  color: #EB3F33;
  width: 400rpx;
}
.wodedaan_text{
  width: 100rpx;
}
.number{
  height: 30rpx;
  line-height: 30rpx;
  width: 34rpx;
  border-radius: 34rpx;
  border: 1rpx solid black;
  text-align: center;
}
.zhengquedaan{
  display: inline-block;
  color: #00B627;
}


page {
  background:#F4F4F4
  
}