.frame{
  width: 100%;
  margin-top: 20rpx;
  padding: 0 20rpx;
  box-sizing: border-box;
}
.ys-zb{
  width: 100%;
  height: 235rpx;
  background-color: #FFFFFF;
  border-radius: 16rpx;
  padding: 30rpx 0rpx;
}
.ys-zb .title{
  margin: 0 20rpx;
  height: 30rpx;
  font-size:30rpx;
  line-height: 30rpx;
  font-weight:500;
  color:rgba(51,51,51,1);
}

.ys-zb .left{
  margin-top: 50rpx;
  width: 50%;
  height: 136rpx;
  float: left;
}
.ys-zb .left .charts{
  margin-left: 100rpx;
  width: 136rpx;
  height: 136rpx;
  /* background-color: red; */
}
.ys-zb .right{
  margin-top: 50rpx;
  width: 50%;
  height: 136rpx;
  float: left;
}
.ys-zb .right .top{
  margin-top: 25rpx;
  height: 36rpx;
  font-size:28rpx;
  font-weight:500;
  color:rgba(102,102,102,1);
  line-height:36rpx;
}
.ys-zb .right .top text{
  font-size:34rpx;
  height: 36rpx;
  font-weight:bold;
  color:rgba(102,102,102,1);
  line-height:36rpx;
}

.ys-zb .right .bottom{
  margin-top: 20rpx;
  height: 30rpx;
  font-size:26rpx;
  font-weight:500;
  color:rgba(146,148,155,1);
  line-height:30rpx;
}
.ys-zb .right .bottom text{
  font-size:30rpx;
  font-weight:bold;
  color:rgba(255,198,0,1);
}