.faq{}
.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:flex;justify-content:flex-start;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;font-weight:600;}
.faq ul li .tit h4{-webkit-flex:1;flex:1;font-size:18px;color:#1b1c1c;font-weight:600;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;transition:transform .3s ease;}

.faq ul li .con{padding:15px 0 0;display:none;overflow: hidden;}
.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;font-weight:600;}
.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);}