/* xtends//statics/index/index.wxss */
.qiun-charts {
  width: 750rpx;
  height: 500rpx;
  background-color: #FFFFFF;
}
.charts {
  width: 100%;
  height: 400rpx;
  background-color: #FFFFFF;
}

.shanxing {
  width: 200rpx;
  height: 200rpx;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sx1, .sx2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 200rpx;
  height: 200rpx;
  clip: rect(0rpx, 100rpx, 200rpx, 0rpx);
}

.sx1 {
  z-index: 1;
}

.sx2 {
  z-index: 2;
}

.sx_t {
  width: 100rpx;
  height: 100rpx;
  border-radius: 50%;
  z-index: 3;
  background: #fff;
}

.shanxing1 {
  /* background: #FF222C; */
  background-image: linear-gradient(269deg, #FF222C 0%, #FF691C 100%);
}

.shanxing1 .sx1, .shanxing1 .sx2 {
  background: #007AFF;
}

.shanxing2 {
  background: #007AFF;
}

.shanxing2 .sx1, .shanxing2 .sx2 {
  /* background: #FF222C; */
  background-image: linear-gradient(269deg, #FF222C 0%, #FF691C 100%);
  transform: rotate(180deg);
}