.faq{padding:60px 0;}
.faq-list{margin-top:40px;}
.faq-list>ul{display: block;}
.faq-list>ul>li{display:block; padding:20px 25px; border-radius:10px; border:1px solid #eef2f8; background:#eef2f8; transition: .3s; margin-top: 20px;}
.faq-list>ul>li>h3{position: relative; border-radius:10px; font-size:18px; cursor: pointer; transition: .3s;}
.faq-list>ul>li>h3>i{float: right; width:35px; height:35px; line-height:35px; font-size:25px; transition: .3s; overflow: hidden; text-align: center; border-radius: 50px; color:#2b7ffe;}
.faq-list>ul>li>aside{position: relative; font-size:15px; max-height: 0; padding: 0; overflow: hidden; transition: .3s;}
.faq-list>ul>li>aside p+p{margin-top:10px;}
.faq-list>ul>li.on{background:#fff; border-color:#d8d8d8;}
.faq-list>ul>li>h3:hover,
.faq-list>ul>li.on>h3{color:#2b7ffe;}
.faq-list>ul>li.on>h3>i{transform: rotate(180deg); color:#e7053a;}
.faq-list>ul>li.on>aside{max-height:800px; padding:25px 0 10px 0;}
@media(max-width:1200px){
.faq{padding:40px 0;}
.faq-list{margin-top:30px;}
.faq-list>ul>li{padding:15px 20px; border-radius:5px; margin-top:15px;}
.faq-list>ul>li>h3{font-size:16px;}
.faq-list>ul>li>h3>i{width:28px; height:28px; line-height:28px; font-size:22px;}
.faq-list>ul>li>aside{font-size:14px;}
.faq-list>ul>li>aside p+p{margin-top:8px;}
.faq-list>ul>li.on>aside{padding:15px 0 5px 0;}
}
@media(max-width:992px){
.faq-service>ul>li{width:50%;}
}
@media(max-width:767px){
.faq{padding:20px 0;}
.faq-list{margin-top:15px;}
.faq-list>ul>li{padding:8px 12px; margin-top:8px;}
.faq-list>ul>li>h3{font-size:15px;}
}