#main_content{
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 2%;
  padding-bottom: 2%;
  background-color: #fff;
}
.inner-title{
  margin-top: 0;
}
.faq_left{
  background-color: #fbfbfb;
 transition: height 0.5s ease-out;
  width: 100%;
}
.faq_left ul{
  padding: 12%;
}
.faq_left ul li{
  color: #000;
  font-size: 1vw;
  line-height: 1.8vw;
  font-family: HarmonyOS_Sans_SC_Medium;
  padding-bottom: 13%;
  text-align: center;
  display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.left_nav_tex{
  display: inline-block;
  width: 100%;
}
.left_nav_img{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin-left: 7%;
}
.left_nav_img img{
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
.faq_left ul li.active .left_nav_img img{
  opacity: 1;
}
.faq_left ul li.active .left_nav_tex{
  padding: 5%;
  background-color: #fff;
  transition: background-color 1s ease-in-out;
}
.faq_left ul li:hover{
  cursor: pointer;
  color: #8CD7D0;

}
.faq_left ul li.active{
  
  
}
.faq_right{
  background-color: #fbfbfb;
  width: 100%;
  padding: 5%;
}
.t_m_a h1{
  
  font-family: HarmonyOS_Sans_SC_Medium;
  font-size: 1.5vw;
  line-height: 2vw;
}
.t_m_a span,.a_s span,.m_i_o span,.t_d_c span,.b_w span,.a_f_t span,.y_c span,.c_i_t span{
  margin-top: 1.2vw;
  color: #8a8a8a;
  font-family: HarmonyOS_Sans_SC_Medium;
  font-weight: 400;
  font-size: 1vw;
  line-height: 2vw;
  display: block;
}
.a_s,.m_i_o,.t_d_c,.b_w,.a_f_t,.y_c,.c_i_t{
  margin-top: 3.5vw;
}
.a_s a{
  color: #8cd7d0;
}
.a_s h1,.m_i_o h1,.t_d_c h1,.b_w h1,.a_f_t h1,.y_c h1,.c_i_t h1{
  color: #000;
  font-family: HarmonyOS_Sans_SC_Medium;
  font-size: 1.5vw;
  line-height: 2vw;
}