challengeFamily/pages/order/scratch/scratch.wxss

/* .icon-zfcg{font-size:200rpx;text-align:center;padding-top:90rpx;} */
.scratch-success-icon image{
  width: 200rpx;
  margin: 0 auto;
  display: block;
  margin-top: 70rpx;
}
.payTit{color:#595757;text-align:center;font-size:30rpx;margin-top:70rpx;}
.scarTit{color:#898989;font-size:26rpx;text-align:center;margin-top:20rpx;}
.scratch{width:100%;height:370rpx;margin-top:100rpx;position:relative;}
.scratch .column{width:100%;height:100%;position:absolute;left:0;top:0;}
.scratch .img-one{z-index:1;}
.scratch .img-two{z-index:2;}
.prize{z-index:3;padding-top:100rpx;box-sizing:border-box;text-align:center;}
.scratch .myCanvas{z-index:4;}
.content{font-size:38rpx;color:#000;text-align:center;}
.explain{margin-top:30rpx;font-size:28rpx;color:#ee3a43;text-align:center;margin-bottom:20rpx;}
.rule{display:inline-block;padding:10rpx 20rpx;background-color:#ee3a43;border-radius:30rpx;color:#fff;font-size:28rpx; margin-top: 40rpx;}

.modular .modal-label{
  padding: 20rpx;
}
.coin-list{
  display: flex;
  align-items: center;
}
.coin-list .coin-list-l{
  width: 90rpx;
  height: 90rpx;
  border-radius: 50%;
  background-image: linear-gradient(to top,rgb(237,58,67,.35) 0% ,rgb(237,58,67,.2) 30%, rgb(255, 255, 255,0));
}
.coin-list .coin-list-l .icon-box{
  margin: 2rpx;
  background: #fff;
  height: calc(100% - 4rpx);
  border-radius: 50%;
  text-align: center;
  line-height: 86rpx;
  font-size: 52rpx;
  color: #ee3a43;
}
.coin-list .coin-list-c{
  flex: 1;
  padding: 0 20rpx;
}
.coin-list .coin-list-r{
  background: #FEF5F5;
  color: #ee3a43;
  padding: 0 1rem;
  border-radius: 4rem;
}

.coin-list .coin-list-c .get-method span{
  margin-right: .4rem;
}
.coin-list .coin-list-c .get-ins{
  color: #999;
  font-size: 24rpx;
  margin-top: 10rpx;
}