.faq-container{

width:1475px;
margin:40px auto;

}

.breadcrumb{

margin-bottom:25px;
font-size:14px;

}

.breadcrumb a{

color:#0A8F43;
text-decoration:none;

}

.breadcrumb i{

margin:0 10px;
color:#999;

}

.faq-header{

background:#fff;
padding:40px;
border-radius:12px;
text-align:center;
margin-bottom:30px;
box-shadow:0 2px 10px rgba(0,0,0,.05);

}

.faq-header h1{

font-size:38px;
margin-bottom:15px;

}

.faq-header p{

color:#666;
font-size:17px;

}

.faq-search{

position:relative;
margin-bottom:30px;

}

.faq-search input{

width:100%;
height:55px;
padding-left:20px;
padding-right:60px;
border:1px solid #ddd;
border-radius:8px;
font-size:16px;

}

.faq-search i{

position:absolute;
right:20px;
top:18px;
color:#999;

}

.faq-item{

background:#fff;
border-radius:10px;
margin-bottom:15px;
box-shadow:0 2px 8px rgba(0,0,0,.05);

}

.faq-question{

padding:22px;
display:flex;
justify-content:space-between;
align-items:center;
cursor:pointer;
font-size:18px;
font-weight:bold;

}

.faq-question:hover{

color:#0A8F43;

}

.faq-answer{

display:none;
padding:0 22px 22px;
line-height:28px;
color:#555;

}

.faq-item.active .faq-answer{

display:block;

}

.faq-item.active .fa-chevron-down{

transform:rotate(180deg);

}

.fa-chevron-down{

transition:.3s;

}