#main_content{
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 5%;
  padding-bottom: 5%;
  background-color: #f9f9f9;
}
.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.5vw;
  font-family: HarmonyOS_Sans_SC_Medium;
  padding-bottom: 13%;
}
.faq_left ul li:hover{
  cursor: pointer;
  color: #6ad9d4;
  text-decoration-line: underline;
}
.faq_left ul li.active{
  color: #6ad9d4;
  text-decoration-line: underline;
}
.faq_right{
  background-color: #fbfbfb;
  width: 100%;
  padding: 5%;
}
.t_m_a h1{
  color: #6ad9d4;
  font-family: HarmonyOS_Sans_SC_Medium;
  font-size: 1.2vw;
  line-height: 2vw;
}
.t_m_a span,.a_s span,.t_d_c span,.b_w span,.a_f_t span,.n_t span{
  margin-top: 1.2vw;
  color: #000;
  font-family: HarmonyOS_Sans_SC_Medium;
  font-weight: 400;
  font-size: 1vw;
  line-height: 1.8vw;
  display: block;
}
.t_m_a h1.active,.a_s h1.active,.n_t h1.active,.t_d_c h1.active,.b_w h1.active,.a_f_t h1.active{
  color: #6ad9d4;
}
.a_s,.m_i_o,.t_d_c,.b_w,.a_f_t,.n_t{
  margin-top: 2vw;
}
#m_i_o{
  background: #fff;
  width: 140%;
  margin-left: -20%;
}
.m_i_o{
  background-color: #fff;
 
  height: 3vw;
  width: 120%;
  margin-left: -6%;
}

.t_d_c a{
  color: #6ad9d4;
}
.a_s h1,.m_i_o h1,.t_d_c h1,.b_w h1,.a_f_t h1,.n_t h1{
  color: #000;
  font-family: HarmonyOS_Sans_SC_Medium;
  font-size: 1.2vw;
  line-height: 2vw;
}
.faq_right span{
  transition: all 0.5s;
  overflow: hidden;
  max-height: 0;
}
.faq_right span.active{
  overflow:visible;
  max-height: 100vh !important;
}
.faq_right img{
  float: right;
  width: 2%;
  margin-top: 1%;
  transition: all 0.5s;
}
.faq_right h1.active img{
  -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}