challengeFamily/pages/account/course/module/answer.wxss

page{
  background: linear-gradient(to bottom, #E03D42 0, #E03D42 160rpx, white 160.001rpx,  white 600rpx) no-repeat;}
/* 公用样式 */
.pink-bg{
  background: #FCEBEF;
  border-radius: 12rpx;
}
.option{margin:82rpx 35rpx 0; padding: 34rpx 40rpx ; border: 2rpx solid #EE3A43; border-radius: 12rpx; background: #fff; min-height: 660rpx; position: relative;display: flex;flex-direction: column;font-size: 24rpx;z-index: 28;}
.option::before, .option::after{content:''; position: absolute; left: 50%; transform: translateX(-50%); border: 2rpx solid #BF081A; border-bottom:0 none; border-radius: 12rpx 12rpx 0 0;}
.option::before{top:-19rpx; height: 15rpx; width: 95%; background: #FFCAD7; z-index: 2;}
.option::after{top:-31rpx; height: 11rpx; width: 85%; background: rgba(255, 204, 211, .6); z-index: 1}
.option-top{
  display: flex;
  justify-content: space-between;
  font-size: 24rpx;
}

.option-top .pink-bg{
  display: inline-block;
  width: 80rpx;
  text-align: center;
  border-radius: 15rpx;
}

.option-title{
  width: 100%;
  line-height: 74rpx;
  font-size: 24rpx;
}
.list-block .item-content{
  margin-top: 20rpx;
  min-height: 46rpx;
  line-height: 46rpx;
  padding: 20rpx ;
}

.item-after{ 
  height: 100%;
}
.icon-mini-ok{
  font-size: 44rpx;
  /* line-height: 44rpx; */
  color: #22AC38;
  margin-top: -12rpx;
}
.icon-mini-error{
  font-size: 44rpx;
  /* line-height: 44rpx; */
  color: #EE3A43;
  margin-top: -12rpx;
}
/* button */
.buttons-row{
  margin: 80rpx 35rpx 58rpx;
}
.buttons-row .button{
  line-height: 66rpx;
  font-size: 28rpx;
}
/* 答案 */
.answer{
  margin: 0 35rpx 80rpx;
}
.answer .blackColor{
  text-indent:2em;
  margin-top: 14rpx;
  line-height: 36rpx;
}
.answer-detail{
  text-indent: 2em;
  margin-top: 5rpx;
  color: #595757;
  line-height: 37rpx;
}
.label-checkbox checkbox .wx-checkbox-input{width: 20rpx; height: 20rpx;}
.label-checkbox checkbox .wx-checkbox-input.wx-checkbox-input-checked::before{content:'';}
.label-radio radio .wx-radio-input{width: 20rpx; height: 20rpx;}
.label-radio radio .wx-radio-input.wx-radio-input-checked::before{content:''; background:#EE3A43;}
.label-radio radio[disabled][checked] .wx-radio-input{border-color: #EE3A43;background:#EE3A43;}