.header {
    background-image: url('../images/cooperate/headerbg.webp');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 745px;
}

/* 矩阵 */
.juzhen{
    background-image: url('../images/cooperate/juzhen.webp');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.carousel {
  position: relative;
  margin: auto;
  overflow: hidden;
}

.anlibg {
  background-image: url('../images/index/item8bg.webp');
  height: 927px;
  background-repeat: no-repeat;
  background-size: 100% 100%;

}

.slidesPC {
  display: flex;
  transition: transform 0.5s ease;
}

.slidePC {
  min-width: 100%;
}

.slidePC img {
  width: 100%;
  display: block;
}

.indicators {
  position: absolute;
  bottom: 54px;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 5px;
}

.indicator {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}

.indicator.activeInd {
  background: white;
  border-radius: 10px;
  width: 32px;
}

.controls button {
  background: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
}

.linear-text{
    background: linear-gradient(270deg, #F72323 0%, #00A6FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.linear-text1{
    background: linear-gradient(90deg, #D900FF 0%, #FBFF00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.linear-text2{
    background: linear-gradient(270deg, #00A6FF 0%, #D900FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}


/* 树型滚动 */
/* 轮播容器样式 */
.plan-carousel {
  position: relative;
  width: 100%;
  height: 843px; /* 单个轮播项的高度 */
  overflow: hidden;
}

/* 轮播内容容器 */
.plan-slides {
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease;
}

/* 轮播项样式 */
.plan {
  background-image: url('../images/cooperate/funeng.webp');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  /* height: 100%; */
}

/* 导航点样式 */
.plan-dots {
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 20px;
  z-index: 10;
}

.dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  cursor: pointer;
  transition: all 0.3s ease;
}

.dot.active {
    background: linear-gradient(270deg, #BE0808 0%, #6F00FF 100%);
  /* background-color: white; */
  transform: scale(1.2);
  width: 10px;
    height: 32px;
    border-radius: 5px;
}

/* .quanyuan{
    background-image: url('../images/cooperate/quyuanchatBG.webp');
    background-repeat: no-repeat;
    background-size: 100% 100%;
} */
 .quanyuanChat{
    /* background: rgba(255, 255, 255, 0.2); */
background-image: url('../images/cooperate/quyuanchatBG.webp');
    background-repeat: no-repeat;
    background-size: 100% 100%;

    box-sizing: border-box;
    border: 1px solid #FFFFFF;
    border-radius: 32px 32px 0px 32px;
    width: 471px;
height: 155px;
 }
.peixunContent{
    background-image: url('../images/cooperate/peixunbg.webp');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 360px;
    height: 321px;
}

.peixunmubiao{
    background-image: url('../images/cooperate/peixunmubiao.webp');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.activeMubiao{
    /* background: linear-gradient(270deg, #FF7276 0%, #F03137 100%);
 
    color: #FFFFFF;
    border-radius: 68px; */
}
.ruleBg{
    background-image: url('../images/cooperate/rulebg.webp');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

/* 培训目标 */
.toolActive {
  /* border-bottom: 2px solid red; */
}

.toolActive.activeM {
  background: linear-gradient(270deg, #FF7276 0%, #F03137 100%);
 
    color: #FFFFFF;
    border-radius: 68px;
}

.content-panel-tool {
  display: none;
}

/* 当前激活的内容面板 */
.content-panel-tool.activeM {
  display: flex;
}

.fuwubg{
    background-image: url('../images/cooperate/fuwubg.webp');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.fuwu1{
    background-image: url('../images/cooperate/fuwu1.webp');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.fuwu2{
    background-image: url('../images/cooperate/fuwu1.webp');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.fuwu3{
    background-image: url('../images/cooperate/fuwu1.webp');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}