.cyl_view {
  padding: 20rpx;
}
.cyl_view .top {
  font-weight: 500;
}
.cyl_view .top .child_1 {
  color: #2B2B2B;
  font-size: 28rpx;
  font-weight: bold;
}
.cyl_view .top .child_2 {
  color: #71675D;
  font-size: 24rpx;
  margin: 0 10rpx;
}
.cyl_view .top .child_3 {
  border: 1rpx solid #F3C368;
  border-radius: 5rpx;
  padding: 0 5rpx;
  color: #F2C369;
  font-size: 24rpx;
}
.cyl_view .center {
  margin: 20rpx 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  font-weight: 500;
}
.cyl_view .center .child {
  background-color: #F5F5F5;
  border-radius: 10rpx 10rpx 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26rpx;
  color: #939393;
  padding: 10rpx 40rpx;
}
.cyl_view .center .child.action {
  background-color: #F2C369;
  color: #070707;
}
.cyl_view .bottom .type .item {
  border-radius: 10rpx;
  width: 100%;
  padding: 26rpx 0;
}
.cyl_view .bottom .type .item .contentC {
  background-color: #FAFAFC;
  justify-content: center;
  height: 120rpx;
  border-radius: 10rpx;
}
.cyl_view .bottom .type .item .contentC .titleNumC {
  font-size: 24rpx;
  font-weight: bold;
  color: #2B2B2B;
}
.cyl_view .bottom .type .item .contentC .titleNumC .num {
  background-color: #F2C369;
  margin-left: 6rpx;
  padding: 0 5rpx;
  min-width: 24rpx;
  border-radius: 5rpx;
  font-weight: 500;
  text-align: center;
}
.cyl_view .bottom .type .item .contentC .titleNumC .num.upstream {
  background-color: #FF5501;
  color: white;
}
.cyl_view .bottom .type .item .contentC .titleNumC .num.core {
  background-color: #175CE6;
  color: white;
}
.cyl_view .bottom .type .item .contentC .titleNumC .num.downstream {
  background-color: #1DB26F;
  color: white;
}
.cyl_view .bottom .type .item .contentC .des {
  margin-top: 10rpx;
  font-size: 22rpx;
  font-weight: 500;
  color: #999999;
}
.cyl_view .bottom .type .item .contentC.upstream {
  background-color: #FFF4EF;
  border: solid 1rpx #FF5501;
}
.cyl_view .bottom .type .item .contentC.core {
  background-color: #F2F6FD;
  border: solid 1rpx #175CE6;
}
.cyl_view .bottom .type .item .contentC.downstream {
  background-color: #E7F5F0;
  border: solid 1rpx #1DB26F;
}
.cyl_view .bottom .type .item .arrow {
  margin: 0 6rpx;
  width: 19rpx;
  height: auto;
}
.cyl_view .list {
  margin-top: 20rpx;
}
.cyl_view .list .item {
  background-color: #FAFAFC;
  margin-bottom: 20rpx;
  border-radius: 10rpx;
  padding: 25rpx 20rpx;
}
.cyl_view .list .item .title {
  font-size: 28rpx;
  font-weight: bold;
  color: #2B2B2B;
}
.cyl_view .list .item .des {
  margin-top: 10rpx;
  font-size: 24rpx;
  font-weight: 500;
  color: #999999;
}
.cyl_view .list .item .labelC {
  margin-top: 10rpx;
}
.cyl_view .list .item .labelC .label {
  margin-right: 10rpx;
  padding: 0 10rpx;
  line-height: 30rpx;
  border-radius: 5rpx;
  font-size: 20rpx;
  font-weight: 500;
}
.cyl_view .list .item .labelC .label.upstream {
  color: #FF5501;
}
.cyl_view .list .item .labelC .label.upstream.type {
  background-color: #FFF4EF;
}
.cyl_view .list .item .labelC .label.upstream.market {
  border: solid 1rpx #FF5501;
}
.cyl_view .list .item .labelC .label.core {
  color: #175CE6;
}
.cyl_view .list .item .labelC .label.core.type {
  background-color: #EDF2FD;
}
.cyl_view .list .item .labelC .label.core.market {
  border: solid 1rpx #175CE6;
}
.cyl_view .list .item .labelC .label.downstream {
  color: #1DB26F;
}
.cyl_view .list .item .labelC .label.downstream.type {
  background-color: #E7F5F0;
}
.cyl_view .list .item .labelC .label.downstream.market {
  border: solid 1rpx #1DB26F;
}
.cyl_view .list .item .importanceC {
  margin-top: 20rpx;
}
.cyl_view .list .item .importanceC .title {
  font-size: 22rpx;
  font-weight: 500;
  color: #71675D;
}
.cyl_view .list .item .importanceC .progressBgC {
  background-color: #EFEFEF;
  height: 10rpx;
  border-radius: 5rpx;
  margin: 0 15rpx;
}
.cyl_view .list .item .importanceC .progressBgC .progress {
  height: 100%;
  border-radius: 5rpx;
}
.cyl_view .list .item .importanceC .progressBgC .progress.upstream {
  background: linear-gradient(90deg, #FF8C53 0%, #FF5501 100%);
}
.cyl_view .list .item .importanceC .progressBgC .progress.core {
  background: linear-gradient(90deg, #518BFF 0%, #175CE6 100%);
}
.cyl_view .list .item .importanceC .progressBgC .progress.downstream {
  background: linear-gradient(90deg, #48D394 0%, #1DB26F 100%);
}
.cyl_view .list .item .importanceC .value {
  font-size: 24rpx;
  font-weight: 500;
  color: #71675D;
}