#faq .list{display:block;border-top:1px solid #ccc;position:relative;}
#faq > a{display:block;}
#faq .list > div {width: 100%; position: relative;}
#faq .item {width: 100%;padding: 26px 20px;border-bottom: solid 1px #ccc;position: relative;display:flex;justify-content: space-between;-webkit-transition: max-height 1s ease;-moz-transition: max-height 1s ease;-ms-transition: max-height 1s ease;-o-transition:max-height 1s ease;transition:max-height 1s ease;overflow:hidden;cursor:pointer;}
/* #faq a.active .item {max-height: 500px;-webkit-transition:max-height 1s ease;-moz-transition: max-height 1s ease;-ms-transition:max-height 1s ease;-o-transition: max-height 1s ease;transition: max-height 1s ease;} */
#faq .item .left{width:100px;}
#faq .item .middle{margin-left:50px;flex-grow: 2;width:100%;}
#faq .item .right{width:70px;text-align:right;}
#faq .item .right img{width:20px;-webkit-transition:all .5s ease;-moz-transition: all .5s ease;-ms-transition:all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
#faq .item .right svg{width:13px;-webkit-transition:all .5s ease;-moz-transition: all .5s ease;-ms-transition:all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}

#faq .item.active .right img{transform: rotate(180deg);}
#faq .item.active .right svg{transform: rotate(180deg);}
#faq .item .title {font-size: 20px;font-weight: 700;color: #000;text-align: left;position:relative;margin-left:25px;}
#faq .item.active  .title {color:#003744;}
#faq .item .content {font-size: 16px;font-weight: 400;color: #666;text-align: left;position:relative;margin-left:25px;line-height:1.6;display:none;word-break: break-all;margin-bottom:20px;margin-top:20px;}

/*#faq .item .date {bottom: 48px;}*/
#faq .list__more {display: block;}
#faq .more {cursor: pointer;display: block;}
#faq .more .icon {transition: all 300ms ease-in-out;}
#faq .more .icon:hover {transform: rotate(180deg);}
#faq .item .title:before{content:'Q';position:absolute;margin-left:-25px;font-size:22px;;top:-2px;font-weight:700}
#faq .item .content:before{content:'A';position:absolute;margin-left:-25px;font-size:22px;top:-4px;;font-weight:700;color:#003744}
#faq .item.active .title:before{color:#6A9B00}
.board .list .admin_modify{position:absolute;right:80px;top:26px;width:80px;height:30px;z-index:10}


#faq .pc_cate {display: block;}
#faq .mb_cate {display: none; margin-bottom: 80px;}
#faq .mb_cate select {width: 100%;}

@media all and (max-width:740px){
	#faq .mb_cate {display: block;margin-bottom:9vw}
	#faq .pc_cate {display: none;}
}