.m03-faq{padding:100px 0}
.m03-faq ul li{border:1px solid #DCDCDC;padding:15px;}
.m03-faq ul li~li{margin-top:20px;}
.m03-faq ul li .tit{cursor:pointer;position:relative;display:flex;justify-content:flex-start;align-items:center;}
.m03-faq ul li .tit > span{width:40px;line-height:40px;height:40px;font-size:18px;color:#1b1c1c;display:block;text-align:center;}
.m03-faq ul li .tit h4{flex:1;font-size:18px;color:#1b1c1c;margin:0 0 0 10px;}
.m03-faq ul li .tit::after{position:absolute;right:0;top:6px;content:"\e639";font-family:"qico";font-size:24px;color:#878787;transition: transform .3s ease;}
.m03-faq ul li .con{padding:15px 0 0;display:none;}
.m03-faq ul li .con > span{float:left;width:40px;line-height:40px;height:40px;font-size:18px;color:#666;display:block;text-align:center;}
.m03-faq ul li .con .t{margin:0 0 0 50px;padding:7px 0;font-size:17px;line-height:26px;color:#666;}
.m03-faq ul li .tit.active::after{color:var(--color-active);transform:rotate(45deg);}
@media screen and (max-width:768px) {
.m03-faq{padding:30px 0}
.m03-faq ul li{padding:12px;}
.m03-faq ul li ~ li{margin-top:15px;}
.m03-faq ul li .tit > span,.m03-faq ul li .con > span{display:none;}
.m03-faq ul li .tit h4{font-size:17px;margin:0 40px 0 0;}
.m03-faq ul li .tit::after{top:0px;font-size:22px;}
.m03-faq ul li .con .t{margin:0;padding:5px 0 0;font-size:16px;line-height:22px;}
}
@media screen and (max-width:480px) {
.m03-faq ul li .tit h4{font-size:16px;}
.m03-faq ul li .con .t{font-size:15px;}
}