.content-part6{
  height: auto;
  width: 100%;
  /* border: 2px solid red; */
  padding-block: var(--main-block-padding);
  background-color: rgb(239, 239, 239);
  display: flex;
  flex-direction: column;
  gap: 80px;
}

.part6-main-content{
  /* border: 2px solid green; */
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.part6-main-content-cards{
  flex-grow: 1;
  /* border: 2px solid red; */
  display: flex;
  gap: 20px;
}

.part6-main-content-card-one{
  /* border: 2px solid blue; */
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  background-color: white;
  border-radius: 12px;
  transition: transform 0.2s ease-in-out;
}

.part6-main-content-card-one > div:first-child{
  width: 100%;
  aspect-ratio: 16/9;
  background-image: url('../imgs/part6/1.jpg');
  background-size: cover;
  border-radius: 10px;
}

.part6-main-content-card-one > div.card2:first-child{

  background-image: url('../imgs/part6/2.jpg');

}
.part6-main-content-card-one > div.card3:first-child{

  background-image: url('../imgs/part6/3.jpg');

}


.part6-main-content-card-one > .texts-container{
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  /* height: 100%; */
}

.texts-container > div{
  /* height: 100%; */
  /* flex-grow: 1; */
  /* border: 2px solid red; */
}

.texts-container-item1{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.texts-container-item1 > span:first-child{
  font-size: 0.8rem;
  color: rgb(136, 136, 136);
}
.texts-container-item1 > span:last-child{
  font-size: 1.4rem;
  font-weight: 700;
  white-space: pre-line;
}

.texts-container-item2{
  border-top: 1px solid rgb(185, 185, 185);
  border-bottom: 1px solid rgb(185, 185, 185);
  display: flex;
  align-items: center;
  padding-block: 30px;
  gap: 10px;
}

.texts-container-item2 > span:first-child{
  font-size: 1.6rem;
  font-weight: 700;
}
.texts-container-item2 > span:last-child{
  font-size: 0.6rem;
  text-transform: capitalize;
  color: rgb(136, 136, 136);
}


.texts-container-item3{
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* border: 2px solid red; */

}

.texts-container-item3 > div:first-child{
  display: flex;
  align-items: center;
  gap: 10px;
}

.texts-container-item3 > div:first-child > div{
  display: flex;
}

.texts-container-item3 > div:first-child > div > div{
  width: 40px;
  height: 40px;
  /* background-color: aqua; */
  border-radius: 50%;
  border: 2px solid white;
  background-size: cover;
  filter: grayscale(100%);
}
.texts-container-item3 > div:first-child > div > div:nth-child(1){
  background-image: url('../imgs/part6/avatars/person1.jpg');
}

.texts-container-item3 > div:first-child > div > div:nth-child(2){
  background-image: url('../imgs/part6/avatars/person2.png');
  margin-left: -15px;
}
.texts-container-item3 > div:first-child > div > div:nth-child(3){
  background-image: url('../imgs/part6/avatars/person3.png');
  margin-left: -20px;
}
.texts-container-item3 > div:first-child >span{
  font-weight: 700;
}

.texts-container-item3 > :last-child{
  font-size: 1.6rem;
}

/* 最底下的两个按钮 */
.part6-main-content > div:last-child{
  /* border: 2px solid red; */
  display: flex;
  align-self: flex-end;
  gap: 10px;
}

.part6-main-content > div:last-child > div{
  width: 40px;
  height: 40px;
  border-radius:50%;
  border: 2px solid rgb(70, 70, 70);
  font-size: 1.4rem;
  display: flex;
  justify-content: center;
  align-items: center;

}

.part6-main-content > div:last-child > div:first-child{
  transform: scaleX(-1);
  opacity: 0.2;
}


/* 交互 */
@media (hover: hover) {
  .part6-main-content-card-one:hover{
    transform: translateY(-10px);
  }
  
}


@media screen and (max-width: 1024px) {
  .texts-container-item1 > span:last-child{
    font-size: 1.2rem;
    
  }
  .texts-container-item2 > span:first-child{
    font-size: 1.4rem;
  }
  .texts-container-item2{
    padding-block: 20px;
  }
}
@media screen and (max-width: 768px){
  .texts-container-item1 > span:last-child{
    font-size: 1rem;
  }
  .texts-container-item2 > span:first-child{
    font-size: 1.2rem;
  }
  .texts-container-item3 > div:first-child > div > div{
    width: 30px;
    height: 30px;
  }

  .texts-container-item3 > :last-child{
    font-size: 1.2rem;
  }
  .part6-main-content-card-one > .texts-container{
    padding: 20px;
  }
  .texts-container-item2{
    padding-block: 15px;
  }

  .texts-container-item3 > div:first-child >span{
    font-size: 0.8rem;
  }
}

@media screen and (max-width: 768px){
  .part6-main-content-card-one > .texts-container{
    padding: 15px;
  }
  .part6-main-content > div:last-child > div{
    height: 30px;
    width: 30px;
    font-size: 1rem;
  }

}

@media screen and (max-width: 520px){
  .texts-container-item1 > span:last-child{
    font-size: 1rem;
    
  }
  .part6-main-content-card-one > .texts-container{
    gap: 10px;
  }
  .texts-container-item2{
    padding-block: 8px;
  }

 
}

@media screen and (max-width: 500px){
  .part6-main-content-cards{
    flex-direction: column;
    gap: 30px;
  }
  .texts-container-item1 > span:last-child{
    font-size: 5vw;
    white-space: normal;
    
  }

  .texts-container-item2 > span:first-child{
    font-size: 5vw;
  }
  .part6-main-content-card-one > .texts-container{
    gap: 20px;
  }
  .texts-container-item2{
    padding-block: 20px;
  }

  .texts-container-item3 > div:first-child > div > div{
    width: 40px;
    height: 40px;
  }

  .texts-container-item3 > div:first-child >span{
    font-size: 1.2rem;
  }
  .texts-container-item3 > :last-child{
    font-size: 1.6rem;
  }
  .content-part6{
    gap: 50px;
  }


  .content-part6{
    padding-bottom: 60px;
  }

  /* 底部箭头 */


  .part6-main-content > div:last-child{
    width: 100%;
    justify-content: space-between;
  }

}