/* chunk.922.1778654535556.css */
.el-collapse-item .el-collapse-item__header.is-active {
  border-bottom-color:transparent!important
}
.hl-mark {
  background:#ffebb4;
  color:#c42d26;
  font-weight:700;
  padding:0 2px;
  border-radius:2px
}
.faq-detail-page {
  background:#fff;
  padding:60px 0;
  min-height:900px;
  width:100%;
  display:flex;
  justify-content:center
}
.layout {
  display:flex;
  align-items:flex-start;
  width:1200px
}
.pc-layout .faq-sidebar {
  width:242px;
  background:#fff;
  border-radius:12px;
  box-shadow:0 5px 25px rgba(0,0,0,.06);
  padding:25px 0;
  position:sticky;
  top:110px
}
.pc-layout .faq-sidebar .side-search {
  padding:0 25px 0
}
.pc-layout .faq-sidebar .side-search .el-input__inner {
  text-align:left;
  background:#fff;
  border-radius:32px 32px 32px 32px;
  border:1px solid #ccc;
  font-size:15px;
  color:#333
}
.pc-layout .faq-sidebar .side-menu {
  margin-top:10px
}
.pc-layout .faq-sidebar .side-menu .side-item {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 25px;
  cursor:pointer;
  transition:.2s;
  border-bottom:none
}
.pc-layout .faq-sidebar .side-menu .side-item:after {
  content:"";
  position:absolute;
  bottom:0;
  left:20px;
  right:20px;
  border-bottom:1px dashed #ececec
}
.pc-layout .faq-sidebar .side-menu .side-item .item-left {
  display:flex;
  align-items:center
}
.pc-layout .faq-sidebar .side-menu .side-item .item-left img {
  filter:grayscale(100%);
  opacity:.4;
  width:18px;
  height:18px;
  margin-right:12px
}
.pc-layout .faq-sidebar .side-menu .side-item .item-left span {
  font-size:15px;
  color:#393939
}
.pc-layout .faq-sidebar .side-menu .side-item i {
  font-size:12px;
  color:#ccc
}
.pc-layout .faq-sidebar .side-menu .side-item.active {
  background:#fffcfc;
  border-right:0 solid #c42d26
}
.pc-layout .faq-sidebar .side-menu .side-item.active span {
  color:#c42d26;
  font-weight:700
}
.pc-layout .faq-sidebar .side-menu .side-item.active img {
  opacity:1;
  filter:grayscale(0)
}
.pc-layout .faq-sidebar .side-menu .side-item.active i {
  color:#c42d26
}
.pc-layout .faq-sidebar .side-menu .side-item:hover {
  background:#fcfcfc
}
.pc-layout .faq-main {
  flex:1;
  margin-left:60px;
  text-align:left;
  position:relative;
  top:60px;
  padding-bottom:20px
}
.pc-layout .faq-main .count-bar {
  color:#666;
  font-size:14px;
  padding-bottom:35px;
  border-bottom:1px solid #eee
}
.pc-layout .faq-main .result-header {
  font-size:14px;
  color:#999;
  border-bottom:1px solid #eee;
  padding-bottom:15px
}
.pc-layout .faq-main .result-header span {
  color:#c42d26;
  font-weight:700
}
.pc-layout .faq-main .search-result-list .result-item {
  padding:25px 0;
  border-bottom:1px solid #eee
}
.pc-layout .faq-main .search-result-list .result-item .q-title {
  font-size:16px;
  color:#333;
  margin-bottom:12px
}
.pc-layout .faq-main .search-result-list .result-item .q-ans-preview {
  font-size:14px;
  color:#777;
  line-height:1.8;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden
}
.pc-layout .faq-main .search-result-list .result-item:hover .q-title {
  color:#c42d26
}
.pc-layout .faq-main .faq-collapse {
  border:none
}
.pc-layout .faq-main .faq-collapse .el-collapse-item__header {
  height:auto;
  line-height:1.6;
  padding:15px 0;
  font-size:16px;
  color:#444;
  border-bottom:1px solid #eee
}
.pc-layout .faq-main .faq-collapse .el-collapse-item__header.is-active {
  color:#c42d26;
  font-weight:700
}
.pc-layout .faq-main .faq-collapse .ans-content {
  padding:8px 14px;
  background:#fff;
  color:#2d3c67;
  font-size:15px;
  font-weight:400;
  line-height:2;
  border-radius:4px;
  margin:10px 0
}
.pc-layout .faq-main .pagination-wrap {
  display:flex;
  align-items:center;
  margin-top:50px
}
.pc-layout .faq-main .pagination-wrap .page-unit {
  margin-left:15px;
  font-size:14px;
  color:#666
}
.pc-layout .faq-main .pagination-wrap .btn-jump {
  margin-left:10px;
  border-radius:4px
}
.pc-layout .faq-main .pagination-wrap .el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color:#fff;
  color:#c42d26;
  border:1px solid #c42d26
}
.el-collapse-item__content {
  padding-bottom:0
}
@media only screen and (max-width:1200px) {
  .faq-detail-page {
    padding:0!important;
    display:block!important;
    min-height:100vh;
    width:100%;
    background:#fff
  }
  .mobile-layout {
    background:#fff;
    display:flex;
    flex-direction:column;
    min-height:100vh
  }
  .m-banner {
    background:#0a1633 url(../images/faq-star-bg.png) no-repeat 50%/cover;
    padding:28vw 6vw 4vw;
    text-align:center
  }
  .m-banner .m-title {
    color:#fff;
    font-size:6.5vw;
    font-weight:700;
    margin-bottom:5vw
  }
  .m-banner .m-search-wrap .el-input__inner {
    border-radius:50px;
    height:11vw;
    border:none;
    font-size:3.8vw;
    padding-left:15vw!important;
    background:#fff
  }
  .m-banner .m-search-wrap .el-input__prefix {
    left:4vw;
    display:flex;
    align-items:center
  }
  .m-banner .m-search-wrap .el-input__prefix:after {
    content:"";
    display:block;
    width:1px;
    height:5vw;
    background-color:#dedede;
    margin-left:2.5vw
  }
  .m-banner .m-search-wrap .el-input__prefix i {
    font-size:5vw;
    font-weight:700;
    color:#c7c7c7;
    line-height:50px
  }
  .m-banner .m-search-wrap .el-input__suffix {
    display:flex;
    align-items:center
  }
  .m-body-container {
    display:flex;
    flex:1;
    background:#fff;
    align-items:stretch
  }
  .m-category-nav {
    width:28vw;
    flex-shrink:0;
    border-right:1px solid #eee;
    background:#f8f8fa
  }
  .m-category-nav .m-cat-item {
    padding:5vw 1vw;
    position:relative;
    cursor:pointer
  }
  .m-category-nav .m-cat-item:after {
    content:"";
    position:absolute;
    bottom:0;
    left:10%;
    right:10%;
    border-bottom:1px solid #f8f8fa
  }
  .m-category-nav .m-cat-item .m-cat-inner {
    display:flex;
    align-items:center
  }
  .m-category-nav .m-cat-item .m-cat-inner img {
    width:4vw;
    height:4vw;
    filter:grayscale(100%);
    opacity:.5;
    margin-right:4px
  }
  .m-category-nav .m-cat-item .m-cat-inner span {
    font-size:3.2vw;
    color:#3b3b3b;
    line-height:1.3;
    text-align:center
  }
  .m-category-nav .m-cat-item.active {
    background:#fcdede
  }
  .m-category-nav .m-cat-item.active:after {
    display:none
  }
  .m-category-nav .m-cat-item.active span {
    color:#c42d26;
    font-weight:700
  }
  .m-category-nav .m-cat-item.active img {
    filter:grayscale(0);
    opacity:1
  }
  .m-main-content {
    flex:1;
    padding:4vw;
    width:0
  }
  .m-main-content .m-count-bar {
    font-size:3.5vw;
    color:#888
  }
  .m-main-content .m-collapse {
    border:none
  }
  .m-main-content .m-collapse .el-collapse-item__header {
    height:auto;
    line-height:1.5;
    padding:4vw 0;
    font-size:3.5vw;
    color:#2e2e2e;
    display:flex;
    align-items:baseline;
    font-weight:400;
    border-bottom:1px solid #eee
  }
  .m-main-content .m-collapse .el-collapse-item__header.is-active {
    color:#c42d26
  }
  .m-main-content .m-collapse .m-ans-box {
    padding:4vw;
    color:#2d3c67;
    font-size:3.8vw;
    line-height:1.8;
    border-radius:2vw
  }
  .m-main-content .m-search-item {
    padding:5vw 0;
    border-bottom:1px solid #eee
  }
  .m-main-content .m-search-item h3 {
    font-size:4vw;
    color:#333;
    margin-bottom:3vw
  }
  .m-main-content .m-search-item p {
    font-size:3.5vw;
    color:#666;
    -webkit-line-clamp:2;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    overflow:hidden
  }
  .m-main-content .m-pagination-wrap {
    margin-top:8vw;
    display:flex;
    justify-content:center
  }
  .m-main-content .m-pagination-wrap .el-pagination {
    padding:0
  }
}

