.ebc-tabs {
  margin-bottom: 32rem;
}
.download-list {
  margin-top: 42rem;
  display: flex;
  gap: 20rem;
}
.download-list h3 {
  margin-top: 26rem;
  color: #232222;
  font-size: 14rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.download-group {
  margin-top: 11rem;
  display: flex;
  gap: 20rem;
}
.download-item {
  width: 167rem;
  height: 150rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 8rem;
  border: 1px solid #e1e6ed;
  gap: 10rem;
  transition: all 0.3s;
}
.download-item:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2), 0 4px 6px rgba(0, 0, 0, 0.15);
}

.download-item-img {
  height: 48rem;
}

.download-item-name {
  font-size: 14rem;
  line-height: 1;
  color: #232222;
}
.download-item-name .iconfont {
  font-size: 14rem;
  line-height: 1;
  color: #232222;
}
section + section {
  margin-top: 88rem;
}
.section2-ea {
  margin-top: 50rem;
}

.document-list {
  margin-top: 24rem;
  display: flex;
  flex-wrap: wrap;
  gap: 60rem 18rem;
}
.document-list .swiper-slide {
  position: relative;
  width: calc(25% - 14rem);
}
.document-item {
  height: auto;
}
.document-item-img-box {
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 152rem;
  border-radius: 8rem;
  background: #f9f6f2;
}
.document-item-img img {
  width: 100%;
  height: 152rem;
}
.document-item-img {
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}

.document-item:hover .document-item-img {
  transform: scale(1.1);
}

.document-item-title {
  display: block;
  margin-top: 28rem;
  color: #232222;
  font-size: 16rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  white-space: nowrap; /* 禁止换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 溢出时显示省略号 */
}
.document-item-title:hover {
  color: #232222;
}

.document-btn-text {
  margin-top: 12rem;
  color: #232222;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-right: 40rem;
}
.document-btn-text::after {
  font-family: "iconfont" !important;
  content: "\e618";
  color: #fff;
  font-size: 16rem;
  position: absolute;
  right: 0;
  line-height: 20rem;
  transition: all 0.3s;
}
.document-item:hover .document-btn-text::after {
  color: #232222;
}

.forex-title-tips {
  margin-top: 26rem;
  color: #b2afad;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.forex-btn-group {
  display: flex;
  gap: 12rem;
  margin-top: 22rem;
}
.forex-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 44rem;
  padding: 0 20rem;
  border: 1px solid #a52933;
  color: #a52933;
  font-size: 16rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-radius: 8rem;
  transition: all 0.3s;
}
.forex-btn-block {
  color: #fff;
  background: #a52933;
}

.forex-btn:hover {
  color: #fff;
  background: #a52933;
}
.forex-btn-block:hover {
  color: #fff;
  background: #7d0b14;
  border: 1px solid #7d0b14;
}
.ea-turbo-banner {
  width: 100%;
  border-radius: 8rem;
}
.ea-intro-list {
  margin-top: 50rem;
  display: flex;
  flex-wrap: wrap;
  gap: 48rem 30rem;
}
.ea-intro-li {
  width: calc(33% - 20rem);
  color: #232222;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.ea-intro-li-content {
  line-height: normal;
}
.ea-intro-li-label {
  margin-top: 24rem;
  margin-bottom: 12rem;
  font-size: 20rem;
  font-weight: 500;
  line-height: normal;
}

.tool-box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 35rem;
  gap: 30rem 18rem;
}

