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

.but-linear-grandient {
  width: 178px;
  height: 62px;
  border-radius: 60px;

  /* border: 1px solid; */
  background: linear-gradient(270deg, #5C053E 0%, #C40000 100%)
    /* border-color: linear-gradient(270deg, #BE0808 0%, #EA9F43 100%) 1; */

    /* 外部/1 */
    /* box-shadow: 0px 303.29px 1213.15px 0px rgba(0, 0, 0, 0.2),0px 303.29px 606.57px 0px rgba(0, 0, 0, 0.05) */
}

.huashu {
  background-image: url('../images/expert/huashubg.webp');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.tools {
  background-image: url('../images/expert/toolbg.webp');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.toolItembg {
  background: linear-gradient(180deg, #171718 0%, rgba(16, 16, 16, 0.85) 99%)
}

.toolRightbg {
  background: linear-gradient(90deg, #1D1D23 0%, #171717 100%)
}

/* 工具侧边栏激活 */
/* 激活态样式 */
.active-tab {
  border-left: 4px solid #BE0808;
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.toolItembg {
  background-color: rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
}

/* 初始显示第一个内容 */
.tab-content:not(.active-tab-content) {
  display: none;
}


.toolActive {
  border-bottom: 2px solid transparent;
}

.toolActive.activeE {
  background: linear-gradient(180deg, #282832 0%, #151515 100%);
}

.gradient-underline {
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* 选中状态 */
.toolActive.activeE .gradient-underline {
  opacity: 1;
}

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

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

.jiaoben {
  background-image: url('../images/expert/jiaobenbg.webp');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}