.index .section-banner{
    position: relative; overflow: hidden; background: url("/new/image/bd.jpg") center no-repeat; width: 100%; height: 500px;
    display: flex; justify-content: center; flex-direction: column;
}
.index .search-new-box{ margin-bottom: 2%; overflow: hidden; background-color: #ffffff; padding-bottom: 0; }
.index .search-new-box .form-box{ width: 100%; text-align: center }
.index .search-new-box .form-box .bt{ font-size: 3vw; margin: 2.5% auto 1%; }
.index .search-new-box .form-box .st{ font-size: 1.4vw; }
.index .search-new-box .form-box .hot-search{ max-width: 1000px;  margin: 1% auto; }
.index .search-new-box .form-box .hot-search .link{ font-size: 14px; margin-right: 5px; background-color: rgba(245,192,30,0.3); padding: 5px 10px; border-radius: 24px; }
.index .search-new-box .search-box{ margin-top: 1%; text-align: center; position: relative; }
.index .search-new-box .search-box .search{
    height: 44px; line-height: 44px; box-sizing: border-box; border-radius: 10px; width: 100%; background-color: rgba(255,255,255,0.3);
    border: 1px solid #eeeeee; padding: 5px 15px 5px 35px; position: relative;
}
.index .search-new-box .search-box .search-icon{
    position: relative; width: 24%; margin: 0 auto;
}
.index .search-new-box .search-box .search-icon::before{ z-index: 22;
    content: ''; position: absolute; display: block; height: 20px; width: 20px; top: 12px; left: 10px; background: url("/new/image/search.png") center no-repeat;
    background-size: cover;
}
.faq-list{ background-color: #f5f7fa; overflow: hidden; }
.index.faq-list .search-new-box{ background-color: inherit; }
.faq-list .list{ width: 80%; margin: 0 auto 6%; background-color: #ffffff; display: flex; justify-content: space-between; transform: translateY(-60px);  }
.faq-list .list .left{ width: 30%; background-color: #415fff;color: #ffffff }
.faq-list .list .left .ask-title{ font-size: 1.8vw; text-align: center; margin: 40px auto 20px; }
.faq-list .list .left .name{ font-size: 2vw; text-align: center; margin: 20px 0; }
.faq-list .list .left .ul .li{ background-color: #415fff;  box-sizing: border-box; }
.faq-list .list .left .ul .li .li-box{ height: 50px; line-height: 50px; display: flex; justify-content: space-between; margin: 0 20px; }
.faq-list .list .left .ul .li .a{ height: 50px; display: inline-block; line-height: 50px; font-size: 1vw; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #ffffff}
.faq-list .list .left .ul .li .add{ width: 20px; height: 20px; margin-left: 20px; margin-top: 15px; cursor: pointer; transform: rotate(0deg); transition: all 0.2s linear; }
.faq-list .list .left .ul .li .add.active{ transform: rotate(45deg) }
.faq-list .list .left .ul .li .li-box{ cursor: pointer; position: relative; }
.faq-list .list .left .ul .li .details-list{ background-color: #3856f9; max-height: 0;  overflow: hidden; }
.faq-list .list .left .ul .li .details-list.active{ max-height: inherit; }
.faq-list .list .left .ul .li .details-list .sli{ font-size: 0.9vw; height: 2vw; width: 100%; padding: 0 5%; box-sizing: border-box; line-height: 2vw; margin: 0 auto; display: block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #ffffff}
.faq-list .list .left .ul .li .details-list .sli.active{ background-color: #3953e0; }
.faq-list .list .right{ box-sizing: border-box; width: 70%; }
.faq-list .list .right .text{ margin: 20px; padding: 20px; box-sizing: border-box; }
.faq-list .list .right .text .ask-title{ font-size: 1.8vw; }
.faq-list .list .right .text .line{ background-color: #cccccc; height: 2px; border: 0; margin: 20px 0; }
.faq-list .ck-content p{font-size: 16px}
.faq-list .ck-content h4{font-size: 16px}
.faq-list .ck-content a{font-size: 16px}