.faq-page {}

.faq-list {width: 70%;display:inline-block;vertical-align: top;}
.faq-list .item {margin-bottom:10px;}
.faq-list .item .name {font-size: 17px;cursor: pointer;position: relative;padding:10px 50px 10px 15px;border-radius: 3px;line-height:26px;outline: 0;color:#000;font-weight:600;background-color: #f6f6f6;margin-bottom:10px;box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.05);-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;}
.faq-list .item .name i {color: silver;font-style:normal;position:absolute;top:10px;right:14px;font-size:35px;font-weight:bold;}
.faq-list .item .name i.minus {display:none;}
.faq-list .item.active .name {background:#456650;color:#fff;}
.faq-list .item.active .name i {color:#fff;}
.faq-list .item.active .name i.plus {display:none;}
.faq-list .item.active .name i.minus {display:block;}
.faq-list .item .text {display:none;padding:10px 16px;}
.faq-list .item.active .text {display:block;}

.faq-banner {width:25%;display:inline-block;vertical-align: top;margin-left:5%;}
.faq-banner .banner {display:block;text-decoration: none;background: #456650;padding:35px;color: #fff;text-align: center;}
.faq-banner .banner .icon {text-align: center;margin: 40px 0;}
.faq-banner .banner .icon .radius {display: inline-block;background:rgba(255,255,255,.2);width: 100px;height: 100px;border-radius:100px;line-height: 110px;}
.faq-banner .banner .icon .radius i {display: inline-block;background:#fff;color:#456650;width:40px;height: 40px;border-radius:40px;line-height: 42px;font-size: 25px;font-weight:bold;text-align:center;font-style: normal;}

.faq-banner .banner:hover .icon .radius {background:#fff;}
.faq-banner .banner:hover .icon .radius i {background:#456650;color:#fff;}


@media only screen and (max-width:991px)
{
.faq-list {width:100%;}
.faq-banner {width:100%;margin-left:0;}
}