/* chunk.360.1778654535556.css */
.faq-portal {
  background:#fff;
  width:100%;
  overflow:hidden
}
.faq-banner {
  background:#0a0e1a url(../images/ip_banner_1920x600.png) no-repeat 50%;
  background-size:cover;
  padding:130px 0 60px 0;
  text-align:center
}
.faq-banner .main-title {
  color:#fff;
  font-size:34px;
  margin-bottom:14px;
  letter-spacing:4px;
  font-weight:700
}
.faq-banner .search-input-wrap {
  width:680px;
  margin:0 auto
}
.faq-banner .search-input-wrap .el-input__inner {
  border-radius:30px;
  height:46px;
  line-height:46px;
  font-size:14px;
  padding-left:50px;
  border:none;
  box-shadow:0 5px 20px rgba(0,0,0,.2)
}
.faq-banner .search-input-wrap .el-input__prefix {
  left:15px;
  font-size:20px;
  line-height:46px;
  color:#999
}
.faq-banner .slogan {
  font-weight:400;
  color:#fff;
  margin-top:15px;
  font-size:13px
}
.faq-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  padding:32px 0;
  background:#fff;
  width:1200px
}
.faq-grid .grid-card {
  background:#f9f9f9;
  padding:18px 18px 18px 24px;
  border-radius:15px;
  text-align:left;
  position:relative;
  transition:all .3s
}
.faq-grid .grid-card:hover {
  box-shadow:0 10px 30px rgba(0,0,0,.05)
}
.faq-grid .grid-card .card-head-link {
  text-decoration:none;
  display:block
}
.faq-grid .grid-card .card-head {
  display:flex;
  align-items:center;
  margin-bottom:25px
}
.faq-grid .grid-card .card-head img {
  width:26px;
  height:26px;
  margin-right:5px
}
.faq-grid .grid-card .card-head h3 {
  font-size:17px;
  color:#2e2e2e;
  font-weight:700;
  margin:0
}
.faq-grid .grid-card .card-list {
  list-style:none;
  padding:0;
  margin:0 0 40px 0
}
.faq-grid .grid-card .card-list li {
  margin-bottom:18px;
  font-size:14px;
  color:#848484;
  line-height:1.4
}
.faq-grid .grid-card .card-list li a {
  color:inherit;
  text-decoration:none;
  transition:.2s
}
.faq-grid .grid-card .card-list li a:hover {
  color:#c42d26
}
.faq-grid .grid-card .more-btn {
  color:#c42d26;
  font-size:14px;
  text-decoration:none;
  position:absolute;
  bottom:20px;
  font-weight:500
}
@media only screen and (max-width:1200px) {
  .faq-portal {
    overflow:visible!important
  }
  .faq-banner {
    padding:28vw 4vw 7vw 4vw
  }
  .faq-banner .main-title {
    font-size:8vw;
    letter-spacing:1vw
  }
  .faq-banner .search-input-wrap {
    width:90%
  }
  .faq-banner .search-input-wrap .el-input__inner {
    height:10vw;
    line-height:10vw;
    font-size:3.5vw
  }
  .faq-banner .slogan {
    font-size:3.2vw;
    margin-top:4vw
  }
  .faq-grid {
    grid-template-columns:repeat(2,1fr);
    width:96%;
    margin:0 auto;
    gap:2vw;
    padding:4vw 0
  }
  .faq-grid .grid-card {
    padding:3vw;
    border-radius:2vw;
    min-height:31vw
  }
  .faq-grid .grid-card .card-head {
    margin-bottom:2vw
  }
  .faq-grid .grid-card .card-head img {
    width:5vw;
    height:5vw;
    margin-right:1.5vw
  }
  .faq-grid .grid-card .card-head h3 {
    font-size:3.8vw;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
  }
  .faq-grid .grid-card .card-list {
    margin-bottom:10px
  }
  .faq-grid .grid-card .card-list li {
    margin-bottom:2vw
  }
  .faq-grid .grid-card .card-list li .q-link {
    font-size:3.2vw;
    line-height:1.4;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    white-space:normal
  }
  .faq-grid .grid-card .ml {
    border-top:1px solid #efefef;
    position:relative;
    bottom:5px
  }
  .faq-grid .grid-card .more-btn {
    bottom:3vw;
    font-size:3vw
  }
}
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}