/*-----faq------*/

.faq{width:100%;}
.faq ul li{border:1px solid #DCDCDC;padding:15px;}
.faq ul li~li{margin-top:20px;}
.faq ul li .tit{overflow:hidden;cursor:pointer;position:relative;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;}
.faq ul li .tit .date-month{width:40px;line-height:40px;height:40px;font-size:18px;color:#1b1c1c;border-radius:50%;display:block;text-align:center;}
.faq ul li .tit h4{-webkit-flex:1;flex:1;font-size:18px;color:#1b1c1c;font-weight:500;margin:0 0 0 10px;}
.faq ul li .tit::after{position:absolute;right:0;top:6px;content:"\e639";font-family:"qico";font-size:24px;height:24px;color:#878787;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease;}

.faq ul li .con{padding:15px 0 0;display:none;}
.faq ul li .con .date-day{float:left;width:40px;line-height:40px;height:40px;font-size:18px;color:#666;display:block;text-align:center;}
.faq ul li .con .t{margin:0 0 0 50px;padding:7px 0 0;font-size:17px;line-height:24px;font-weight:300;color:#666;}

.faq ul li .tit.active::after{color:var(--active-color);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}


@media screen and (max-width:768px) {
	
.faq ul li{padding:12px;}
.faq ul li ~ li{margin-top:15px;}
.faq ul li .tit .date-month,.faq ul li .con .date-day{display:none;}
.faq ul li .tit h4{font-size:17px;margin:0 40px 0 0;}
.faq ul li .tit::after{top:0px;font-size:22px;height:22px;}
.faq ul li .con .t{margin:0;padding:5px 0 0;font-size:16px;line-height:22px;}

}