.tool-card {
  padding: 24rem;
  width: calc(33.3% - 12rem);
  height: 250rem;
  border-radius: 8rem;
  border: 1px solid #e1e6ed;
  background-image: url(/ebc-static/image/forex/index/section5-card-bg-dot.png);
  background-repeat: no-repeat;
  background-size: 144rem 80rem;
  background-position: right top;
  /* cursor: default; */
  transition: border 0.3s;
}
.tool-card:hover {
  border: 1px solid #9f734c;
}
.tool-card:hover .btn-line-red {
  color: #fff;
  background: #a52933;
}
.tool-card-icon {
  width: 32rem;
}
.tool-card-title {
  display: block;
  height: 45rem;
  margin-top: 18rem;
  color: #232222;
  font-size: 18rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25;
  /* white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis; */
}
.tool-card-title:hover{
  color: #232222;
}
.tool-card-intro {
  margin-top: 8rem;
  color: #6a6967;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: 20rem;
  height: 40rem;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.btn-line-red {
  flex-shrink: 0;
  display: flex;
  height: 34rem;
  width: 100%;
  justify-content: center;
  align-items: center;
  border: 1px solid #a52933;
  color: #a52933;
  text-align: center;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 4rem;
  margin-top: 26rem;
  transition: all 0.3s;
}
.btn-line-red:hover {
  color: #fff;
  background: #a52933;
}
.show-more-btn {
  display: none;
}
#TCIframe {
  margin-top: 56rem;
  width: 100%;
  height: 80vh;
  transform: translate(-12px);
}
.es-turbo-list {
  display: flex;
  flex-wrap: wrap;
  gap: 48rem 30rem;
}
.es-turbo-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24rem;
  width: calc(33% - 20rem);
}
/* .es-turbo-item + .es-turbo-item {
  margin-top: 56rem;
} */
.es-turbo-item-content {
  flex: 1;
  order: 2;
}
.es-turbo-item-content-title {
  color: #232222;
  font-size: 20rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.es-turbo-item-content-intro {
  margin-top: 12rem;
  color: #232222;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.es-turbo-item-img {
  /* flex-shrink: 0;
  align-self: top; */
  order: 1;
  width: 100%;
}

@media (max-width: 996px) {
  #TCIframe {
    margin-top: 88rem;
  }
  .ebc-tabs {
    margin-top: 20rem;
    margin-bottom: 56rem;
  }
  .download-list {
    margin-top: 64rem;
    flex-direction: column;
  }
  .download-list h3 {
    font-size: 28rem;
  }
  .download-group {
    flex-direction: column;
    margin-top: 38rem;
  }
  .download-item {
    width: 100%;
    height: 110rem;
    flex-direction: row;
    padding: 0 40rem;
    border-radius: 16rem;
    gap: 32rem;
  }
  .download-item-img {
    height: 64rem;
    flex-shrink: 0;
  }
  .download-item-name {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    flex: 1;
    font-size: 28rem;
    line-height: 1;
  }
  .download-item-name .iconfont {
    font-size: 40rem;
    text-align: right;
  }
  .document-list {
    margin-top: 36rem;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0;
  }
  .document-item-img-box {
    height: 350rem;
  }
  .document-item-title {
    font-size: 32rem;
  }
  .document-btn-text {
    font-size: 28rem;
    color: #6a6967;
  }
  .document-btn-text::after {
    font-size: 34rem;
    color: #6a6967;
    line-height: 40rem;
  }

  .forex-title-tips {
    font-size: 28rem;
  }
  .forex-btn-group {
    margin-top: 34rem;
    flex-direction: column;
    gap: 30rem;
  }
  .forex-btn {
    border-radius: 16rem;
    height: 80rem;
    font-size: 32rem;
  }

  .ea-intro-list {
    margin-top: 88rem;
  }

  .ea-intro-li {
    font-size: 28rem;
    width: 100%;
    display: none;
  }
  .ea-intro-li:nth-child(-n + 3) {
    display: block;
  }
  .show-all .ea-intro-li {
    display: block;
  }
  .show-more-btn-box .icon-a-down {
    transition: all 0.3s;
  }
  .show-all .icon-a-down {
    transform: rotate(180deg);
  }
  .ea-intro-li-label {
    font-size: 40rem;
    /* font-weight: 400; */
  }
  .show-text {
    display: inline-block;
  }
  .hidden-text {
    display: none;
  }
  .show-all .show-text {
    display: none;
  }
  .show-all .hidden-text {
    display: inline-block;
  }

  .tool-box {
    flex-direction: column;
    gap: 28rem;
  }
  .tool-card {
    display: flex;
    align-items: center;
    height: 144rem;
    width: 100%;
    background-size: 280rem 144rem;
    border-radius: 16rem;
  }
  .tool-card-title {
    position: relative;
    margin-top: 0;
    margin-left: 32rem;
    font-size: 32rem;
    padding-right: 60rem;
    flex-grow: 1;
    height: auto;
  }
  .tool-card-title::after {
    position: absolute;
    right: 0;
    top: 0;
    content: "\e618";
    font-size: 48rem;
    font-family: "iconfont" !important;
    color: #6a6967;
  }
  .tool-card-icon {
    width: 64rem;
    flex-shrink: 0;
  }
  .show-more-btn-box {
    margin-top: 80rem;
    display: flex;
    justify-content: center;
  }
  .show-more-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10rem;
    font-size: 28rem;
    color: #6a6967;
  }
  .show-more-btn .iconfont {
    font-size: 28rem;
    color: #b2afad;
  }
  .es-turbo-list {
    flex-direction: column;
  }
  .es-turbo-item {
    width: 100%;
    flex-direction: column;
  }
  .es-turbo-item-content-title {
    font-size: 40rem;
  }
  .es-turbo-item-content-intro {
    font-size: 28rem;
  }
  .section2-ea {
    margin-top: 88rem;
  }
}