ssj_book/parents/pages/growth_track/growth_track.wxss

/* parents//pages/growth_track/growth_track.wxss */
@import '../../../templates/footer/footer.wxss';
@import '../../../templates/nodata/nodata.wxss';
@import '../../../templates/loading/loading.wxss';
page{
  background: #fff;
}
.li{
  margin: 0 40rpx 98rpx 40rpx;
  padding: 0;
  -webkit-overflow-scrolling: touch
}
.li-img{
  height: 205rpx;
  width: 100%;
  margin: 40rpx 0;
  border-radius:20rpx;
}
ff-canvas {
  width: 100%;
  height: 100%;
}
.li-rank{
  margin: 30rpx 0;
  padding: 0;
}
.li-rank-title{
  color: #41414C;
  font-size: 36rpx;
  margin-bottom: 24rpx;
  font-weight: 800
}
.li-rank-items{
  position: relative;
  height: 157rpx;
  margin: 10rpx 0;
}
.li-rank-items-bg{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
}
.li-rank-item{
  position: relative;
  z-index: 100;
  top: 40rpx;
  display: flex;
  justify-content: space-between;
  font-size: 30rpx;
  color: #fff;
  padding: 0 53rpx;
  text-align: center;
}
.li-rank-item-content{
  top: 45rpx;
}
.li-rank-item-month{
  font-size: 26rpx;
}
.li-rank-item-img{
  width: 180rpx;
  height: 83rpx;
}
.li-canvas{
  width:100%;
  height: 400rpx;
}
.li-balls{
  position: relative;
  margin: 40rpx 0;
  font-size: 28rpx;
  text-align: center;
  height: 400rpx;
  width: 100%;
}
.li-balls-one{
  width:170rpx;
  height:170rpx;
  background:rgba(119,143,242,0.8);
  border-radius:50%;
  color: #2342C5;
  position: absolute;
  top: 70rpx;
  left: 249rpx;
}
.li-balls-two{
  width:135rpx;
  height:135rpx;
  background:rgba(0,183,255,0.56);
  border-radius:50%;
  color: #0073A0;
  position: absolute;
  top: 150rpx;
  left: 85rpx;
}
.li-balls-three{
  width:59rpx;
  height:59rpx;
  background:rgba(121,189,232,0.8);
  border-radius:50%;
  position: absolute;
  top: 90rpx;
  left: 185rpx;
}
.li-balls-four{
  width:141rpx;
  height:141rpx;
  background:rgba(250,202,106,0.8);
  border-radius:50%;
  color: #9D6F13;
  position: absolute;
  top: 0rpx;
  right: 100rpx;
}
.li-balls-five{
  width:136rpx;
  height:136rpx;
  background:rgba(143,232,121,0.8);
  border-radius:50%;
  color: #3DB021;
  position: absolute;
  bottom: 85rpx;
  right: 80rpx;
}
.li-rank-biao{
  background:rgba(246,245,251,1);
  border-radius:20rpx;
  padding: 0 32rpx 2rpx 32rpx;
}
.li-rank-biao-title{
  color: #fff;
  background: blue;
  text-align: center;
  line-height: 72rpx;
  height: 72rpx;
  border-radius:0  0 20rpx 20rpx;
  margin: auto;
  width: 200rpx;
}
.li-rank-biao-num{
  color: #6C6C80;
  font-size: 28rpx;
  padding: 30rpx 0;
}
.li-rank-canvas{
  height: 600rpx;
  position: relative;
  color: #41414C;
  font-size: 26rpx;
}
.li-rank-canvas-text{
  position: absolute;
  left: 40%;
  top: 37%;
  width: 142rpx;
  line-height: 52rpx;
}
.image-nodata{
  width: 154rpx;
  height: 112rpx;
  margin: 50rpx auto;
}
.text-nodata{
  color: #999999;
  margin-bottom: 70rpx;
}
.list-item-all{
  width:172rpx;
  height:58rpx;
  background:rgba(246,245,251,1);
  border:1rpx solid rgba(108,108,128,1);
  border-radius:29rpx;
  text-align: center;
  line-height: 58rpx;
  font-size: 26rpx;
  color: #6C6C80;
  margin: 30rpx auto
}