/* features.css */

.features-title {
  height: 100vh;
  width: 100vw;
  background-color: #f2f2f2;
  height: 100vh;
  background-color: #f2f2f2;
  /* 保留背景色作为后备选项 */
  background-image: url('../img/features/background.jpg');
  /* 添加背景图片 */
  background-size: cover;
  /* 使背景图片覆盖整个div */
  background-position: center;
  /* 背景图片居中显示 */
  background-repeat: no-repeat;
  /* 防止背景图片重复 */
  background-attachment: scroll;
  /* 背景图片固定，可选 */

  position: relative;
}

.linebox {
  width: 88vw;
  position: absolute;
  /* 启用绝对定位 */
  top: 50%;
  /* 从顶部向下移动50% */
  left: 50%;
  transform: translate(-50%, -50%);
}

.features-content {
  font-family: 'KARIBUNARROW';
  display: flex;
  background-image: url('../img/features/linebox.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 66.67vw;
  height: 40vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-top: 5.33vw;
}

.contents {
  display: flex;
  flex-direction: column;
}

.content-item {
  width: 14.13vw;
  height: 4.67vw;
  color: white;

  margin: 1.33vw 0 0 1.33vw;
  background-image: url('../img/features/itembox.png');
  /* 添加背景图片 */
  background-size: contain;
  /* 使背景图片覆盖整个div */
  background-position: center;
  /* 背景图片居中显示 */
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.content-item:hover {
  background-image: url('../img/features/itembox-hover.png');
  /* 添加背景图片 */
  background-size: contain;
  /* 使背景图片覆盖整个div */
  background-position: center;
  /* 背景图片居中显示 */
  background-repeat: no-repeat;
}

.active-item {
  background-image: url('../img/features/itembox1.png') !important;
  /* 添加背景图片 */
  background-size: contain;
  /* 使背景图片覆盖整个div */
  background-position: center;
  /* 背景图片居中显示 */
  background-repeat: no-repeat;
  color: #000;
}



.item-title {
  font-weight: bold;
  /*margin-bottom: 0.33vw;*/
  font-size: 1.4vw;
  cursor: pointer;
}

.item-tip {
  font-size: 0.8vw;
}

.features-img {
  padding: 1.5vw 1.5vw;
  width: 48.53vw;
  height: 28.67vw;
}