.sky-tab-item {
  display: flex;
}

.sky-tab-item .left {
  width: 40%;
  padding-right: 20px;
}

.sky-tab-item img {
  width: 100%;
}

.sky-tab-item .t0 {
  color: #252B3A;
  font-size: 30px;
  font-weight: 600;
}

.sky-tab-item .line {
  width: 460px;
  height: 2px;
  background: linear-gradient( 270deg, rgba(166,85,255,0) 0%, #A655FF 100%);
  margin: 28px 0;
}

.sky-tab-item .sub-item {
  padding: 20px;
  border-radius: 12px;
  display: flex;
  cursor: pointer;
}

.sky-tab-item .sub-item + .sub-item {
  margin-top: 10px;
}

.sky-tab-item .sub-left {
  padding-right: 8px;
}

.sky-tab-item .sub-right {
  flex: 1;
}

.sky-tab-item .dot {
  width: 16px;
  height: 16px;
  background: rgba(166,85,255, 0.2);
  border-radius: 50%;
  position: relative;
}

.sky-tab-item .dot-1 {
  width: 8px;
  height: 8px;
  background: #A655FF;
  border-radius: 50%;
  position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sky-tab-item .t1 {
  color: #252B3A;
  font-size: 20px;
  font-weight: 500;
}

.sky-tab-item .desc {
  color: #252B3A;
  font-size: 14px;
  margin-top: 10px;
  display: none;
}

.sky-tab-item .sub-item.active {
  box-shadow: 0px 4px 20px 0px rgba(116,134,163,0.12);
}

.sky-tab-item .sub-item.active .desc {
  display: block;
}

.bus-value-item > div{
  color: white;
  height: 100%;
}

.bus-value-item:nth-child(odd) > div {
  background: linear-gradient( 313deg, #62B1FF 0%, #3379FF 100%);
}

.bus-value-item:nth-child(even) > div {
  background: linear-gradient( 313deg, #BB9FFF 0%, #8566FF 100%);
}