.faq_bg {
  background: url("../png/banner-2.png") no-repeat;
  overflow: hidden;
  margin-top: 80px;
}
.faq_ban {
  width: 75em;
  margin: 0 auto;
  padding: 150px 0;
  text-align: center;
}
.faq_ban h1 {
  height: 65px;
  font-size: 50px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 65px;
}
.faq_ban p {
  max-width: 1000px;
  height: 68px;
  font-size: 22px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 34px;
  margin: 27px auto;
}
.faq_section {
  padding-bottom: 120px;
}
.faq_section p {
  font-size: 17px;
  font-weight: 400;
  color: rgba(26, 27, 29, 0.79);
  line-height: 26px;
  margin-top: 25px;
}
.faq_section .faq_item_title {
  font-size: 18px;
  font-weight: 500;
  color: #1A1B1D;
  line-height: 21px;
}
.faq_section .faq_item {
  margin-top: 42px;
  margin-left: -2px;
  padding-left: 4.125em;
  position: relative;
  border-left: 3px solid transparent;
  transition: all 0.166s;
}
.faq_section .faq_item .faq_item_content {
  position: relative;
  height: max-content;
  font-size: 1.062em;
  line-height: 1.65em;
  margin-top: 18px;
  overflow: hidden;
  display: none;
}
.faq_section .faq_item .faq_item_content .faq-content-ul-style {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 20px;
  margin-top: 25px;
}
.faq_section .faq_item .faq_item_content .faq-content-ul-style li {
  list-style: disc;
}
.faq_section .faq_item .faq_item_content .faq-content-ul-style li p:first-child {
  font-size: 17px;
  font-weight: 400;
  color: #1A1B1D;
  line-height: 26px;
  opacity: 1;
}
.faq_section .faq_item .faq_item_content .faq-content-ul-style li p:last-child {
  margin-top: 10px;
}
.faq_section .faq_item .faq_item_content strong {
  display: block;
  margin-top: 3rem;
}
.faq_section .faq_item:first-child {
  margin-top: 0;
}
.faq_section .faq_item > img {
  position: absolute;
  top: 3px;
  left: 28px;
}
.faq_section .faq_item img:hover {
  cursor: pointer;
}
.faq_section .faq_item .add_icon {
  display: block;
}
.faq_section .faq_item .minus_icon {
  display: none;
}
.faq_section > div {
  width: 50em;
  display: inline-block;
  vertical-align: top;
  border-left: 1px solid #d2d2d2;
}
.faq_section div p a {
  color: #FF446B;
  text-decoration: underline;
}
.faq_section div p a:hover {
  color: #e6375c;
}
.faq_section div p:nth-child(1) {
  margin: 0;
}
.faq_section div ol {
  list-style-type: disc;
  list-style-position: outside;
  margin: 1.76em 0 0 0.882em;
  width: 32em;
}
.faq_section div h3:hover {
  color: #FF446B !important;
  cursor: pointer;
}
.faq_section div h3:hover .u-collapse-img {
  display: block !important;
}
.faq_section .faq_item.active_faq {
  border-left: 3px solid #FF446B;
}
.faq-content-box {
  width: 100%;
  display: flex;
  padding-top: 129px;
}
.faq-content-box .faq-content-cate {
  width: 40%;
  padding-bottom: 120px;
}
.faq-content-box .faq-content-cate-list {
  width: 60%;
}
.faq-content-category {
  position: relative;
  max-width: 450px;
  float: right;
  margin-right: 80px;
  cursor: pointer;
}
.faq-content-category div {
  display: flex;
  margin-bottom: 40px;
}
.faq-content-category div.active h2 {
  color: #FF446B;
}
.faq-content-category div.active span svg g path,
.faq-content-category div.active span rect {
  fill: #FF446B;
}
.faq-content-category div.active span svg path {
  fill: #FF446B;
}
.faq-content-category div.active:hover h2 {
  color: #FF446B;
}
.faq-content-category div.active:hover span svg g path,
.faq-content-category div.active:hover span rect {
  fill: #FF446B;
}
.faq-content-category div.active:hover span svg path {
  fill: #FF446B;
}
.faq-content-category div:last-child {
  margin-bottom: 0;
}
.faq-content-category div h2 {
  font-size: 26px;
  font-weight: bold;
  color: #25282c;
  line-height: 40px;
  margin-left: 15px;
  transition: all 0.3s;
}
.faq-content-category div span svg g path,
.faq-content-category div span rect {
  fill: #25282c;
  transition: all 0.3s;
}
.faq-content-category div span svg path {
  fill: #25282c;
  transition: all 0.3s;
}
.faq-content-category div:hover h2 {
  color: #FF446B;
}
.faq-content-category div:hover span svg g path,
.faq-content-category div:hover span rect {
  fill: #FF446B;
}
.faq-content-category div:hover span svg path {
  fill: #FF446B;
}
.faq-footer-box {
  background: #F6F9FF;
  text-align: center;
  padding-top: 120px;
  padding-bottom: 120px;
}
.faq-footer-box .faq-footer-title {
  height: 50px;
  font-size: 32px;
  font-weight: bold;
  color: #1A1B1D;
  line-height: 50px;
  margin-bottom: 30px;
}
.faq-footer-box .faq-footer-center {
  width: 780px;
  margin: 0 auto;
  display: flex;
}
.faq-footer-box .faq-footer-list {
  width: 325px;
  height: 120px;
  background: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #E8EBF2;
  display: flex;
  cursor: pointer;
}
.faq-footer-box .faq-footer-list .faq-footer-left-icon {
  margin: 34px 25px;
}
.faq-footer-box .faq-footer-list .faq-footer-left-icon svg {
  width: 52px;
  height: 52px;
}
.faq-footer-box .faq-footer-list .faq-footer-right-content {
  margin-right: 20px;
  text-align: left;
}
.faq-footer-box .faq-footer-list .faq-footer-right-content .faq-footer-content-title {
  width: max-content;
  height: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #1A1B1D;
  line-height: 20px;
  margin-top: 21px;
  transition: all 0.3s;
  border-bottom: 1px solid snow;
}
.faq-footer-box .faq-footer-list .faq-footer-right-content .faq-footer-content-title a {
  color: #1A1B1D;
  font-size: 18px;
  transition: all 0.3s;
}
.faq-footer-box .faq-footer-list .faq-footer-right-content .faq-footer-content-title:hover a {
  color: #e6375c;
  border-bottom: 1px solid #e6375c;
}
.faq-footer-box .faq-footer-list .faq-footer-right-content .faq-footer-content-desc {
  height: 44px;
  font-size: 15px;
  font-weight: 400;
  color: #1A1B1D;
  line-height: 22px;
  margin-top: 14px;
}
.faq-footer-box .faq-footer-list:last-child {
  margin-left: 20px;
}
.faq-footer-box .faq-footer-list:hover .faq-footer-content-title a {
  color: #e6375c;
  border-bottom: 1px solid #e6375c;
}
/*# sourceMappingURL=faq.css.map */
